|
|
(37 intermediate revisions by 3 users not shown) |
Line 2: |
Line 2: |
| {{Team:William_and_Mary/CSS_FIX}} | | {{Team:William_and_Mary/CSS_FIX}} |
| {{Team:William_and_Mary/SOURCE}} | | {{Team:William_and_Mary/SOURCE}} |
− | {{Team:William_and_Mary/HEADER}} | + | {{Team:William_and_Mary/HEADER2}} |
| | | |
| <html lang="en"> | | <html lang="en"> |
| + | |
| + | |
| + | <style> |
| + | body { |
| + | font-family: 'PT Sans', sans-serif; |
| + | font-size: 13px; |
| + | } |
| + | |
| + | </style> |
| + | |
| + | |
| + | <!--- Scroll feature adapted from w3schools.com----> |
| + | <script> |
| + | <script src="https://2017.igem.org/Team:William_and_Mary/Slide"></script> |
| + | <script> |
| + | $(document).ready(function(){ |
| + | $("a").on('click', function(event) { |
| + | |
| + | if (this.hash !== "") { |
| + | event.preventDefault(); |
| + | |
| + | var hash = this.hash; |
| + | |
| + | $('html, body').animate({ |
| + | scrollTop: $(hash).offset().top |
| + | }, 800, function(){ |
| + | |
| + | window.location.hash = hash; |
| + | }); |
| + | } // End if |
| + | }); |
| + | }); |
| + | </script> |
| + | |
| + | |
| <cfheader name="X-XSS-Protection" value="1"> | | <cfheader name="X-XSS-Protection" value="1"> |
| | | |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| |
| | | |
− | <body class="landing-page">
| + | |
| + | <body class="landing-page"> |
| <div class="wrapper"> | | <div class="wrapper"> |
− |
| |
− | <!--PRESENTATION PAGE INFORMATION BEGINS HERE-->
| |
− | <!--all source files, header, footer, and CSS resets are now in templates
| |
− | above and below the html source code on this page. This serves to make
| |
− | easier the construction of new pages that can be linked to from this
| |
− | general overview presentation page.
| |
− | -J-Mitch
| |
− | -->
| |
| | | |
| | | |
| <div class="section section-header" id="overview"> | | <div class="section section-header" id="overview"> |
− |
| + | <div style='padding-top: 100px;padding-right:18px;'> |
− | <!--img alt="..." src="https://static.igem.org/mediawiki/2017/3/39/T--William_and_Mary--Temporarybackground.jpeg"-->
| + | <center> |
− | <img alt="..." src='https://static.igem.org/mediawiki/2017/3/39/T--William_and_Mary--Temporarybackground.jpeg' height = "800"> | + | <img src='https://static.igem.org/mediawiki/2017/f/fa/T--William_and_Mary--speedlogo8.jpeg' height = "11%" width = "40%"/> |
| + | </center> |
| <div class="container"> | | <div class="container"> |
| <div class="content"> | | <div class="content"> |
− | <p2 style='font-family:Garamond; margin: 30px 0 15px; font-size: 100px;'>SPEED</p2> | + | <p class="section-header h1WM" style="; margin: 0px 0 px;"></p> |
− | <div class="separator-container">
| + | |
− | <div class="separator line-separator">✻</div>
| + | <h5></h5> |
− | </div>
| + | |
− | <h5>Controlling Gene Expression Speed Using Protein Degradation</h5> | + | |
| </div> | | </div> |
− | | + | </div> |
| </div> | | </div> |
− |
| + | |
| </div> | | </div> |
| | | |
− | <div>
| |
− | <center>
| |
− | <img src="https://static.igem.org/mediawiki/2017/9/90/T--William_and_Mary--info2.jpeg" height = "2500"/>
| |
− | </center>
| |
− | </div>
| |
| | | |
− |
| |
− | <div>
| |
| <center> | | <center> |
− | <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "60" width "100"/> | + | <div style='padding-top: 70px;'> |
| + | <a href="#section2"><img src="https://static.igem.org/mediawiki/2017/c/cd/T--William_and_Mary--downwardarrow.jpeg" height = "50"/></a></div> |
| </center> | | </center> |
− | </div>
| |
| | | |
− | <div>
| |
− | <center>
| |
− | <img src="https://static.igem.org/mediawiki/2017/f/f5/T--William_and_Mary--achievements3.jpeg" height = "65" width "100"/>
| |
− | </center>
| |
− | </div>
| |
| | | |
− | <div> | + | <div class="main"> |
− | <center>
| + | <section></section> |
− | <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "40" width "100"/>
| + | |
− | </center> | + | |
| </div> | | </div> |
| | | |
− | <div>
| |
− | <center>
| |
− | <img src="https://static.igem.org/mediawiki/2017/1/11/T--William_and_Mary--spacer.jpeg" height = "50" width "100"/>
| |
− | </center>
| |
− | </div>
| |
| | | |
| | | |
− | <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
| |
− | <div class="section section-we-do-2" id="workflow2">
| |
− | <div class="container">
| |
| | | |
− | <div class="row">
| |
− |
| |
| | | |
− | <div class="container">
| |
| | | |
| + | <br> |
| + | <br/> |
| | | |
− | <div class="row">
| |
| | | |
| | | |
− | <div class="col-md-3">
| + | <div class="main" id="section2"> |
− | <div class="card add-animation-stopped animation-1">
| + | |
− | <div class="icon">
| + | |
− | <a href='https://2017.igem.org/Team:William_and_Mary/Measurement'><img src="https://static.igem.org/mediawiki/2017/2/21/T--William_and_Mary--measurement3.jpeg" height= "180" width= "180"></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'><a href="https://2017.igem.org/Team:William_and_Mary/Measurement">
| + | |
− | </a></h3>
| + | |
− |
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="card add-animation-stopped animation-2">
| + | |
− | <div class="icon">
| + | |
− | <a href='https://2017.igem.org/Team:William_and_Mary/Results'><img src="https://static.igem.org/mediawiki/2017/9/99/T--William_and_Mary--results3.jpeg" height= "180" width= "180"></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'><a href="https://2017.igem.org/Team:William_and_Mary/Results">
| + | |
− | </a></h3>
| + | |
− |
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="card add-animation-stopped animation-3">
| + | |
− | <div class="icon">
| + | |
− | <a href='https://2017.igem.org/Team:William_and_Mary/Interlab'><img src="https://static.igem.org/mediawiki/2017/6/6a/T--William_and_Mary--interlab3.jpeg" height= "180" width= "180"></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'><a href="https://2017.igem.org/Team:William_and_Mary/Interlab">
| + | |
− | </a></h3>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="card add-animation-stopped animation-4">
| + | |
− | <div class="icon">
| + | |
− | <a href='https://2017.igem.org/Team:William_and_Mary/Medal_Requirements'><img src="https://static.igem.org/mediawiki/2017/4/40/T--William_and_Mary--medal4.jpeg" height= "180" width= "180"></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'>
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Medal_Requirements">
| + | |
− | </a></h3>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div>
| + | |
| <center> | | <center> |
− | <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "100" width "100"/> | + | <section><img src="https://static.igem.org/mediawiki/2017/3/32/T--William_and_Mary--mainpageinforaphic.jpeg" width="50%"/></section> |
| </center> | | </center> |
| </div> | | </div> |
| | | |
− | <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
| |
− | <!-- END SECTIONS WHAT WE DO -->
| |
− |
| |
| | | |
− | <div>
| + | |
− | <center>
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/6/6b/T--William_and_Mary--references3.jpeg" height = "65" width "100"/>
| + | |
− | </center>
| + | |
− | </div>
| + | |
| | | |
| <div> | | <div> |
| <center> | | <center> |
− | <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "40" width "100"/> | + | <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "60" width "100"/> |
| </center> | | </center> |
| </div> | | </div> |
| | | |
− | <div>
| + | |
| <center> | | <center> |
− | <img src="https://static.igem.org/mediawiki/2017/1/11/T--William_and_Mary--spacer.jpeg" height = "50" width "100"/> | + | <a href="https://2017.igem.org/Team:William_and_Mary/Description"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--William_and_Mary--ReadMore.png" width = 25%/></a> |
| </center> | | </center> |
− | </div> | + | <div style='padding-top: 50px;'></div> |
− | <!-- Section "ref" example 2: Text & Icons -->
| + | |
− | <div class="section section-numbers-1" id="ref">
| + | |
− | <div class="container">
| + | |
− |
| + | |
− | </div>
| + | |
− | <div class="clearfix"></div>
| + | |
− | <div class="row">
| + | |
− | <div class="title add-animation animate">
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="card">
| + | |
− | <div class="icon">
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Notebook"><img alt="..." src="https://static.igem.org/mediawiki/2017/4/4e/T--William_and_Mary--notebook3.jpeg" height= "180" width= "180"/></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'>
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Notebook"> | + | |
− | </a></h3>
| + | |
− | <!-- <h5 class="text-gray">explain</h5>-->
| + | |
− | <!-- <div class="number" id="customersNo">
| + | |
− | 5.382
| + | |
− | </div>-->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="card">
| + | |
− | <div class="icon">
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Safety"><img alt="..." src="https://static.igem.org/mediawiki/2017/f/fe/T--William_and_Mary--safety3.jpeg" height= "180" width= "180"/></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'>
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Safety">
| + | |
− | </a></h3>
| + | |
− | <!-- <h5 class="text-gray">explain</h5>-->
| + | |
− | <!-- <div class="number" id="projectsNo">
| + | |
− | 26.832
| + | |
− | </div>-->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="card">
| + | |
− | <div class="icon">
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Attributions"> <img alt="..." src="https://static.igem.org/mediawiki/2017/7/7d/T--William_and_Mary--attributions3.jpeg" height= "180" width= "180"/></a>
| + | |
− | </div>
| + | |
− | <h3 style='font-family:Bookman; font-size: 25px;'>
| + | |
− | <a href="https://2017.igem.org/Team:William_and_Mary/Attributions">
| + | |
− | </a></h3>
| + | |
− | <!-- <h5 class="text-gray">explain</h5>-->
| + | |
− | <!-- <div class="number" id="citiesNo">
| + | |
− | 278
| + | |
− | </div>-->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- End Section "Numbers" example 2: Text & Image -->
| + | |
− |
| + | |
− |
| + | |
− | <!-- Section "Team" example 1: Title & Full Image --> | + | |
− | <div class="section section-team-1" id="team1">
| + | |
− | <div class="container">
| + | |
− | <div class="text-area">
| + | |
− | <div class="title">
| + | |
− | <p class='h2WM'>
| + | |
− | <a href="https://2016.igem.org/Team:William_and_Mary/Team">Meet the Team</a>
| + | |
− | </p>
| + | |
− | <div class="separator-container">
| + | |
− | <div class="separator line-separator">✻</div>
| + | |
− | </div>
| + | |
− | <!--p class='large' style='text-align: center !important;'>
| + | |
− | text can go here, if necessary.
| + | |
− | </p-->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="full-image gradient-image">
| + | |
− | <img alt="..."src="https://static.igem.org/mediawiki/2017/a/a3/T--William_and_Mary--team5.jpeg">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- End Section "Team" example 1: Description & Full Image -->
| + | |
− | </div>
| + | |
− | <!-- END OF WRAPPER DIV--> | + | |
| | | |
− | <div class="body-layer"></div>
| |
| </body> | | </body> |
| </html> | | </html> |
| + | |
| + | |
| {{Team:William_and_Mary/JS_SOURCE}} | | {{Team:William_and_Mary/JS_SOURCE}} |
| {{Team:William_and_Mary/FOOTER_SMALL}} | | {{Team:William_and_Mary/FOOTER_SMALL}} |