Difference between revisions of "Team:Calgary/imposter"
| Line 8: | Line 8: | ||
| − | html, | + | html,div, footer, body, img, a,ul, li, h1, h2{ |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 121: | Line 121: | ||
} | } | ||
| − | + | #TopBar{ | |
padding-top: 0.5rem; | padding-top: 0.5rem; | ||
padding-bottom: 0.5rem; | padding-bottom: 0.5rem; | ||
| Line 302: | Line 302: | ||
</h2> | </h2> | ||
</div> | </div> | ||
| − | < | + | <div class="nav-bar"> |
| − | < | + | <div id="TopBar"> |
<div class="nav"> | <div class="nav"> | ||
<a href="#" class="toggle-menu">☰</a> | <a href="#" class="toggle-menu">☰</a> | ||
| Line 358: | Line 358: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| − | </ | + | </div> |
| − | </ | + | </div> |
| Line 407: | Line 407: | ||
<footer>iGEM 2017</footer> | <footer>iGEM 2017</footer> | ||
| − | |||
| − | |||
| − | |||
| − | |||
<script> | <script> | ||
Revision as of 20:40, 21 June 2017
Contents
<a href="#"> <img src="iGEM2017Logo.png" alt="iGEM"> </a>
<main>
<section>
InterLab Study
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic beatae qui, est perspiciatis ducimus delectus pariatur nisi enim similique earum tempora aut, unde, quod. Iusto quod mollitia, in aspernatur non ratione voluptas vero sit veniam sunt quibusdam doloremque et harum soluta hic placeat ab excepturi nesciunt animi rerum enim officiis blanditiis porro itaque. Doloremque, voluptates consectetur quis soluta assumenda, temporibus sequi aliquid. Porro delectus accusantium dicta officiis cupiditate reiciendis praesentium quam explicabo animi necessitatibus blanditiis maxime molestiae, ullam aliquam ea, inventore temporibus nihil eum tempore minus architecto rerum aut. Nulla eos laboriosam, minus earum alias, repellat tempore facilis iusto quibusdam deleniti assumenda magnam dolore doloribus saepe maiores. Expedita enim ea, maiores beatae odit, eaque officia ut vitae! Nihil nisi non ullam. Officiis nihil, repellendus dolorem reiciendis eius enim aperiam qui omnis, rerum voluptatum itaque fuga dignissimos nobis dolor explicabo perspiciatis necessitatibus, asperiores? Eveniet doloribus itaque optio perspiciatis iure, qui minima libero dicta suscipit ducimus, id rerum consequuntur autem reprehenderit corporis! Beatae obcaecati aut, impedit aliquid provident harum aspernatur, pariatur ea ipsa explicabo nulla earum dicta dolore nisi, molestiae optio modi. Totam beatae assumenda iusto, eveniet consectetur consequuntur repudiandae esse eos maxime, eligendi, tenetur incidunt odit nemo ducimus quidem eaque repellat.
</section>
<img src="Spaceship.gif" />
SPACESHIPS
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<img src="Spaceship2.gif" />
MORE SPACESHIPS
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<img src="http://www.space.com/images/i/000/003/297/original/080326-lynx-flying-02.jpg" alt="A cat" />
EVEN MORE SPACESHIPS
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<section>
MARS IS ONLY A POOP AWAY
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic beatae qui, est perspiciatis ducimus delectus pariatur nisi enim similique earum tempora aut, unde, quod. Iusto quod mollitia, in aspernatur non ratione voluptas vero sit veniam sunt quibusdam doloremque et harum soluta hic placeat ab excepturi nesciunt animi rerum enim officiis blanditiis porro itaque. Doloremque, voluptates consectetur quis soluta assumenda, temporibus sequi aliquid. Porro delectus accusantium dicta officiis cupiditate reiciendis praesentium quam explicabo animi necessitatibus blanditiis maxime molestiae, ullam aliquam ea, inventore temporibus nihil eum tempore minus architecto rerum aut. Nulla eos laboriosam, minus earum alias, repellat tempore facilis iusto quibusdam deleniti assumenda magnam dolore doloribus saepe maiores. Expedita enim ea, maiores beatae odit, eaque officia ut vitae! Nihil nisi non ullam. Officiis nihil, repellendus dolorem reiciendis eius enim aperiam qui omnis, rerum voluptatum itaque fuga dignissimos nobis dolor explicabo perspiciatis necessitatibus, asperiores? Eveniet doloribus itaque optio perspiciatis iure, qui minima libero dicta suscipit ducimus, id rerum consequuntur autem reprehenderit corporis! Beatae obcaecati aut, impedit aliquid provident harum aspernatur, pariatur ea ipsa explicabo nulla earum dicta dolore nisi, molestiae optio modi. Totam beatae assumenda iusto, eveniet consectetur consequuntur repudiandae esse eos maxime, eligendi, tenetur incidunt odit nemo ducimus quidem eaque repellat.
</section>
</main> <footer>iGEM 2017</footer>
<script>
$(document).ready(function(){ var ulNav= "#nav", openNav = "active";
$('.toggle-menu').click(function(e){ if($(ulNav).hasClass(openNav)){ $(ulNav).removeClass(openNav) }else{ $(ulNav).addClass(openNav); } e.preventDefault(); })
$('.toggle-drop').on('click', function() { $(this).next().slideToggle(400);
$(this).toggleClass('active');
}); })
</script>
</body>
