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

(Prototype team page)
 
(Implementation - Sample)
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="" name="description"/>
 +
    <meta content="" name="author"/>
 +
    <title>PYOMANCER</title>
  
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/bootstrap-minCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
  
 +
    <!-- Custom styles for this template -->
 +
    <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>
  
−
<div class="column full_size judges-will-not-evaluate">
+
  <body>
−
<h3>★  ALERT! </h3>
+
    <header>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2020.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2020.igem.org/Judging/Awards"> award listed below</a>. </p>
+
      <div class="navbar-overlay navbar-overlay-1"></div>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2020.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
      <div class="navbar-overlay navbar-overlay-2"></div>
−
</div>
+
      <nav class="navbar navbar-expand-md navbar-dark fixed-top wiki-navbar">
 +
        <a class="navbar-brand" href="#">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="#">
 +
                Project
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li>
 +
                  <a class="dropdown-item dropdown-item-active" href="#">
 +
                    <span>Submenu item 1</span>
 +
                  </a>
 +
                </li>
 +
                <li><a class="dropdown-item" href="#"><span>Submenu item 2</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>
  
 +
    <div class="banner">
 +
      <p class="text-center font-size-24">
 +
        </p><h1 class="banner-h1">HEADING 1</h1>
 +
        <h2 class="banner-h2">HEADING 2</h2>
 +
       
 +
        <div class="banner-overlay"></div>
 +
      <p></p>
 +
    </div>
  
−
<div class="clear"></div>
+
    <main class="container wiki" role="main">  
  
 +
      <div class="side-nav">
 +
        <div class="page-title">Project</div>
 +
        <div class="side-nav-menu">
 +
        </div>
 +
      </div>
  
−
<div class="column full_size">
+
      <div class="wiki-content">
−
<h1>Proposed Implementation</h1>
+
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-1">Section 1</h1>
−
<h3>Silver Medal Criterion #4</h3>
+
        <!-- <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>
  
−
<p>Explain how you would implement your project in the real world.
+
        <div class="table-responsive">
−
<br><br>
+
          <table class="table table-hover table-bordered">
−
Please see the <a href="https://2020.igem.org/Judging/Medals">2020 Medals Page</a> for more information. </p>
+
            <thead class="thead-dark">
−
</div>
+
              <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>
  
−
</html>
+
 
 +
        <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="#"><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 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 11:00, 20 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