|
|
(29 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!doctype html> | + | <html> |
- | <html lang="en-US">
| + | <head> |
- | <head>
| + | |
| | | |
- | <!-- Meta -->
| + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
- | <meta charset="UTF-8">
| + | |
- | <title>Raptor iGEM</title>
| + | |
- | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| + | |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
| | | |
- | <!-- Favicons -->
| + | <script type="text/javascript"> |
- | <link rel="shortcut icon" href="img/favicons/favicon.png">
| + | |
| | | |
- | <!-- CSS -->
| + | $(document).ready(function(){ |
- | <link rel="stylesheet" href="css/reset.css">
| + | |
- | <link rel="stylesheet" href="css/bootstrap.min.css">
| + | |
- | <link rel="stylesheet" href="css/font-awesome.min.css">
| + | |
- | <link href="http://fonts.googleapis.com/css?family=Raleway:300|Muli:300" rel="stylesheet" type="text/css">
| + | |
- | <link rel="stylesheet" href="css/idangerous.swiper.css">
| + | |
- | <link rel="stylesheet" href="css/style.css">
| + | |
| | | |
- | </head>
| + | // PLEASE READ BELOW COMMENT |
| + | // |
| + | // don't worry, we're open source --> https://github.com/raptor-igem/2014hs-website |
| + | // |
| + | // PLEASE READ ABOVE COMMENT |
| | | |
- | <body>
| + | $("body.page-Team_Ravenwood_Raptors").append("<iframe class='real' src='http://raptor-igem.github.io/2014hs-website/'></iframe>"); |
| + | }); |
| | | |
- | <!-- Preloader -->
| + | </script> |
- | <div id="preloader">
| + | |
- | <div id="status"></div>
| + | |
- | </div>
| + | |
| | | |
- | <!-- Overlay -->
| + | <style type="text/css"> |
- | <div id="overlay"></div>
| + | body { |
| + | overflow-x: hidden; |
| + | height: 100%; |
| + | } |
| + | .real { |
| + | position: absolute; |
| + | width: 100%; |
| + | height: 99%; |
| + | background-color: white; |
| + | top: 0%; |
| + | left: 0%; |
| + | overflow: hidden; |
| + | z-index: 999; |
| + | } |
| + | </style> |
| | | |
- | <!-- Top header -->
| + | </head> |
- | <div id="top">
| + | <body> |
| | | |
- | <!-- Sidebar button -->
| + | <div id="page-contain"> |
- | <a href="#" id="sidebar-button"></a>
| + | <div class="page-real-main"> |
| + | </div> |
| + | </div> |
| | | |
- | <!-- Logo -->
| + | </body> |
- | <header id="logo">
| + | |
- | <h1>Raptor iGEM</h1>
| + | |
- | <h2>Ravenwood High School</h2>
| + | |
- | </header>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <div id="main-wrapper">
| + | |
- | | + | |
- | <!-- Content -->
| + | |
- | <div id="content">
| + | |
- | | + | |
- | <!-- Fullscreen Slider -->
| + | |
- | <div id="fullscreen-slider" class="swiper-container">
| + | |
- | <div class="swiper-wrapper">
| + | |
- | | + | |
- | <!-- Slide -->
| + | |
- | <div class="swiper-slide overlay overlay-dark-25" style="background-image: url(img/slides/1.jpg)">
| + | |
- | <h1>One small yet strong team</h1>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Slide -->
| + | |
- | <div class="swiper-slide overlay overlay-dark-50" style="background-image: url(img/slides/2.jpg)">
| + | |
- | <h1>Takes on a great challenge</h1>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Slide -->
| + | |
- | <div class="swiper-slide overlay overlay-dark-25" style="background-image: url(img/slides/3.jpg)">
| + | |
- | <h1>To develop a unique biobrick</h1>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="swiper-slide overlay overlay-dark-50" style="background-image: url(img/slides/4.jpg)">
| + | |
- | <h1>With the sage terpenoid</h1>
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <!-- Sidebar Menu -->
| + | |
- | <div id="sidebar">
| + | |
- | <div id="widgets">
| + | |
- | | + | |
- | <!-- Nav Menu -->
| + | |
- | <nav id="mainmenu">
| + | |
- | <ul>
| + | |
- | <li><a href="index.html" class="active">Home</a></li>
| + | |
- | <li>
| + | |
- | <a href="#">Team</a>
| + | |
- | <ul>
| + | |
- | <li><a href="about.html">About</a></li>
| + | |
- | <li><a href="members.html">Members</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="#">Project</a>
| + | |
- | <ul>
| + | |
- | <li><a href="overview.html">Overview</a></li>
| + | |
- | <li><a href="process.html">Process</a></li>
| + | |
- | <li><a href="results.html">Results</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="notebook.html">Notebook</a></li>
| + | |
- | <li><a href="safety.html">Safety</a></li>
| + | |
- | <li><a href="contact.html">Contact</a></li>
| + | |
- | </ul>
| + | |
- | </nav>
| + | |
- | | + | |
- | <!-- Footer -->
| + | |
- | <footer>
| + | |
- | <p class="copyright">© Copyright 2014 Tejas Manohar</p>
| + | |
- | </footer>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <!-- JavaScripts -->
| + | |
- | <script type='text/javascript' src='js/jquery.min.js'></script>
| + | |
- | <script type='text/javascript' src='js/bootstrap.min.js'></script>
| + | |
- | <script type='text/javascript' src='js/swiper/idangerous.swiper.min.js'></script>
| + | |
- | <script type='text/javascript' src='js/masonry/masonry.pkgd.min.js'></script>
| + | |
- | <script type='text/javascript' src='js/isotope/jquery.isotope.min.js'></script>
| + | |
- | <script type='text/javascript' src='js/custom.js'></script>
| + | |
- | | + | |
- | </body>
| + | |
| </html> | | </html> |