Team:AUC TURKEY/Test2

From 2014hs.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta charset="UTF-8"> <title>Home - OLS iGEM Wiki</title> <!--The following script tag downloads a font from the Adobe Edge Web Fonts serv...")
 
(One intermediate revision not shown)
Line 1: Line 1:
-
<html>
+
__NOTOC__
 +
<!doctype html>
 +
<html lang="en-US">
<head>
<head>
-
        <meta charset="UTF-8">
+
  <meta charset="utf-8">
-
        <title>Home - OLS iGEM Wiki</title>
+
  <meta http-equiv="Content-Type" content="text/html">
-
 
+
  <title>Glide.js Content Slider Demo - Template Monster</title>
-
        <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
+
  <meta name="author" content="Jake Rocheleau">
-
 
+
  <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
-
        <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6,n2:default.js" type="text/javascript"></script>
+
  <link rel="shortcut icon" href="http://www.templatemonster.com/favicon.ico">
-
 
+
  <link rel="icon" href="http://www.templatemonster.com/favicon.ico">
-
        <link rel="stylesheet" href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/main.css?action=raw&ctype=text/css" />
+
  <link rel="stylesheet" type="text/css" media="all" href="https://2014hs.igem.org/Team:AUC_TURKEY/styles.css?action=raw&ctype=text/javascript">
-
 
+
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
-
        <!-- Start WOWSlider.com HEAD section -->
+
  <script type="text/javascript" src="https://2014hs.igem.org/Team:AUC_TURKEY/jquery.glide.min.js?action=raw&ctype=text/javascript"></script>
-
 
+
-
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/style.css?action=raw&ctype=text/css" media="screen" />
+
-
 
+
-
        <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
+
-
 
+
-
<script type="text/javascript" src="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/jquery.js?action=raw&ctype=text/javascript"></script>
+
-
        <!-- End WOWSlider.com HEAD section -->
+
-
 
+
</head>
</head>
<body>
<body>
-
 
+
  <div id="w">
-
<div id="wrapper">
+
    <header>
-
      <header id="top">
+
      <h1>Responsive Glide.js Slider Demo</h1>
-
              <div id="logo" style="background-color:#0d3477;height:180px;width:1000px;float:left; border=0">
+
    </header>
-
<a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA"><img src="https://static.igem.org/mediawiki/2014hs/2/2b/IGEMlogo_version64.png" alt="olessence" width="1000" height="180" usemap="#Map" border="0" />
+
   
-
<map name="Map" id="Map">
+
    <div class="slider">
-
      <area shape="rect" coords="9,10,67,55" href="https://2014hs.igem.org/Main_Page" />
+
      <ul class="slides">
-
</map>
+
        <li class="slide">
-
</div>
+
          <figure>
-
+
            <figcaption>Designed by <a href="http://dribbble.com/shots/1362980-Witches">Adam Record</a></figcaption>
-
       
+
            <img src="img/witches.png" alt="dribbble witches">
-
              <div id="menu">
+
          </figure>
-
                    <ul id="nav">
+
        </li>
-
                          <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA">Home </a>
+
        <li class="slide">
-
                          </li>
+
          <figure>
-
+
            <figcaption>Designed by <a href="http://dribbble.com/shots/1360304-Searing-Mountain">Martin Sorensen</a></figcaption>
-
                          <li><a href="#">Project</a>
+
            <img src="img/searing-mountain.png" alt="searing mountain illustration">
-
                              <ul>
+
          </figure>
-
                                  <li><a>&nbsp;</a></li>
+
        </li>
-
                                  <li><a>&nbsp;</a></li>
+
        <li class="slide">
-
                                  <li><a>&nbsp;</a></li>
+
          <figure>
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Abstract.html">Abstract</a></li>
+
            <figcaption>Designed by <a href="http://dribbble.com/shots/1359635-Taipei-101">nos</a></figcaption>
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Project.html">Description</a></li>
+
            <img src="img/taipei-fireworks.png" alt="taipei fireworks">
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Timeline">Timeline</a></li>
+
          </figure>
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Lab_Notebook.html">Lab Notebook</a></li>
+
        </li>
-
                              </ul>
+
        <li class="slide">
-
                          </li>
+
          <figure>
-
+
            <figcaption>Designed by <a href="http://dribbble.com/shots/1364323-Mockup-Phone">Ruslan Siiz</a></figcaption>
-
                          <li><a href="#">Human Practices</a>
+
            <img src="img/iphone-mockup.png" alt="coffee cup iphone newspaper">
-
                              <ul>
+
          </figure>
