Difference between revisions of "Team:IIT-Madras/Team"

Line 16: Line 16:
 
.grid {
 
.grid {
 
  display: grid;
 
  display: grid;
−
   grid-template-columns: ;
+
   grid-template-columns: 1fr 1fr 1fr;
 
   width: 100%;
 
   width: 100%;
 
   height: auto;
 
   height: auto;
Line 41: Line 41:
  
  
−
<h2 style="font-family: 'title', sans-serif; font-size: 7.9mm; padding-right: 40%; float: right;">The Team</h2>
+
<h1 style="font-family: 'title', sans-serif; font-size: 12mm; padding-left: 20%; color: #00b355;">Notebook</h1>
  
 
<center>
 
<center>
 
<div class="box">
 
<div class="box">
  
−
<div class="grid">
 
  
−
<div class="g1">
+
    <div class="grid">
−
<img src="https://static.igem.org/mediawiki/2018/thumb/7/7a/T--IIT-Madras--faidh.png/450px-T--IIT-Madras--faidh.png.jpeg">
+
      <div>
 +
 
 +
<button class="collapsible2 font" ><img src="https://static.igem.org/mediawiki/2018/6/6a/T--IIT-Madras--sahana.jpeg" alt="sahana"></button>
 +
<div class="content2">
 +
  <p style="font-family: 'title', sans-serif; font-size: 5.5mm;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis tristique sollicitudin nibh sit. At in tellus integer feugiat scelerisque varius morbi. Lacus vel facilisis volutpat est velit egestas. Vitae et leo duis ut diam. Elit eget gravida cum sociis natoque penatibus et. Quisque non tellus orci ac auctor augue mauris. Sit amet porttitor eget dolor morbi non arcu risus quis. Vel turpis nunc eget lorem dolor sed. Convallis aenean et tortor at risus. In nisl nisi scelerisque eu ultrices. Aliquam eleifend mi in nulla. Vitae suscipit tellus mauris a diam. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vitae suscipit tellus mauris a. Suspendisse ultrices gravida dictum fusce ut placerat orci.</p>
 +
</div>
 +
      </div>
 +
     
 +
      <div>
 +
<button class="collapsible2 font" ><img src="https://static.igem.org/mediawiki/2018/6/6a/T--IIT-Madras--sahana.jpeg" alt="sahana"></button>
 +
<div class="content2">
 +
  <p style="font-family: 'title', sans-serif; font-size: 5.5mm;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis tristique sollicitudin nibh sit. At in tellus integer feugiat scelerisque varius morbi. Lacus vel facilisis volutpat est velit egestas. Vitae et leo duis ut diam. Elit eget gravida cum sociis natoque penatibus et. Quisque non tellus orci ac auctor augue mauris. Sit amet porttitor eget dolor morbi non arcu risus quis. Vel turpis nunc eget lorem dolor sed. Convallis aenean et tortor at risus. In nisl nisi scelerisque eu ultrices. Aliquam eleifend mi in nulla. Vitae suscipit tellus mauris a diam. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vitae suscipit tellus mauris a. Suspendisse ultrices gravida dictum fusce ut placerat orci.</p>
 +
</div>
 +
      </div>
 +
     
 +
      <div>
 +
<button class="collapsible2 font" ><img src="https://static.igem.org/mediawiki/2018/6/6a/T--IIT-Madras--sahana.jpeg" alt="sahana"></button>
 +
<div class="content2">
 +
  <p style="font-family: 'title', sans-serif; font-size: 5.5mm;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis tristique sollicitudin nibh sit. At in tellus integer feugiat scelerisque varius morbi. Lacus vel facilisis volutpat est velit egestas. Vitae et leo duis ut diam. Elit eget gravida cum sociis natoque penatibus et. Quisque non tellus orci ac auctor augue mauris. Sit amet porttitor eget dolor morbi non arcu risus quis. Vel turpis nunc eget lorem dolor sed. Convallis aenean et tortor at risus. In nisl nisi scelerisque eu ultrices. Aliquam eleifend mi in nulla. Vitae suscipit tellus mauris a diam. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vitae suscipit tellus mauris a. Suspendisse ultrices gravida dictum fusce ut placerat orci.</p>
 
</div>
 
</div>
 +
      </div>
  
−
<div class="g2">
 
  
−
  <h2 style="font-family:'title', sans-serif; font-size:5.5mm;">Mohammed 'Mizaan' Faidh</h2>
 
−
<p style="font-size: 5.0mm; font-family:'main', sans-serif;">
 
−
 
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor commodo ullamcorper a lacus vestibulum. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Risus nec feugiat in fermentum posuere urna nec tincidunt. Semper risus in hendrerit gravida rutrum quisque. Consectetur lorem donec massa sapien. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Augue ut lectus arcu bibendum at varius vel pharetra vel. Ac orci phasellus egestas tellus rutrum. Et leo duis ut diam quam nulla. Convallis convallis tellus id interdum velit laoreet. Non consectetur a erat nam at lectus urna duis convallis. Adipiscing elit pellentesque habitant morbi tristique. Ut sem viverra aliquet eget sit amet tellus cras adipiscing. Sagittis vitae et leo duis ut diam quam nulla. Arcu non odio euismod lacinia. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Risus ultricies tristique nulla aliquet. Ut tortor pretium viverra suspendisse potenti nullam. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod.
 
−
</p>
 
 
</div>
 
</div>
  
−
</div>
+
 
 
</div>
 
</div>
−
 
  
 
</center>
 
</center>
−
</html>
 
  
  
Line 146: Line 156:
 
}
 
}
 
