Line 23: | Line 23: | ||
--> | --> | ||
+ | <div class="navigation"> | ||
+ | <div id='logo'><h1>iGEMTO</h1></div> | ||
<div id="navigation"> | <div id="navigation"> | ||
<ul> | <ul> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto"><span> | + | <li class="team">• <a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li> |
</li> | </li> | ||
− | <li | + | <li class="model">• <a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li> |
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | <li class="demo">• <a href="https://2017.igem.org/Team:Toronto/undefined"><span>demonstrate</span></a></li> |
</li> | </li> | ||
− | + | <li class="data">• <a href="https://2017.igem.org/Team:Toronto/undefined"><span>measurement</span></a></li> | |
− | <li | + | |
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li | + | <li class="human_practices">• <a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>human practices</span></a></li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
− | <li><a href= | + | </div> |
+ | </div> | ||
+ | |||
+ | <div class="content"> | ||
+ | <div id=content-main><!-- Landing div =========================================================== --> | ||
+ | <div class='section1 navyBlue large' id='animation'> | ||
+ | <div id="pink-orb"></div> | ||
+ | <div id="mustard-orb"></div> | ||
+ | <div id="turquois-orb"></div> | ||
+ | <div id="darkTurquois-orb"></div> | ||
+ | <div class='section3 col3 textCentre' style='z-index: 2;'> | ||
+ | <h1 id='title'>Team Tagline</h1> | ||
+ | <div class='textLeft pad5-y'> | ||
+ | <h3 style='display: inline;'>Welcome to the 2017 iGEM Toronto Wiki. Your first stop to learn about our </h3> | ||
+ | <div id='text'> | ||
+ | <div id='scrollWords'> | ||
+ | <h3 style='color:#39BAC1;'>project.</h3> | ||
+ | <h3 style='color:#FF4C49;'>engagement.</h3> | ||
+ | <h3 style='color:#DFA431;'>models.</h3> | ||
+ | <h3 style='color:#367B8C;'>journey.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <button type='button' class='pink'>Here's the problem</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Facts ================================================================= --> | ||
+ | <div class='section1 white textCentre pad3'> | ||
+ | <h2>The problem we want to solve</h2> | ||
+ | <div class='section2 alignCentre'> | ||
+ | <img src='../../images/igem.png' class='col1 alignCentre'/> | ||
+ | <div class='section3 col1 textLeft pad2'> | ||
+ | <h3>FACT #1</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat.</p> | ||
+ | </div> | ||
+ | <div class='section3 col1 textLeft pad2'> | ||
+ | <h3>FACT #2</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius.</p> | ||
+ | </div> | ||
+ | <div class='section3 col1 textLeft pad2'> | ||
+ | <h3>FACT #3</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Subteams ============================================================== --> | ||
+ | <div class='section1 navyBlue pad5 large'> | ||
+ | <div class='section2 alignCentre alignDeadCentre spaceBetween'> | ||
+ | <div class='section1 col2 alignCentre'> | ||
+ | <h3>Wet Lab Info</h3> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. | ||
+ | </p> | ||
+ | <ul> | ||
+ | <li class='demo'><a href='#'> demo</a></li> | ||
+ | <li class='data'><a href='#'> data</a></li> | ||
+ | <li class='team'><a href='#'> members & collaborators</a></li> | ||
+ | </ul> | ||
+ | <button type='button' class='mustard'>How the wet lab team helps</button> | ||
+ | </div> | ||
+ | <img src='../../images/circles.PNG' class='col3 alignCentre'/> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- <div class='diagonal'></div> --> | ||
+ | <div class='section1 navyBlue pad5 large'> | ||
+ | <div class='section2 alignCentre alignDeadCentre spaceBetween'> | ||
+ | <img src='../../images/circles.PNG' class='col3 alignCentre'/> | ||
+ | <div class='section1 col2 alignCentre'> | ||
+ | <h3>Dry Lab Info</h3> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus. | ||
+ | </p> | ||
+ | <ul> | ||
+ | <li class='model'><a href='#'> model</a></li> | ||
+ | <li class='demo'><a href='#'> demo</a></li> | ||
+ | <li class='team'><a href='#'> members & collaborators</a></li> | ||
+ | </ul> | ||
+ | <button type='button' class='white'>How we engage the community</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- <div class='diagonal' style='transform: rotate(180deg);'></div> --> | ||
+ | <div class='section1 navyBlue pad5 large'> | ||
+ | <div class='section2 alignCentre alignDeadCentre spaceBetween'> | ||
+ | <div class='section1 col2 alignCentre'> | ||
+ | <h3>PnP Info</h3> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus. Donec maximus porttitor ante, eget pretium urna sagittis nec. Duis congue urna id iaculis bibendum. | ||
+ | </p> | ||
+ | <ul> | ||
+ | <li class='human_practices'><a href='#'> details on hp</a></li> | ||
+ | <li class='team'><a href='#'> members and collaborators</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <img src='../../images/circles.PNG' class='col3 alignCentre'/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="footer pad3 white"> | ||
+ | <p>SITE MAP</p><div class="section3"> | ||
<ul> | <ul> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto | + | <li><a href="https://2017.igem.org/Team:Toronto"><span>Home</span></a></li> |
</li> | </li> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | <li><a href="https://2017.igem.org/Team:Toronto/Team"><span>Team</span></a></li> |
</li> | </li> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | <li><a href="https://2017.igem.org/Team:Toronto/Description"><span>Description</span></a></li> |
</li> | </li> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | <li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>Human Practices</span></a></li> |
</li> | </li> | ||
− | + | <li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Silver</span></a></li> | |
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | |
</li> | </li> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | <li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Gold</span></a></li> |
</li> | </li> | ||
− | + | <li><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>Engagement</span></a></li> | |
− | + | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | |
</li> | </li> | ||
− | <li><a href="https://2017.igem.org/Team:Toronto/ | + | <li><a href="https://2017.igem.org/Team:Toronto/Software"><span>Software</span></a></li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
</html> | </html> | ||
{{Toronto/footer}} | {{Toronto/footer}} |
Revision as of 15:42, 22 August 2017
Team Tagline
Welcome to the 2017 iGEM Toronto Wiki. Your first stop to learn about our
project.
engagement.
models.
journey.
The problem we want to solve
FACT #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat.
FACT #2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius.
FACT #3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum.
Wet Lab Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris.
Dry Lab Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus.
PnP Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus. Donec maximus porttitor ante, eget pretium urna sagittis nec. Duis congue urna id iaculis bibendum.