-
                                  <li><a>&nbsp;</a></li>
+
        </li>
-
                                  <li><a>&nbsp;</a></li>
+
        <li class="slide">
-
                                  <li><a>&nbsp;</a></li>
+
          <figure>
-
                                  <li><a>&nbsp;</a></li>
+
            <figcaption>Designed by <a href="http://dribbble.com/shots/1364642-Super-Squirrel">Alex Grigoras</a></figcaption>
-
                                  <li><a>&nbsp;</a></li>
+
             <img src="img/super-squirrel.png" alt="flying super squirrel">
-
                                  <li><a>&nbsp;</a></li>
+
          </figure>
-
                                  <li><a>&nbsp;</a></li>
+
        </li>
-
                                  <li><a>&nbsp;</a></li>
+
      </ul>
-
                                  <li><a>&nbsp;</a></li>
+
    </div><!-- @end .slider -->
-
                                  <li><a href="https://www.facebook.com/OLeSsence" target="_blank"><img src="https://static.igem.org/mediawiki/2014hs/5/54/OLS_Facebook_button.png" width="45" height="45" alt=""/></a></li>
+
  </div><!-- @end #w -->
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Bioethics">Ethics</a></li>
+
<script type="text/javascript">
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Outreach.html">Outreach</a></li>
+
$(function(){
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/DIY.html">DIY</a></li>
+
  $('.slider').glide({
-
                                                                    <li><a href="https://twitter.com/OLeSsence_iGEM" target="_blank"><img src="https://static.igem.org/mediawiki/2014hs/8/83/OLS_Twitter_Icon.jpg" width="45" height="45" alt=""/></a></li>
+
    autoplay: 3500,
-
                              </ul>
+
    hoverpause: true, // set to false for nonstop rotate
-
                          </li>  
+
    arrowRightText: '&rarr;',
-
 
+
     arrowLeftText: '&larr;'
-
                          <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Safety.html">Safety</a>
+
  });
-
                          </li>
+
});
-
 
+
</script>
-
                          <li><a href="#">About Us</a>
+
-
                                <ul>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a>&nbsp;</a></li>
+
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/The_Team.html">The Team</a></li>
+
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Sponsors.html">Sponsors</a></li>
+
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/Attributions.html">Attributions</a></li>
+
-
                                  <li><a href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/About_Us.html">Contact Us</a></li>
+
-
                                </ul>
+
-
                          </li>
+
-
                  </ul>
+
-
+
-
             </div>
+
-
    </header>
+
-
 
+
-
<!-- Start WOWSlider.com BODY section id=wowslider-container1 -->
+
-
 
+
-
<div id="wowslider-container1">
+
-
 
+
-
  <div class="ws_images">
+
-
                  <ul>
+
-
                        <li><img src="https://static.igem.org/mediawiki/2014hs/e/eb/OLS_homepage_IMG_2495.JPG" alt="P1010429" title="P1010429" id="wows1_0"/></li>
+
-
                        <li><img src="https://static.igem.org/mediawiki/2014hs/9/98/OLS_HOMEPAGE.jpg" alt="P1010429" title="P1010429" id="wows1_1"/></li>
+
-
                        <li><img src="https://static.igem.org/mediawiki/2014hs/3/3b/OLS_HOMEPAGE_2.jpg" alt="P1010432" title="P1010432" id="wows1_2"/></li>
+
-
                        <li><img src="https://static.igem.org/mediawiki/2014hs/8/80/OLS_HOMEPAGE_4.jpg" alt="P1010438" title="P1010438" id="wows1_3"/></li>
+
-
 
+
-
                  </ul>
+
-
          </div>
+
-
 
+
-
        <span class="wsl"><a href="#">jQuery Slide Show</a> by WOWSlider.com v5.2m</span>
+
-
<a href="#" class="ws_frame"></a>
+
-
<div class="ws_shadow"></div>
+
-
 
+
-
</div>
+
-
    <script type="text/javascript" src="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/wowslider.js?action=raw&ctype=text/javascript"></script>
+
-
    <script type="text/javascript" src="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/script.js?action=raw&ctype=text/javascript"></script>
+
-
 
+
-
<!-- End WOWSlider.com BODY section -->
+
-
 
+
-
     <footer>
+
-
          <p>2014 Our Lady of the Snows iGEM</p>
+
-
    </footer>
+
-
 
+
-
 
+
-
</div>  
+
</body>
</body>
</html>
</html>

Latest revision as of 18:51, 6 June 2014

<!doctype html> Glide.js Content Slider Demo - Template Monster

Responsive Glide.js Slider Demo