Difference between revisions of "Team:Toronto"

 
(14 intermediate revisions by 2 users not shown)
Line 10: Line 10:
 
{{Toronto/head}}
 
{{Toronto/head}}
 
<html>
 
<html>
−
<!-- <a href="" > direct image linking </a>
 
  
−
<img src="" />
+
<div class="section">
−
 
+
  <div class="container-home">
−
<p>Inline <strong>markdown</strong>!</p>
+
    <div class="home-left lg-height">
−
<p>TORONTO</p>
+
      <div class="container center-align text-center">
−
<p>More working md?</p>
+
        <img src="https://static.igem.org/mediawiki/2017/f/f1/T--Toronto--2017_igemTO2017-logo.svg" alt="logo" height='100' style="margin: 0 auto; margin-bottom: 50px;">
−
<ul>
+
        <div id="navbarSearch">
−
<li>yes</li>
+
          <form autocomplete="off">
−
<li>no</li>
+
            <input type="text" name="currency" id="autocomplete" class='no-collapse' placeholder='Find any page...'/>
−
</ul>
+
          </form>
−
-->
+
          <div id="search">
−
 
+
            <ul id='auto-suggest'>
−
<div class="navigation">
+
            </ul>
−
<div id='logo'><h1>iGEMTO</h1></div>
+
          </div>
−
<div id="navigation">
+
        </div>
−
<ul>
+
        <h3 class='text-dark-cyan'>Get started here:</h3>
−
<li class="team">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li>
+
        <div class="container-home">
−
</li>
+
          <div class="center-align">
−
<li class="model">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li>
+
            <ul>
−
</li>
+
              <li style='padding: 5px 0.75em 0 0.75em;'><span class='text-grey'>&bull;&nbsp;</span><a id="grey-hover" class='text-white' href="https://2017.igem.org/Team:Toronto/Team">Team</a></li>
−
<li class="demo">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>demonstrate</span></a></li>
+
              <li style='padding: 5px 0.75em 0 0.75em;'><span class='text-red'>&bull;&nbsp;</span><a id="red-hover" class='text-white' href="https://2017.igem.org/Team:Toronto/Wetlab">Wetlab</a></li>
−
</li>
+
              <li style='padding: 5px 0.75em 0 0.75em;'><span class='text-yellow'>&bull;&nbsp;</span><a id="yellow-hover" class='text-white' href="https://2017.igem.org/Team:Toronto/Drylab">Drylab</a></li>
−
<li class="data">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>measurement</span></a></li>
+
              <li style='padding: 5px 0.75em 0 0.75em;'><span class='text-cyan'>&bull;&nbsp;</span><a id="cyan-hover" class='text-white' href="https://2017.igem.org/Team:Toronto/Human_Practices">Human Practices</a></li>
−
</li>
+
            </ul>
−
<li class="human_practices">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>human practices</span></a></li>
+
           </div>
−
</li>
+
−
</ul>
+
−
</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&nbsp;</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>
 
       </div>
 
     </div>
 
     </div>
−
    <button type='button' class='pink'>Here&#39;s the problem</button>
 
−
  </div>
 
−
</div>
 
  
−
<!-- Facts ================================================================= -->
+
    <div class="home-right lg-height bg-home">
−
<div class='section1 white textCentre pad3'>
+
      <div class="container text-white center-align text-center">
−
    <h2>The problem we want to solve</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/a/a4/T--Toronto--2017_tagline.svg" alt="tagline">
−
    <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>
 
     </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 &amp; 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>
 
</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 &amp; 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>
 
−
<li><a href="https://2017.igem.org/Team:Toronto"><span>Home</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/Team"><span>Team</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/Description"><span>Description</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>Human Practices</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Silver</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Gold</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>Engagement</span></a></li>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Toronto/Software"><span>Software</span></a></li>
 
−
</li>
 
−
</ul>
 
−
</div></div>
 
 
</html>
 
</html>
 
{{Toronto/footer}}
 
{{Toronto/footer}}

Latest revision as of 15:59, 13 December 2017

logo

Get started here:

tagline

General Pages

Wet Lab

Dry Lab

Human Practices

iGEM Toronto