Difference between revisions of "Team:IIT Roorkee/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
<!DOCTYPE html>
−
{{IIT_Roorkee}}
+
<html lang="en"><head>
−
<html>
+
    <meta charset="utf-8"/>
 +
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
 +
    <meta content="Pyomancer by iGEM IIT Roorkee" name="description"/>
 +
    <meta content="Team iGEM IIT Roorkee" name="author"/>
 +
    <meta content="#272727" name="theme-color"/>
 +
    <title>PYOMANCER</title>
  
−
<div class="column two_thirds_size" >
+
    <!-- Bootstrap core CSS -->
 +
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/bootstrap-minCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
  
−
<h1>Team</h1>
+
    <!-- Custom styles for this template -->
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/igem_resetCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 +
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/stylesCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 +
  </head>
  
 +
  <body>
 +
    <header>
 +
      <div class="navbar-overlay navbar-overlay-1"></div>
 +
      <div class="navbar-overlay navbar-overlay-2"></div>
 +
      <nav class="navbar navbar-expand-md navbar-dark fixed-top wiki-navbar">
 +
        <a class="navbar-brand" href="https://2020.igem.org/Team:IIT_Roorkee">PYOMANCER</a>
 +
        <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarCollapse" data-toggle="collapse" type="button">
 +
          <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <div class="collapse navbar-collapse" id="navbarCollapse">
 +
          <ul class="navbar-nav ml-auto tabs-wrapper">
 +
            <li class="nav-item dropdown">
 +
                <a aria-expanded="false" aria-haspopup="true" class="tab nav-link nav-link-active" data-toggle="dropdown" href="#">
 +
                  People
 +
                </a>
 +
                <ul class="dropdown-menu">
 +
                  <li>
 +
                    <a class="dropdown-item dropdown-item-active" href="#"><span>Team</span></a>
 +
                  </li>
 +
                  <li>
 +
                    <a class="dropdown-item" href="#"><span>Team Poster</span></a>
 +
                  </li>
 +
                  <li>
 +
                    <a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Attributions"><span>Attributions</span></a>
 +
                  </li>
 +
                  <li>
 +
                    <a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Sponsors"><span>Sponsors</span></a>
 +
                  </li>
 +
                </ul>
 +
              </li>
 +
            <li class="nav-item dropdown">
 +
              <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">
 +
                Project
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li><a class="dropdown-item" href="#"><span>Submenu item 1</span></a></li>
 +
                <li><a class="dropdown-item" href="#"><span>Description</span></a></li>
 +
                <li><a class="dropdown-item" href="#"><span>Submenu item 3</span></a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
              <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">Human Practices
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li><a class="dropdown-item" href="#"> <span>Submenu item 1</span></a></li>
 +
                <li><a class="dropdown-item" href="#"> <span>Submenu item 2</span> </a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Dry Lab</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Wet Lab</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Machine Learning</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Judges</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Notebook</a>
 +
            </li>
 +
          </ul>
 +
        </div>
 +
      </nav>
 +
      <div class="header-progress">
 +
        <div class="header-progress-indicator"></div>
 +
      </div>
 +
     
 +
    </header>
  
−
<h3>What should this page contain?</h3>
+
    <div class="banner">
−
<ul>
+
      <p class="text-center font-size-24">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        </p><h1 class="banner-h1">HEADING 1</h1>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
        <h2 class="banner-h2">HEADING 2</h2>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
       
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
        <div class="banner-overlay"></div>
−
</ul>
+
      <p></p>
 +
    </div>
  
−
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p> 
+
    <main class="container wiki" role="main">  
−
</div>
+
  
 +
      <div class="side-nav">
 +
        <div class="page-title">Project</div>
 +
        <div class="side-nav-menu">
 +
        </div>
 +
      </div>
  
 +
      <div class="wiki-content">
 +
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-1">Section 1</h1>
 +
        <!-- <h2 class="wiki-h wiki-h2">Heading 2</h2>
 +
        <h3 class="wiki-h wiki-h3">Heading 3</h3> -->
 +
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
 +
        <p class="wiki-p wiki-bold">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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.
 +
        </p>
 +
        <a class="wiki-link-button" href="#">Wiki Link Button</a>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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.
 +
        </p>
 +
        <div class="wiki-graphic">
 +
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
 +
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
 +
        </div>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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. <a class="wiki-a" href="">This is a link</a>
 +
          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.
 +
        </p>
  
−
<div class="column third_size" >
+
        <div class="table-responsive">
−
<div class="highlight decoration_A_full">
+
          <table class="table table-hover table-bordered">
−
<h3>Inspiration</h3>
+
            <thead class="thead-dark">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
              <tr>
−
Here are a few examples:</p>
+
                <th scope="col">#</th>
−
<ul>
+
                <th scope="col">First</th>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                <th scope="col">Last</th>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
                <th scope="col">Handle</th>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
              </tr>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
            </thead>
