Team:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
<head>
<head>
 +
    <meta name="viewport" content="width=device-width">
<meta charset="UTF-8" />
<meta charset="UTF-8" />
         <meta name="description" content="Animated Text and Icon Menu with jQuery" />
         <meta name="description" content="Animated Text and Icon Menu with jQuery" />
Line 10: Line 11:
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Wire+One&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Wire+One&v1' rel='stylesheet' type='text/css' />
-
</head>
+
 
-
<head>
+
<script" type="text/javascript">
-
<script type="text/javascript">
+
</script>
</script>
-
</head>
 
<style type="text/css">
<style type="text/css">
Line 250: Line 249:
<body>
<body>
<p>sdasd</p>
<p>sdasd</p>
 +
<div id="animatedmenu">
 +
<div class="container">
 +
<ul id="sti-menu" class="sti-menu">
 +
<li data-hovercolor="#37c5e9">
 +
<a href="#">
 +
<h2 data-type="mText" class="sti-item">Project</h2>
 +
<h3 data-type="sText" class="sti-item">Story of a color wizard</h3>
 +
<span data-type="icon" class="sti-icon sti-icon-care sti-item"></span>
 +
</a>
 +
</li>
 +
<li data-hovercolor="#ff395e">
 +
<a href="#">
 +
<h2 data-type="mText" class="sti-item">Notebook</h2>
 +
<h3 data-type="sText" class="sti-item">The day by day process</h3>
 +
<span data-type="icon" class="sti-icon sti-icon-alternative sti-item"></span>
 +
</a>
 +
</li>
 +
<li data-hovercolor="#57e676">
 +
<a href="#">
 +
<h2 data-type="mText" class="sti-item">Team</h2>
 +
<h3 data-type="sText" class="sti-item">Hardworking guys</h3>
 +
<span data-type="icon" class="sti-icon sti-icon-info sti-item"></span>
 +
</a>
 +
</li>
 +
<li data-hovercolor="#d869b2">
 +
<a href="#">
 +
<h2 data-type="mText" class="sti-item">Human Practices</h2>
 +
<h3 data-type="sText" class="sti-item">Let's show people what we got</h3>
 +
<span data-type="icon" class="sti-icon sti-icon-family sti-item"></span>
 +
</a>
 +
</li>
 +
<li data-hovercolor="#ffdd3f">
 +
<a href="#">
 +
<h2 data-type="mText" class="sti-item">Outreach</h2>
 +
<h3 data-type="sText" class="sti-item">iGem all over the world</h3>
 +
<span data-type="icon" class="sti-icon sti-icon-technology sti-item"></span>
 +
</a>
 +
</li>
 +
</ul>
 +
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
Line 271: Line 310:
</script>
</script>
</body>
</body>
-
<body>
+
<article id="slider">
-
<html lang="en">
+
-
 
+
-
  <head>
+
-
    <meta charset="utf-8" />
+
-
    <meta name="viewport" content="width=device-width">
+
-
  </head>
+
-
 
+
-
  <body>
+
-
   
+
-
    <article id="slider">
+
        
        
       <!-- Slider Setup -->
       <!-- Slider Setup -->
Line 349: Line 378:
     </article> <!-- #slider -->
     </article> <!-- #slider -->
      
      
-
  </body>
+
<body>
-
</html>
+
</body>
</body>
</html>
</html>

Revision as of 15:18, 11 June 2014

Back to top Take a Tour




sdasd