|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| <style> | | <style> |
− | * {font-family:"Trebuchet MS";}
| + | p { |
− | </style>
| + | font-family:"Trebuchet MS"; |
− | <aside id="fh5co-hero">
| + | color:black; |
− | <div class="fh5co-cta" style="background-image: url(https://static.igem.org/mediawiki/2018/6/68/T--UIUC_Illinois--wet_lab_glove.jpeg);">
| + | } |
− | <div class="overlay"></div>
| + | |
− | <div class="container">
| + | |
− | <div class="col-md-10 col-md-offset-1 text-center">
| + | |
− | <div class="slider-text-inner">
| + | |
− | <h2>Wet Lab</h2>
| + | |
− | <p>Notebook</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </aside>
| + | |
| | | |
− |
| + | h1 { |
− | <div id="fh5co-services-section">
| + | font-family:"Trebuchet MS"; |
− | <div class="container">
| + | font-size:2vw; |
− | <div class="row">
| + | } |
− | <div class="col-md-9">
| + | |
− | <div class="row">
| + | |
− | <div id = "notebook" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
| + | |
− | <h2><font color="white"><i class="icon-notebook"></i></font> Notebook</h2>
| + | |
− | <p>The following are each team member's 2016 iGEM notebooks:</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− |
| + | h2 { |
| + | font-family:"Trebuchet MS"; |
| + | font-size:1.5vw; |
| + | } |
| | | |
− | <embed src="https://static.igem.org/mediawiki/2016/3/31/T--UIUC_Illinois--CarolineLabBook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
| + | .profilepic { |
| + | border-radius:50%; |
| + | border:0.6vw solid #FF7F50; |
| + | background-color:#d6f9f7; ; |
| + | } |
| | | |
− | </div>
| + | .heading { |
− | </div>
| + | width:100%; |
| + | height:5vw; |
| + | text-align:center; |
| + | background-color:#D5FDD5; |
| + | border: 0.45vw dotted #8CFA8C; |
| + | } |
| + | .introduction { |
| + | text-align:center; |
| + | margin:1.5vw; |
| + | position:relative |
| + | } |
| + | .introduction:hover .textbackground { |
| + | opacity:1; |
| + | height:100%; |
| + | } |
| + | .introduction:hover img { |
| + | opacity:0.2; |
| + | } |
| + | .textbackground { |
| + | width:100%; |
| + | height:0; |
| + | bottom:0; |
| + | right: 0; |
| + | left: 0; |
| + | opacity:0; |
| + | transition: 0.8s ease; |
| + | position:absolute; |
| + | overflow:hidden; |
| + | } |
| + | img { |
| + | opacity:1; |
| + | transition: 0.8s ease; |
| + | height:auto |
| + | .introtext { |
| + | position:absolute; |
| + | } |
| | | |
| + | </style> |
| | | |
| + | <div class="introduction"> |
| + | <img src="https://static.igem.org/mediawiki/2018/6/68/T--UIUC_Illinois--wet_lab_glove.jpeg" style="width:76vw;background-color:#66cdaa; border: 0.45vw #A9DCF1; "/> |
| + | <div class="textbackground"> |
| + | <div class="introtext" style="margin-top:7vw"> |
| + | |
| + | <p style="padding:1vw; text-align:center; font-size:1.5vw"> Team Note Book</p> |
| | | |
| + | <p style="padding:1vw; text-align:center; font-size:1.5vw"> The following is our team wet lab notebook.</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
− | <div class="row fh5co-services">
| + | <div id="fh5co-services-section"> |
− | <div id="augustine" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
| + | <div class="container"> |
− | <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Augustine's Notebook</h2>
| + | <div class="row"> |
| + | <div class="col-md-9"> |
| + | <div class="row"> |
| + | |
| + | </div> |
| | | |
− | <embed src="https://static.igem.org/mediawiki/2016/a/a9/T--UIUC_Illinois--AugustineNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
| + | |
| | | |
− | </div>
| + | <embed src="https://static.igem.org/mediawiki/2018/e/e7/T--UIUC_Illinois--daily_juornals.pdf" width="1000" height="1200" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html" align="middle"> |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <div class="row fh5co-services">
| + | |
− | <div id="jonathan" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
| + | |
− | <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Jonathan's Notebook</h2>
| + | |
− | | + | |
− | <embed src="https://static.igem.org/mediawiki/2016/1/1f/T--UIUC_Illinois--JoJoNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"> | + | |
| | | |
| </div> | | </div> |
| </div> | | </div> |
− |
| |
− |
| |
− | <div class="row fh5co-services">
| |
− | <div id="viraat" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
| |
− | <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Viraat's Notebook</h2>
| |
− |
| |
− | <embed src="https://static.igem.org/mediawiki/2016/0/09/T--UIUC_Illinois--ViraatNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <div class="row fh5co-services">
| |
− | <div id="mariam" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
| |
− | <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Mariam's Notebook</h2>
| |
− |
| |
− | <embed src="https://static.igem.org/mediawiki/2016/2/28/T--UIUC_Illinois--MariamNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="row fh5co-services">
| |
− | <div id="hiba" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
| |
− | <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Hiba's Notebook</h2>
| |
− |
| |
− | <embed src="https://static.igem.org/mediawiki/2016/0/05/T--UIUC_Illinois--HibaNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class = "col-md-3">
| |
− | <ul class="nav nav-stacked" id="sidebar">
| |
− | <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#caroline" style="font-weight: bold" >Caroline's Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#augustine" style="font-weight: bold">Augustine's Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#jonathan" style="font-weight: bold">Jonathan's Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#viraat" style="font-weight: bold">Viraat's Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#mariam" style="font-weight: bold">Mariam's Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#hiba" style="font-weight: bold">Hiba's Notebook</a></li>
| |
− | </ul>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <footer id="fh5co-footer" role="contentinfo">
| |
− |
| |
− | <div class="container">
| |
− |
| |
− |
| |
− | <div class="col-md-12 fh5co-copyright text-center">
| |
− | <ul class="fh5co-social">
| |
− | <li>
| |
− | <a href="https://www.facebook.com/illinoisigem/?fref=ts"><i class="icon-facebook"></i></a>
| |
− | <a href="https://2016.igem.org/Team:UIUC_Illinois/ContactUs"><i class="icon-envelope-o"></i></a>
| |
− | </li>
| |
− | </ul>
| |
− | <p><span>Made with <i class="icon-heart"></i> by UIUC_Illinois iGEM</span></p>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </footer>
| |
− | </div>
| |
− |
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryeasingjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/bootstrapjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/waypointsjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryflexjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/mainjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/sidebarjs?
| |
− | action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | </body>
| |
| </html> | | </html> |