−
</ul>
+
            <tbody>
−
</div>
+
              <tr>
−
</div>
+
                <th scope="row">1</th>
−
</html>
+
                <td>Mark</td>
 +
                <td>Otto</td>
 +
                <td>@mdo</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">2</th>
 +
                <td>Jacob</td>
 +
                <td>Thornton</td>
 +
                <td>@fat</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">3</th>
 +
                <td colspan="2">Larry the Bird</td>
 +
                <td>@twitter</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div>
 +
 
 +
        <ol class="wiki-ol">
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ol class="wiki-ol">
 +
          <li>
 +
            Ordered List item
 +
            <ol class="wiki-ol">
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
            </ol>   
 +
          </li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ul class="wiki-ul">
 +
          <li>Unordered List item</li>
 +
          <li>Unordered List item</li>
 +
          <li>
 +
            Unordered List item
 +
            <ul class="wiki-ul">
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
            </ul>   
 +
          </li>
 +
        </ul>
 +
 
 +
 
 +
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-2">Section 2</h1>
 +
        <h2 class="wiki-h wiki-h2">Heading 2</h2>
 +
        <h3 class="wiki-h wiki-h3">Heading 3</h3>
 +
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
 +
        <p class="wiki-p wiki-bold">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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.
 +
        </p>
 +
        <div class="wiki-graphic">
 +
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
 +
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
 +
        </div>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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. <a class="wiki-a" href="">This is a link</a>
 +
          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.
 +
        </p>
 +
 
 +
        <div class="table-responsive">
 +
          <table class="table table-hover table-bordered">
 +
            <thead class="thead-dark">
 +
              <tr>
 +
                <th scope="col">#</th>
 +
                <th scope="col">First</th>
 +
                <th scope="col">Last</th>
 +
                <th scope="col">Handle</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <th scope="row">1</th>
 +
                <td>Mark</td>
 +
                <td>Otto</td>
 +
                <td>@mdo</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">2</th>
 +
                <td>Jacob</td>
 +
                <td>Thornton</td>
 +
                <td>@fat</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">3</th>
 +
                <td colspan="2">Larry the Bird</td>
 +
                <td>@twitter</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div>
 +
 
 +
        <ol class="wiki-ol">
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ol class="wiki-ol">
 +
          <li>
 +
            Ordered List item
 +
            <ol class="wiki-ol">
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
            </ol>   
 +
          </li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ul class="wiki-ul">
 +
          <li>Unordered List item</li>
 +
          <li>Unordered List item</li>
 +
          <li>
 +
            Unordered List item
 +
            <ul class="wiki-ul">
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
            </ul>   
 +
          </li>
 +
        </ul>
 +
 
 +
       
 +
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-3">Section 3</h1>
 +
        <h2 class="wiki-h wiki-h2">Heading 2</h2>
 +
        <h3 class="wiki-h wiki-h3">Heading 3</h3>
 +
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
 +
        <p class="wiki-p wiki-bold">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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.
 +
        </p>
 +
        <div class="wiki-graphic">
 +
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
 +
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
 +
        </div>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing 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. <a class="wiki-a" href="">This is a link</a>
 +
          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.
 +
        </p>
 +
 
 +
        <div class="table-responsive">
 +
          <table class="table table-hover table-bordered">
 +
            <thead class="thead-dark">
 +
              <tr>
 +
                <th scope="col">#</th>
 +
                <th scope="col">First</th>
 +
                <th scope="col">Last</th>
 +
                <th scope="col">Handle</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <th scope="row">1</th>
 +
                <td>Mark</td>
 +
                <td>Otto</td>
 +
                <td>@mdo</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">2</th>
 +
                <td>Jacob</td>
 +
                <td>Thornton</td>
 +
                <td>@fat</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">3</th>
 +
                <td colspan="2">Larry the Bird</td>
 +
                <td>@twitter</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div>
 +
 
 +
        <ol class="wiki-ol">
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ol class="wiki-ol">
 +
          <li>
 +
            Ordered List item
 +
            <ol class="wiki-ol">
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
            </ol>   
 +
          </li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ul class="wiki-ul">
 +
          <li>Unordered List item</li>
 +
          <li>Unordered List item</li>
 +
          <li>
 +
            Unordered List item
 +
            <ul class="wiki-ul">
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
            </ul>   
 +
          </li>
 +
        </ul>
 +
 
 +
 
 +
 
 +
      </div>
 +
    </main>
 +
 
 +
    <div class="fab-border"></div>
 +
    <a class="fab" href="#">
 +
      <img class="fab-next-section" data-placement="left" data-toggle="tooltip" src="https://static.igem.org/mediawiki/2020/f/fb/T--IIT_Roorkee--images--icons--next.svg" title="Next section"/>
 +
      <img class="fab-top-section" data-placement="left" data-toggle="tooltip" src="https://static.igem.org/mediawiki/2020/8/8e/T--IIT_Roorkee--images--icons--top.svg" title="Top"/>
 +
    </a>
 +
    <div class="circular-progress-container">
 +
      <svg class="progress-svg" viewBox="0 0 84 84">
 +
        <circle class="progress-pie" cx="42" cy="42" r="40"></circle>
 +
      </svg>
 +
    </div>
 +
 
 +
    <footer class="footer">
 +
      <div class="footer-brand"><a class="" href="#">iGEM IIT Roorkee</a></div>
 +
      <div class="footer-lists">
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item footer-list-item-active" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Attributions"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Sponsors"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
      </div>
 +
      <div class="footer-info">
 +
        <div class="footer-info-address">
 +
          <div class="footer-address">
 +
            The Department of Biotechnology, <br/>
 +
            Indian Institute of Technology, Roorkee <br/>
 +
            Roorkee, Uttarakhand, <br/>
 +
            India - 247667
 +
            </div>
 +
          <img class="footer-james-thomason" src="https://static.igem.org/mediawiki/2020/a/a2/T--IIT_Roorkee--images--images--james_thomason_building.svg"/>
 +
        </div>
 +
        <div class="footer-info-socials">
 +
          <div class="footer-section-heading">Contact us:</div>
 +
          <div class="contacts">
 +
            <a class="contact" href="tel:+011-2875468"><span>+011-2875468</span></a>
 +
            <a class="contact" href="tel:+91-76487699"><span>+91-76487699</span></a>
 +
            <a class="contact" href="mailto:igem@iitr.ac.in"><span>igem@iitr.ac.in</span></a>
 +
          </div>
 +
          <div class="footer-section-heading">Follow us on:</div>
 +
          <div class="socials">
 +
            <a class="social" href="#"><img alt="Instagrm" src="https://static.igem.org/mediawiki/2020/7/78/T--IIT_Roorkee--images--icons--instagram.svg"/></a>
 +
            <a class="social" href="#"><img alt="Linkedin" src="https://static.igem.org/mediawiki/2020/8/87/T--IIT_Roorkee--images--icons--linkedin.svg"/></a>
 +
            <a class="social" href="#"><img alt="Facebook" src="https://static.igem.org/mediawiki/2020/1/1c/T--IIT_Roorkee--images--icons--facebook.svg"/></a>
 +
            <a class="social" href="#"><img alt="Twitter" src="https://static.igem.org/mediawiki/2020/c/ca/T--IIT_Roorkee--images--icons--twitter.svg"/></a>
 +
          </div>
 +
        </div>
 +
        <img class="footer-james-thomason-mobile" src="https://static.igem.org/mediawiki/2020/a/a2/T--IIT_Roorkee--images--images--james_thomason_building.svg"/>
 +
      </div>
 +
    </footer>
 +
 
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/igem-resetJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/jquery-slim-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
   
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/jquery-waypoints-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/popper-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/bootstrap-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/holder-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/indexJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script>
 +
      Holder.addTheme("thumb", {
 +
        bg: "#55595c",
 +
        fg: "#eceeef",
 +
        text: "Thumbnail",
 +
      });
 +
    </script>
 +
 
 +
 
 +
