Difference between revisions of "Team:Uppsala/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{Uppsala}}
+
{{Uppsala/CSS}}
 +
{{Uppsala/Navbar}}
  
 
<html>
 
<html>
 +
<head>
 +
<title>iGEM Uppsala-Team members<title>
 +
<style>
 +
        .maintext {
 +
    position: absolute;
 +
    top: 25%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    font-family: Raleway, sans-serif;
 +
    font-weight: 400;
 +
    font-size: 12vw;
 +
    color: #ffffff;
 +
    }
 +
    .heading {
 +
        position: absolute;
 +
        font-family: Raleway, sans-serif;
 +
        font-weight: 400;
 +
        font-size: 4vw;
 +
        color: #4d4d4d
 +
                            }
 +
    .textbox {
 +
        font-family: 'Roboto slab', sans-serif;
 +
        font-weight: 200;
 +
        font-size: 2vw;
 +
        color: #333333;
 +
        text-align: justify;
 +
    }
 +
</style>
  
 +
<div class="container">
 +
      <div class="row" style="height:10vw"></div>
 +
<div class="maintext" style= "color:#d92627">MEMBERS</div>
 +
    <div class="row" style="height:10vw"></div>
 +
      </div>
 +
   
 +
<div class= "container">
 +
    <object data= "https://static.igem.org/mediawiki/2017/e/e5/T--Uppsala--Members_map.svg" style="height:auto; width:95vw !important;"> </object>
 +
       
 +
    </div>
 +
    </head>
 +
   
 +
<body>
 +
<div class="container-fluid">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div></div>
  
 +
<div class="container-fluid" style="background-color:#f8d7cf">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#eaeff8">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#f8d7cf">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#eaeff8">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#f8d7cf">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#eaeff8">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#f8d7cf">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
<div class="container-fluid" style="background-color:#eaeff8">
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    <div class="row">
 +
      <div class="col-md-3">
 +
            <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" />
 +
        </div>
 +
        <div class="col-md-9">
 +
            <div class="heading">Lorem Ipsum</div>
 +
            <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div>
 +
        </div>
 +
    </div>
 +
    <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div>
 +
    </div>
 +
    </body>
 +
</html>
  
−
<div class="column full_size" >
 
−
 
−
<h1>Team</h1>
 
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
−
</div>
 
−
 
−
<div class="clear"></div>
 
−
 
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 
−
</ul>
 
−
 
−
</div>
 
−
 
−
<div class="column half_size" >
 
−
<h5>What should this page contain?</h5>
 
−
<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>
 
−
 
−
 
−
 
−
</div>
 
 
</html>
 
</html>

Revision as of 13:55, 19 October 2017

iGEM Uppsala-Team members<title> <style> .maintext { position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%); font-family: Raleway, sans-serif; font-weight: 400; font-size: 12vw; color: #ffffff; } .heading { position: absolute; font-family: Raleway, sans-serif; font-weight: 400; font-size: 4vw; color: #4d4d4d } .textbox { font-family: 'Roboto slab', sans-serif; font-weight: 200; font-size: 2vw; color: #333333; text-align: justify; } </style> <div class="container"> <div class="row" style="height:10vw"></div> <div class="maintext" style= "color:#d92627">MEMBERS</div> <div class="row" style="height:10vw"></div> </div> <div class= "container"> <object data= "https://static.igem.org/mediawiki/2017/e/e5/T--Uppsala--Members_map.svg" style="height:auto; width:95vw !important;"> </object> </div> </head> <body> <div class="container-fluid"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div></div> <div class="container-fluid" style="background-color:#f8d7cf"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#eaeff8"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#f8d7cf"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#eaeff8"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#f8d7cf"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#eaeff8"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#f8d7cf"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> <div class="container-fluid" style="background-color:#eaeff8"> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> <div class="row"> <div class="col-md-3"> <img class="img-responsive img-circle" src="http://placekitten.com/g/200/200" /> </div> <div class="col-md-9"> <div class="heading">Lorem Ipsum</div> <div class="textbox" style="align:justify"><br><br>Lorem psom dolo sit amet Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</div> </div> </div> <div class="row"> <div clas="col-md-12" style="height:10vh"></div></div> </div> </body> </p><p></html> </p> <!-- NewPP limit report CPU time usage: 0.021 seconds Real time usage: 0.142 seconds Preprocessor visited node count: 24/1000000 Preprocessor generated node count: 96/1000000 Post‐expand include size: 248/2097152 bytes Template argument size: 0/2097152 bytes Highest expansion depth: 3/40 Expensive parser function count: 0/100 --> </div> <div class="visualClear"></div> </div> </div> </div> <!-- Side Menubar --> <div id="sideMenu"> <a href="https://2017.igem.org"> <div id="home_logo" > <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg"> </div> </a> <div style="clear:both; height:5px;"></div> <div id="menuDisplay"></div> <!- Menu will be loaded here -> </div> </div> </html>