Difference between revisions of "Team:William and Mary/RealMainPage"

Line 1: Line 1:
 +
{{Team:William_and_Mary/CSS_RESET}}
 +
{{Team:William_and_Mary/CSS_FIX}}
 
{{Team:William_and_Mary/SOURCE}}
 
{{Team:William_and_Mary/SOURCE}}
{{Team:William_and_Mary/HEADER3}}
+
{{Team:William_and_Mary/HEADER}}
 
+
  
 
<html lang="en">
 
<html lang="en">
 
<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">
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
+
  <body class="landing-page">
+
    <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>
+
        <img src='https://static.igem.org/mediawiki/2017/f/fe/T--William_and_Mary--SpeedBackground.jpeg' height = "12%" width = "100%"/>
+
        <div class="container">
+
          <div class="content">
+
            <p class="section-header h1WM" style="font-family:Slim-Joe; margin: 30px 0 15px;"></p>
+
 
+
            <h5></h5>
+
          </div>
+
        </div>
+
      </div>
+
      <a href="" data-scroll="true" data-id="#description" class="scroll-arrow hidden-xs hidden-sm">
+
        <i class="fa fa-angle-down"></i>
+
      </a>
+
    </div>
+
 
+
 
+
 
+
 
+
    <br>
+
    <br/>
+
  
    <div>
+
<body class="landing-page">
      <center>
+
        <div class="wrapper">
         <img src="https://static.igem.org/mediawiki/2017/f/f9/T--William_and_Mary--Information.jpeg" height = "2200"/>
+
          
      </center>
+
<!--PRESENTATION PAGE INFORMATION BEGINS HERE-->
    </div>
+
<!--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>
 +
<img src='https://static.igem.org/mediawiki/2017/f/fe/T--William_and_Mary--SpeedBackground.jpeg' height = "12%" width = "100%"/>
 +
<div class="container">
 +
<div class="content">
 +
<p class="section-header h1WM" style="font-family:Slim-Joe; margin: 30px 0 15px;"></p>
 +
 +
<h5></h5>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="" data-scroll="true" data-id="#description" class="scroll-arrow hidden-xs hidden-sm">
 +
<i class="fa fa-angle-down"></i>
 +
</a>
 +
</div>
  
    <div>
 
      <center>
 
        <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "60" width "100"/>
 
      </center>
 
    </div>
 
  
    <center> For more information, <a href ="https://2017.igem.org/Team:William_and_Mary/Description"> click HERE </a>.</center>
 
  
    <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>
+
<br>
      <center>
+
<br/>
        <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>
+
<center>
        <img src="https://static.igem.org/mediawiki/2017/4/4c/T--William_and_Mary--Separator1.jpeg" height = "20" width "100"/>
+
<img src="https://static.igem.org/mediawiki/2017/f/f9/T--William_and_Mary--Information.jpeg" height = "2200"/>
      </center>
+
</center>
    </div>
+
</div>
  
  
    <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
+
<div>
    <div class="section section-we-do-2" id="workflow2">
+
<center>
      <div class="container">
+
<img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "60" width "100"/>
 +
</center>
 +
</div>
  
        <div class="row">
+
<center> For more information, <a href ="https://2017.igem.org/Team:William_and_Mary/Description"> click here </a>.</center>
  
 +
<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>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "40" width "100"/>
 +
</center>
 +
</div>
  
 +
<div>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/4/4c/T--William_and_Mary--Separator1.jpeg" height = "20" width "100"/>
 +
</center>
 +
</div>
  
          <div class="col-md-3">
 
            <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/d/d3/T--William_and_Mary--measurements5.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>
+
  <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
          </div>
+
  <div class="section section-we-do-2" id="workflow2">
          <div class="col-md-3">
+
  <div class="container">
            <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/0/00/T--William_and_Mary--results5.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 class="row">
          </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/3/3c/T--William_and_Mary--interlab5.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/c/c2/T--William_and_Mary--medal5.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>
+
          <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "100" width "100"/>
+
        </center>
+
      </div>
+
    </div>
+
      <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
+
      <!-- END SECTIONS WHAT WE DO -->
+
  
 +
<div class="container">
  
      <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 class="row">
        <center>
+
          <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "40" width "100"/>
+
        </center>
+
      </div>
+
  
      <div>
 
        <center>
 
          <img src="https://static.igem.org/mediawiki/2017/4/4c/T--William_and_Mary--Separator1.jpeg" height = "20" width "100"/>
 
        </center>
 
      </div>
 
      <!-- Section "ref" example 2: Text & Icons -->
 
      <div class="section section-numbers-1" id="ref">
 
        <div class="container">
 
  
        </div>
+
  <div class="col-md-3">
        <div class="clearfix"></div>
+
  <div class="card add-animation-stopped animation-1">
        <div class="row">
+
  <div class="icon">
          <div class="title add-animation animate">
+
  <a href='https://2017.igem.org/Team:William_and_Mary/Measurement'><img src="https://static.igem.org/mediawiki/2017/d/d3/T--William_and_Mary--measurements5.jpeg" height= "180" width= "180"></a>
            <div class="col-md-4">
+
  </div>
              <div class="card">