</body></html>

Revision as of 13:18, 21 October 2020

<!DOCTYPE html> PYOMANCER

Project

Section 1

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Wiki Link Button

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Reference, or image description, if any

Lorem ipsum dolor sit amet, consectetur adipiscing 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. This is a link 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.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
  1. Ordered List item
  2. Ordered List item
  3. Ordered List item
  1. Ordered List item
    1. Ordered sub-list item
    2. Ordered sub-list item
    3. Ordered sub-list item
  2. Ordered List item
  3. Ordered List item
  • Unordered List item
  • Unordered List item
  • Unordered List item
    • Unordered sub-list item
    • Unordered sub-list item
    • Unordered sub-list item

Section 2

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Reference, or image description, if any

Lorem ipsum dolor sit amet, consectetur adipiscing 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. This is a link 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.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
  1. Ordered List item
  2. Ordered List item
  3. Ordered List item
  1. Ordered List item
    1. Ordered sub-list item
    2. Ordered sub-list item
    3. Ordered sub-list item
  2. Ordered List item
  3. Ordered List item
  • Unordered List item
  • Unordered List item
  • Unordered List item
    • Unordered sub-list item
    • Unordered sub-list item
    • Unordered sub-list item

Section 3

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Reference, or image description, if any

Lorem ipsum dolor sit amet, consectetur adipiscing 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. This is a link 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.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
  1. Ordered List item
  2. Ordered List item
  3. Ordered List item
  1. Ordered List item
    1. Ordered sub-list item
    2. Ordered sub-list item
    3. Ordered sub-list item
  2. Ordered List item
  3. Ordered List item
  • Unordered List item
  • Unordered List item
  • Unordered List item
    • Unordered sub-list item
    • Unordered sub-list item
    • Unordered sub-list item