Team:AUC TURKEY
From 2014hs.igem.org
(Difference between revisions)
Edipunluer (Talk | contribs) |
Edipunluer (Talk | contribs) |
||
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' /> | ||
- | + | ||
- | + | <script" type="text/javascript"> | |
- | <script type="text/javascript"> | + | |
</script> | </script> | ||
- | |||
<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> | ||
- | + | <article id="slider"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<!-- Slider Setup --> | <!-- Slider Setup --> | ||
Line 349: | Line 378: | ||
</article> <!-- #slider --> | </article> <!-- #slider --> | ||
- | + | <body> | |
- | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 15:18, 11 June 2014
sdasd