Difference between revisions of "Team:Uppsala/Design"

(Prototype team page)
 
(First draft of Design Page)
Line 1: Line 1:
−
{{Uppsala}}
+
{{Uppsala/CSS}}
 +
{{Uppsala/Navbar}}
 
<html>
 
<html>
 +
<style>
 +
    .maintext {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    font-family: Raleway, sans-serif;
 +
    font-weight: 400;
 +
    font-size: 18vw;
 +
    color: #ffffff;
 +
    }
 +
    .heading {
 +
        position: absolute;
 +
        font-family: Raleway, sans-serif;
 +
        font-weight: 2400;
 +
        font-size: 4vw;
 +
        color: #ffffff;
 +
        left: 5%;
 +
                  }
 +
    .textbox {
 +
        position: relative;
 +
        font-family: 'Roboto slab', sans-serif;
 +
        font-weight: 200;
 +
        font-size: 2vw;
 +
        color: #4f4f4f;
 +
        text-align: justify;
 +
        padding: 10vh 10vh 10vh 10vh;
 +
        top: 15%;
 +
       
 +
       
 +
    }
 +
    </style>
 +
<head>
 +
<div style="height:auto !important; width: 99vw !important; !important;padding: 5px 5px 5px 5px;" class = "jumbotron" >
 +
    <img src= "https://static.igem.org/mediawiki/2017/9/91/T--Uppsala--Design_Header.svg" style= "height:auto; width:100%;">
 +
</head>
  
 +
<body>
 +
<div class= "container-fluid">
 +
    <div class="row"><div class="col-md-12" style= "height:10vh"></div></div></div>
 +
<div class="container-fluid">
 +
    <div class= "textbox"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit odio, aliquet vel egestas vitae, aliquam eget ipsum. Mauris eu interdum neque. Nulla pretium risus ut neque semper egestas id sit amet dolor. Mauris sodales dictum velit, eu ultricies lacus malesuada nec. Pellentesque et arcu quis ex suscipit scelerisque non ut nulla. Maecenas lobortis lacus libero. Donec bibendum pretium augue, at aliquam justo fringilla eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br> <br> Integer magna ipsum, dapibus at massa in, convallis tempor magna. Curabitur at massa in augue varius scelerisque. Nulla facilisi. Praesent ac neque vel magna maximus ultricies. Vivamus accumsan a lectus quis convallis. Duis nec bibendum erat. Curabitur ut urna ac dui congue vulputate. Nam non augue accumsan, lacinia enim nec, egestas purus. Fusce non dictum ligula. Nulla mattis enim quis cursus placerat.<br><br>Etiam luctus sapien enim, non consequat dolor tempor non. Quisque laoreet ligula a risus ornare, at ornare mi hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec a viverra nibh, eget dignissim nisi. Fusce malesuada quis urna a tincidunt. Integer sed sem in felis ultricies tincidunt sed eget massa. Nulla urna neque, luctus non lacus sit amet, vehicula venenatis leo. Donec a tortor a nisl vestibulum blandit. Fusce aliquet quam sit amet mi commodo suscipit. Duis consequat ullamcorper feugiat. Ut auctor elit sed egestas tempor.<br><br>Ut tempus dui neque, eu vehicula enim semper ac. Sed in vulputate sapien. Quisque a nunc vitae mi pretium ornare et ac dui. Phasellus ut nulla felis. Donec mattis, leo id maximus auctor, elit ipsum scelerisque enim, non tristique elit nunc vel ex. Cras pharetra vel metus hendrerit condimentum. Integer malesuada, elit rhoncus lobortis maximus, augue nulla scelerisque massa, ac cursus ante tellus vitae dui. Donec felis justo, gravida nec odio consectetur, gravida laoreet sapien. Phasellus non nunc justo.</div></div>
  
−
 
+
<div class= "container-fluid" >
−
 
+
    <div class="row" style="padding:0px 0px 0px 0px"><img src="https://static.igem.org/mediawiki/2017/7/70/T--Uppsala--Design_Reference.svg" width=102%; height=auto;></div>
−
<div class="column full_size">
+
    <div class="row"> <div class="col-md-12" style="background-color:#f8d7cf; margin-top:-1vh;">
−
<h1>Design</h1>
+
      <div class ="heading"style="color:#4d4d4d; height:5vh">References</div>
−
<p>
+
        <div class="textbox" style="color:#4d4d4d">
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
            <br>
−
</p>
+
            <ul>
−
 
+
                <li>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.</li>
−
<p>
+
                <li>Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay.</li>
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:Uppsala/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
                <li>Gratuitous octopus niacin, sodium glutimate.</li>
−
</p>
+
                <li>Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen.</li></ul></div></div>
−
 
+
       
−
</div>
+
    </div>
−
 
+
    </div>
−
<div class="column half_size">
+
</body>
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li>Explanation of the engineering principles your team used in your design</li>
+
−
<li>Discussion of the design iterations your team went through</li>
+
−
<li>Experimental plan to test your designs</li>
+
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Inspiration</h5>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 14:28, 25 October 2017

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit odio, aliquet vel egestas vitae, aliquam eget ipsum. Mauris eu interdum neque. Nulla pretium risus ut neque semper egestas id sit amet dolor. Mauris sodales dictum velit, eu ultricies lacus malesuada nec. Pellentesque et arcu quis ex suscipit scelerisque non ut nulla. Maecenas lobortis lacus libero. Donec bibendum pretium augue, at aliquam justo fringilla eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Integer magna ipsum, dapibus at massa in, convallis tempor magna. Curabitur at massa in augue varius scelerisque. Nulla facilisi. Praesent ac neque vel magna maximus ultricies. Vivamus accumsan a lectus quis convallis. Duis nec bibendum erat. Curabitur ut urna ac dui congue vulputate. Nam non augue accumsan, lacinia enim nec, egestas purus. Fusce non dictum ligula. Nulla mattis enim quis cursus placerat.

Etiam luctus sapien enim, non consequat dolor tempor non. Quisque laoreet ligula a risus ornare, at ornare mi hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec a viverra nibh, eget dignissim nisi. Fusce malesuada quis urna a tincidunt. Integer sed sem in felis ultricies tincidunt sed eget massa. Nulla urna neque, luctus non lacus sit amet, vehicula venenatis leo. Donec a tortor a nisl vestibulum blandit. Fusce aliquet quam sit amet mi commodo suscipit. Duis consequat ullamcorper feugiat. Ut auctor elit sed egestas tempor.

Ut tempus dui neque, eu vehicula enim semper ac. Sed in vulputate sapien. Quisque a nunc vitae mi pretium ornare et ac dui. Phasellus ut nulla felis. Donec mattis, leo id maximus auctor, elit ipsum scelerisque enim, non tristique elit nunc vel ex. Cras pharetra vel metus hendrerit condimentum. Integer malesuada, elit rhoncus lobortis maximus, augue nulla scelerisque massa, ac cursus ante tellus vitae dui. Donec felis justo, gravida nec odio consectetur, gravida laoreet sapien. Phasellus non nunc justo.
References

  • Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.
  • Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay.
  • Gratuitous octopus niacin, sodium glutimate.
  • Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen.