Difference between revisions of "Team:Toronto/Wetlab"

Line 10: Line 10:
 
{{Toronto/head}}
 
{{Toronto/head}}
 
<html>
 
<html>
 +
<!-- Header -->
 
<div class="section">
 
<div class="section">
 
<div class="container header">
 
<div class="container header">
<h1>Dry Lab</h1>
+
<h1>Wet Lab</h1>
 
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
</div>
 
</div>
 
</div>
 
</div>
<div class="section bg-white">
+
<!-- Row 2 -->
<div class="container suggestions column">
+
<div class="block suggestions-header">
+
<h3>First time visiting iGEM Toronto 2017?</h3>
+
<h3>Here are some things you can read to get to know us better.</h3>
+
</div>
+
<div class="block page-suggestions">
+
<div>
+
<h4><span>&#9679 </span>Team</h4>
+
<ul>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links Sample links Sample links</a></li>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links Sample links Sample links</a></li>
+
</ul>
+
</div>
+
<div>
+
<h4><span class="text-red">&#9679 </span>Wet Lab</h4>
+
<ul>
+
<li><a href="#">Sample links vSample links Sample links</a></li>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links</a></li>
+
</ul>
+
</div>
+
<div>
+
<h4><span class="text-yellow">&#9679 </span>Dry Lab</h4>
+
<ul>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links Sample links Sample links</a></li>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links Sample links Sample links</a></li>
+
</ul>
+
</div>
+
<div>
+
<h4><span class="text-cyan">&#9679 </span>PnP</h4>
+
<ul>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links Sample links Sample links</a></li>
+
<li><a href="#">Sample links</a></li>
+
<li><a href="#">Sample links Sample links Sample links</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
 
<div class="section bg-dark-cyan">
 
<div class="section bg-dark-cyan">
Line 72: Line 29:
 
</div>
 
</div>
 
</div>
 
</div>
 +
<!-- Row 3 -->
 
<div class="section bg-white">
 
<div class="section bg-white">
 
<div class="container main-page row">
 
<div class="container main-page row">
Line 82: Line 40:
 
</div>
 
</div>
 
</div>
 
</div>
 +
<!-- Row 4 -->
 
<div class="section bg-dark-cyan">
 
<div class="section bg-dark-cyan">
 
<div class="container main-page row">
 
<div class="container main-page row">
Line 94: Line 53:
 
</div>
 
</div>
 
</div>
 
</div>
<div class="section bg-white">
 
<div class="container main-page row">
 
<div class="block image">
 
<h1>image</h1>
 
</div>
 
<div class="block content">
 
<h2>content</h2>
 
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p><a>
 
<button class="btn-primary dark-cyan">More Info</button></a>
 
</div>
 
</div>
 
</div>
 
<div class="section bg-dark-cyan">
 
<div class="container main-page row">
 
<div class="block content">
 
<h2 class="text-yellow">content</h2>
 
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p><a>
 
<button class="btn-primary yellow">More Info</button></a>
 
</div>
 
<div class="block image"><img src="./img/drylab-ode.svg" alt=""></div>
 
</div>
 
</div>
 
<div class="section bg-white">
 
<div class="container main-page row">
 
<div class="block image">
 
<h1>image</h1>
 
</div>
 
<div class="block content">
 
<h2>content</h2>
 
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p><a>
 
<button class="btn-primary dark-cyan">More Info</button></a>
 
</div>
 
</div>
 
</div>
 
<div class="section bg-white">
 
<div class="container main-page row">
 
<div class="block content">
 
<h1>Hello</h1>
 
</div>
 
<div class="block image"></div>
 
</div>
 
</div>
 
 
  
 
</html>
 
</html>
 
{{Toronto/footer}}
 
{{Toronto/footer}}

Revision as of 23:45, 27 October 2017

Wet Lab

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

content

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

content cyan

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

content

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

image