Difference between revisions of "Team:Uppsala/test"

(Replaced content with "{{Uppsala/CSS}} <html lang="en"> <head> </head> <body> <p> Hejsan! </p> </body> </html>")
Line 4: Line 4:
  
 
<head>
 
<head>
      
+
     <meta charset="utf-8" />
 +
    <title> Playing with Bootstrap </title>
 +
 
 +
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
 +
    <link href='https://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
 +
    <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
 +
 
 +
 
 
</head>
 
</head>
  
 
<body>
 
<body>
  
 +
<div class="body">
 +
    <header>
 +
        <div class="jumbotron">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <img style="float: right" src="https://static.igem.org/mediawiki/2016/4/41/TeamUppsala_logotemp.svg" class="img-responsive" />
 +
                </div>
 +
            </div>
 +
        </div>
  
<p> Hejsan! </p>
+
</html>
 +
{{Uppsala/Navbar}}
 +
<html>
 +
    </header>
 +
 
 +
 
 +
    <div class="container">
 +
        <div class="row">
 +
 
 +
<img class="img-responsive img-rounded" style="clip: rect(0px,500px,0px,0px); float:none; margin:auto;" src="https://static.igem.org/mediawiki/2016/2/25/CHIPGINEERING.png" />
 +
 
 +
<img class="img-responsive" style="float:none; margin:auto;"  src="https://static.igem.org/mediawiki/2016/d/de/T--Uppsala--winbanner.svg" />
 +
 
 +
 
 +
 
 +
 
 +
<div style="text-align:center;">
 +
                                <video width="920" height="680" controls poster="https://static.igem.org/mediawiki/2016/5/59/T--Uppsala--startpage_chip_closeup.png">
 +
                                    <source src="https://static.igem.org/mediawiki/2016/a/a3/T--Uppsala--Movie_Trailer.mp4" type="video/mp4" > Your browser does not support the video tag.
 +
                                </video>
 +
</div>
 +
<p>Here is a trailer for our guide to making microfluidic chips in a simple way! Check out the microfluidics page, or click the corresponding button below, for the full movie and an in depth manual on how to make your own chips!
 +
</p>
 +
            </div>
 +
 
 +
 
 +
          <div class="container">
 +
        <div class="row">
 +
 
 +
<div class="col-lg-12">
 +
 
 +
<a href="https://2016.igem.org/Team:Uppsala/Project/Microfluidics">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> <h3 style="color: ghostwhite;">See more over at the microfluidics page </h3> </div>
 +
                        </div>
 +
                    </a>
 +
 
 +
</div>
 +
 
 +
            <div class="col-lg-4">
 +
                <a href="https://2016.igem.org/Team:Uppsala/Design">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Design </h4>
 +
                    </div>
 +
                </a>
 +
                <a href="https://2016.igem.org/Team:Uppsala/Model">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Modeling </h4>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4">
 +
              <a href="https://2016.igem.org/Team:Uppsala/Description">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Project description </h4>
 +
                    </div>
 +
                </a>
 +
 
 +
             
 +
                <a href="https://2016.igem.org/Team:Uppsala/Demonstrate">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Instruction movie </h4>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4">
 +
                <a href="https://2016.igem.org/Team:Uppsala/HP/Gold">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> The manual </h4>
 +
                    </div>
 +
                </a>
 +
                <a href="https://2016.igem.org/Team:Uppsala/Proof">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Results </h4>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div style="float:none;" class="col-lg-12">
 +
 
 +
<a  href="https://2016.igem.org/Team:Uppsala/Project/CRISPR">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> <h4 style="color: ghostwhite;">Read about our work with CRISPR & CPF1 </h4> </div>
 +
                        </div>
 +
                    </a>
 +
 
 +
</div>
 +
 
 +
<div style="float:none;" class="col-lg-12">
 +
 
 +
<a  href="https://2016.igem.org/Team:Uppsala/Project/UnaG">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> <h4 style="color: ghostwhite;">Bask in the glow of UnaG </h4> </div>
 +
                        </div>
 +
                    </a>
 +
 
 +
        </div>
 +
    </div>
 +
             
 +
</div>
 +
</html>
 +
{{Uppsala/Footer}}
 +
<html>
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 10:06, 11 June 2018

Playing with Bootstrap

Template:Uppsala/Navbar

Here is a trailer for our guide to making microfluidic chips in a simple way! Check out the microfluidics page, or click the corresponding button below, for the full movie and an in depth manual on how to make your own chips!

Template:Uppsala/Footer