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

(Prototype team page)
 
(SC and PE - 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"/>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <!-- Custom styles for this template -->
−
<h3>★  ALERT! </h3>
+
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/igem_resetCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
−
<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>
+
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/stylesCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
−
<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>
+
  </head>
−
</div>
+
  
 +
  <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="#">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="clear"></div>
+
    <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>
  
 +
    <main class="container wiki" role="main">   
  
−
<div class="column full_size">
+
      <div class="side-nav">
−
<h1>Education </h1>
+
        <div class="page-title">Project</div>
 +
        <div class="side-nav-menu">
 +
        </div>
 +
      </div>
  
−
<h3>Gold Medal Criterion #6</h3>
+
      <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>
  
−
<p> Develop and implement science communication, education, and/or outreach materials related to synthetic biology.
+
        <div class="table-responsive">
−
<br><br>
+
          <table class="table table-hover table-bordered">
−
All activities must follow Safety policies for <a href="https://2020.igem.org/Safety/Policies#subjects">Human Subjects Research</a>.
+
            <thead class="thead-dark">
−
<br><br>
+
              <tr>
−
Please see the <a href="https://2020.igem.org/Judging/Medals">2020 Medals Page</a> for more information.
+
                <th scope="col">#</th>
−
</p>
+
                <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>
  
−
<h3>Best Education Special Prize</h3>
+
        <ol class="wiki-ol">
−
<p>To compete for the <a href="https://2020.igem.org/Judging/Awards">Best Education prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2020.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the Gold Medal criterion #6 and the Best Education prize with this page. </p>
+
          <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>
+
        <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>
  
−
</html>
+
        <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:02, 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