+
  <h3 style='font-family:Bookman; font-size: 25px;'><a href="https://2017.igem.org/Team:William_and_Mary/Measurement">  
                <div class="icon">
+
                            </a></h3>
                  <a href="https://2017.igem.org/Team:William_and_Mary/Notebook"><img alt="..." src="https://static.igem.org/mediawiki/2017/b/b2/T--William_and_Mary--notebook5.jpeg" height= "180" width= "180"/></a>
+
                </div>
+
  </div>
                <h3 style='font-family:Bookman; font-size: 25px;'>
+
  </div>
                  <a href="https://2017.igem.org/Team:William_and_Mary/Notebook">
+
  <div class="col-md-3">
                  </a></h3>
+
  <div class="card add-animation-stopped animation-2">
                  <!--                                            <h5 class="text-gray">explain</h5>-->
+
  <div class="icon">
                  <!--                                          <div class="number" id="customersNo">
+
  <a href='https://2017.igem.org/Team:William_and_Mary/Results'><img src="https://static.igem.org/mediawiki/2017/0/00/T--William_and_Mary--results5.jpeg" height= "180" width= "180"></a>
                  5.382
+
  </div>
                </div>-->
+
  <h3 style='font-family:Bookman; font-size: 25px;'><a href="https://2017.igem.org/Team:William_and_Mary/Results">  
              </div>
+
                            </a></h3>
            </div>
+
            <div class="col-md-4">
+
  </div>
              <div class="card">
+
  </div>
                <div class="icon">
+
  <div class="col-md-3">
                  <a href="https://2017.igem.org/Team:William_and_Mary/Safety"><img alt="..." src="https://static.igem.org/mediawiki/2017/c/c9/T--William_and_Mary--safety5.jpeg" height= "180" width= "180"/></a>
+
  <div class="card add-animation-stopped animation-3">
                </div>
+
  <div class="icon">
                <h3 style='font-family:Bookman; font-size: 25px;'>
+
  <a href='https://2017.igem.org/Team:William_and_Mary/Interlab'><img src="https://static.igem.org/mediawiki/2017/3/3c/T--William_and_Mary--interlab5.jpeg" height= "180" width= "180"></a>
                  <a href="https://2017.igem.org/Team:William_and_Mary/Safety">
+
  </div>
                  </a></h3>
+
  <h3 style='font-family:Bookman; font-size: 25px;'><a href="https://2017.igem.org/Team:William_and_Mary/Interlab">  
                  <!--                                           <h5 class="text-gray">explain</h5>-->
+
                            </a></h3>  
                  <!--                                           <div class="number" id="projectsNo">
+
  </div>
                  26.832
+
  </div>
                </div>-->
+
  <div class="col-md-3">
              </div>
+
  <div class="card add-animation-stopped animation-4">
            </div>
+
  <div class="icon">
            <div class="col-md-4">
+
  <a href='https://2017.igem.org/Team:William_and_Mary/Medal_Requirements'><img src="https://static.igem.org/mediawiki/2017/c/c2/T--William_and_Mary--medal5.jpeg" height= "180" width= "180"></a>
              <div class="card">
+
  </div>
                <div class="icon">
+
<h3 style='font-family:Bookman; font-size: 25px;'>
                  <a href="https://2017.igem.org/Team:William_and_Mary/Attributions"> <img alt="..." src="https://static.igem.org/mediawiki/2017/e/e4/T--William_and_Mary--attributions5.jpeg" height= "180" width= "180"/></a>
+
<a href="https://2017.igem.org/Team:William_and_Mary/Medal_Requirements">  
                </div>
+
                          </a></h3>
                <h3 style='font-family:Bookman; font-size: 25px;'>
+
  </div>
                  <a href="https://2017.igem.org/Team:William_and_Mary/Attributions">
+
  </div>
                  </a></h3>
+
  </div>
                  <!--                                            <h5 class="text-gray">explain</h5>-->
+
  </div>
                  <!--                                            <div class="number" id="citiesNo">
+
  </div>
                  278
+
<div>
                </div>-->
+
<center>
              </div>
+
<img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "100" width "100"/>
            </div>
+
</center>
          </div>
+
</div>
        </div>
+
      </div>
+
    </div>
+
    <!-- End Section "Numbers" example 2: Text & Image -->
+
  
 +
  <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
<!-- END SECTIONS WHAT WE DO -->
 +
  
    <!-- Section "Team" example 1: Title & Full Image -->
+
<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>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "40" width "100"/>
 +
</center>
 +
</div>
  
  </body>
+
<div>
  </html>
+
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/4/4c/T--William_and_Mary--Separator1.jpeg" height = "20" width "100"/>
 +
</center>
 +
</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/b/b2/T--William_and_Mary--notebook5.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/c/c9/T--William_and_Mary--safety5.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/e/e4/T--William_and_Mary--attributions5.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 -->
 +
  
 +
    </body>
 +
</html>
  
  
  {{Team:William_and_Mary/FOOTER_SMALL}}
+
{{Team:William_and_Mary/JS_SOURCE}}
 +
{{Team:William_and_Mary/FOOTER_SMALL}}

Revision as of 05:34, 24 August 2017