Difference between revisions of "Team:UNOTT"

 
(376 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{:Team:UNOTT/Template/NavBar}}
+
{{:Team:UNOTT/Template/NavBarTest}}
−
<html>
+
 
 +
 
 +
<html >
 
<head>
 
<head>
−
<body id="page-top">
+
  <meta charset="UTF-8">
−
<div id="banner">
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
−
   <div id="bannercontent" style=" background-color: #02263e;">
+
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
−
body{width:100%;}  
+
 +
 
 +
 
 +
 
 +
<style>
 +
      @import url(https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic);
 +
 
 +
      /* Base Styles
 +
      ===================================*/
 +
      body {
 +
      color: #183532;
 +
      font-family: 'Lato', sans-serif;
 +
      font-weight: 400;
 +
      line-height: 1.8;
 +
        background-color: #fff;
 +
        width: auto;
 +
        position:absolute;
 +
 
 +
      }
 +
 
 +
 
 +
      /* Layout Styles
 +
      ===================================*/
 +
      section:not(:first-of-type),
 +
      section:not(:nth-of-type(n2)) {
 +
      margin-top: 80px;
 +
      }
 +
      .section-two,
 +
      .section-three,
 +
      footer {
 +
      margin-top: 80px;
 +
      }
 +
 
 +
 
 +
     
 +
 
 +
      /* Cover / Jumbotron Styles
 +
      ===================================*/
 +
      section .cover {
 +
      padding-top: 70px;
 +
     
 +
      background-repeat: no-repeat;
 +
      background-size: cover;
 +
      height: 100vh;
 +
        width: 100vw;
 +
     
 +
      display: -ms-flexbox;
 +
      display: flex;
 +
       
 +
      }
 +
 
 +
 
 +
      /* Section One Styles
 +
      ===================================*/
 +
      .section-one-content {
 +
      padding: 1em 1em;
 +
      color: #ffffff;
 +
      font-weight: 300;
 +
        height:350px;
 +
      }
 +
      .section-one-content h1 {
 +
      margin: 0 0 0px;
 +
      }
 +
      #section-one-left {
 +
      background: #183532;
 +
      }
 +
      #section-one-middle {
 +
      background: #244F4A;
 +
      }
 +
      #section-one-right {
 +
      background: #2A5C56;
 +
       
 +
      }
 +
 
 +
      .section-two,
 +
      .section-three {
 +
      background: #fff;
 +
      }
 +
 
 +
      /* CSS Image Styles
 +
      ====================================================*/
 +
      .css-img-wrapper {
 +
          display: -webkit-box;
 +
          display: -ms-flexbox;
 +
          display: flex;
 +
          -webkit-box-orient: vertical;
 +
          -webkit-box-direction: normal;
 +
              -ms-flex-direction: column;
 +
                  flex-direction: column;
 +
          -ms-flex-wrap: nowrap;
 +
              flex-wrap: nowrap;
 +
          -webkit-box-pack: center;
 +
              -ms-flex-pack: center;
 +
                  justify-content: center;
 +
          -ms-flex-line-pack: center;
 +
              align-content: center;
 +
          -webkit-box-align: center;
 +
              -ms-flex-align: center;
 +
                  align-items: center;
 +
      }
 +
      .img-designers,
 +
      .img-developers {
 +
      height: 400px;
 +
      width: 400px;
 +
      background-position: center center;
 +
      background-size: cover;
 +
      }
 +
      .img-designers {
 +
      background: #183532;
 +
      }
 +
      .img-developers {
 +
      background: #2A5C56;
 +
      }
 +
 
 +
 
 +
 
 +
      /* Media Styles
 +
      ===================================*/
 +
      @media (min-width: 480px) {
 +
      body {
 +
      font-size: 16px;
 +
             
 +
               
 +
      }
 +
      }
 +
      @media (min-width: 768px) {
 +
      .section-one-content {
 +
      padding: 40px 40px;
 +
      }
 +
      }
 +
      @media (min-width: 992px) {
 +
      .section-one-content {
 +
      padding: 40px 20px;
 +
      }
 +
      }
 +
      @media (min-width: 1200px) {
 +
      .section-one-content {
 +
      padding: 40px 40px;
 +
      }
 +
      }
 +
 
 +
@media only screen and (max-width: 500px) {
 +
    .section.cover {
 +
        max-width:100%;
 +
    }
 +
 
 +
    .cover {
 +
        max-width:100%;
 +
    }
 +
 
 +
 
 +
}
 +
 
 +
h1 {
 +
          font-size: 300px;
 +
          font-color: #ffffff;
 +
    }
 +
.maintext {
 +
position: absolute;
 +
left: 33%%;
 +
top: 10%;
 +
}
 +
 
 +
.maintext2 {
 +
position: absolute;
 +
left: 33%;
 +
top: 40%;
 +
}
 +
 
 +
.mainimage{
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 
 +
</style>
 +
 
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<center>
+
  <body data-spy="scroll" data-target="#myScrollspy" class="">
−
<img src="https://static.igem.org/mediawiki/2017/a/af/T--UNOTT--MainPage.png" align="middle">
+
−
</center>
+
−
</div>
+
  
  
  
 +
<!-- Full Screen Landing Section -->
 +
<div class="cover">
  
−
</body>
+
<img class="mainimage"src="https://static.igem.org/mediawiki/2017/1/12/T--UNOTT--CoverImg.png">
  
 +
     
 +
 +
</div>
  
 +
<!-- //Close Full Screen Landing Section -->
 +
 +
 +
<!-- Section One; as seen on many site 3 main option sections for content -->
 +
<section class="container-fluid section-one">
 +
<div class="row">
 +
<div class="col-md-4 section-one-content" id="section-one-left">
 +
<h1>What?</h1>
 +
<p> An unpredicatable security system consisting of bacteria. <br>
 +
</p>
 +
 +
</div>
 +
 +
<div class="col-md-4 section-one-content" id="section-one-middle">
 +
<h1>Why?</h1>
 +
<p> To secure customer accounts that require high-end security.<br>
 +
</p>
 +
 +
</div>
 +
 +
<div class="col-md-4 section-one-content" id="section-one-right">
 +
<h1>How?</h1>
 +
<p>Unique expression of fluorescent proteins linked to CRISPR dCas9 interference.</p>
 +
 +
</div>
 +
</div>
 +
</section>
 +
<!-- //Close Section One -->
 +
 +
 +
 +
 +
 +
<!--// Section Three -->
 +
<section class="container section-three" id="spydevelopers">
 +
<div class="row">
 +
<img src="https://static.igem.org/mediawiki/2017/0/08/T--UNOTT--Slogan.png" style="width:100%;height:auto;">
 +
</div>
 +
</section>
 +
<!--//Close Section Three -->
 +
 +
<br> </br>
 +
</body>
 
</html>
 
</html>
 +
 +
{{:Team:UNOTT/Template/Footer}}

Latest revision as of 00:57, 2 November 2017


What?

An unpredicatable security system consisting of bacteria.

Why?

To secure customer accounts that require high-end security.

How?

Unique expression of fluorescent proteins linked to CRISPR dCas9 interference.