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

(Prototype team page)
 
Line 1: Line 1:
−
{{IIT-Madras}}
+
{{IIT-Madras/NewHeader}}
 
<html>
 
<html>
 +
<style>
 +
body {
 +
font-family: 'title', sans-serif;
 +
}
 +
.box {
  
−
<div class="column two_thirds_size" >
+
  width: 80%;
 +
    border: 0.9mm solid black;
 +
    padding: 25px;
 +
    margin: 25px;
 +
border-bottom: none;
 +
 +
}
 +
.grid {
 +
  display: grid;
 +
  grid-template-columns: 50% 50%;
 +
grid-template-areas:
 +
        'g1 g2';
 +
  height: auto;
 +
  margin: 0;
 +
  padding: 0;
 +
align-items: center;
 +
justify-items: center;
 +
align-content: center;
 +
justify-content: center;
 +
}
 +
 +
 +
.g1 {
 +
  justify-content: center;
 +
align-content: center;
 +
flex-basis: auto;
 +
  margin: 0;
 +
grid-area: g1;
 +
}
  
−
<h1>Team</h1>
+
.g2 {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  justify-content: center;
 +
align-content: center;
 +
flex-basis: auto;
 +
  margin: 0;
 +
grid-area: g2;
 +
}
  
  
−
<h3>What should this page contain?</h3>
 
−
<ul>
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
−
</ul>
 
−
</div>
 
  
 +
  @font-face {
 +
    src: url(https://static.igem.org/mediawiki/2018/f/fa/T--IIT-Madras--cantarell.ttf);
 +
    font-family: title;
 +
  }
 +
@font-face {
 +
src: url(https://static.igem.org/mediawiki/2018/1/13/T--IIT-Madras--montserrat.otf);
 +
    font-family: subtitle;
 +
}
  
 +
@media only screen and (max-width: 600px) {
 +
.grid {
  
−
<div class="column third_size" >
+
        grid-template-columns: 100%;
−
<div class="highlight decoration_A_full">
+
grid-template-areas:
−
<h3>Inspiration</h3>
+
'g1'
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                        'g2';
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
}
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
}
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
</style>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
 
−
</ul>
+
 
 +
 
 +
<h2 style="font-family: 'title', sans-serif; font-size: 7.9mm; padding-right: 40%; float: right;">The Team</h2>
 +
 
 +
 
 +
<div class="box">
 +
 
 +
<div class="grid">
 +
<div class="g1">
 +
<img src="https://static.igem.org/mediawiki/2018/thumb/7/7a/T--IIT-Madras--faidh.png/450px-T--IIT-Madras--faidh.png.jpeg"></div>
 +
<div class="g2">
 +
 
 +
<p style="font-family: 'title', sans-serif; font-size: 5.5mm; font-weight: 300; ">
 +
<h2 style="font-family: 'title', sans-serif; font-size: 7.0mm; ">The Team</h2>
 +
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>
 
</html>
 
</html>

Revision as of 00:27, 13 October 2018

iGEM Collaborations Page

☰

The Team

The Team

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.