</script>
 
</script>
 +
 +
</html>

Revision as of 22:10, 14 October 2018

iGEM Collaborations Page

☰

Notebook

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis tristique sollicitudin nibh sit. At in tellus integer feugiat scelerisque varius morbi. Lacus vel facilisis volutpat est velit egestas. Vitae et leo duis ut diam. Elit eget gravida cum sociis natoque penatibus et. Quisque non tellus orci ac auctor augue mauris. Sit amet porttitor eget dolor morbi non arcu risus quis. Vel turpis nunc eget lorem dolor sed. Convallis aenean et tortor at risus. In nisl nisi scelerisque eu ultrices. Aliquam eleifend mi in nulla. Vitae suscipit tellus mauris a diam. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vitae suscipit tellus mauris a. Suspendisse ultrices gravida dictum fusce ut placerat orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis tristique sollicitudin nibh sit. At in tellus integer feugiat scelerisque varius morbi. Lacus vel facilisis volutpat est velit egestas. Vitae et leo duis ut diam. Elit eget gravida cum sociis natoque penatibus et. Quisque non tellus orci ac auctor augue mauris. Sit amet porttitor eget dolor morbi non arcu risus quis. Vel turpis nunc eget lorem dolor sed. Convallis aenean et tortor at risus. In nisl nisi scelerisque eu ultrices. Aliquam eleifend mi in nulla. Vitae suscipit tellus mauris a diam. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vitae suscipit tellus mauris a. Suspendisse ultrices gravida dictum fusce ut placerat orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis tristique sollicitudin nibh sit. At in tellus integer feugiat scelerisque varius morbi. Lacus vel facilisis volutpat est velit egestas. Vitae et leo duis ut diam. Elit eget gravida cum sociis natoque penatibus et. Quisque non tellus orci ac auctor augue mauris. Sit amet porttitor eget dolor morbi non arcu risus quis. Vel turpis nunc eget lorem dolor sed. Convallis aenean et tortor at risus. In nisl nisi scelerisque eu ultrices. Aliquam eleifend mi in nulla. Vitae suscipit tellus mauris a diam. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vitae suscipit tellus mauris a. Suspendisse ultrices gravida dictum fusce ut placerat orci.