Difference between revisions of "Team:IIT Roorkee"

 
(17 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
     <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/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"/>
 
     <link href="https://2020.igem.org/Template:IIT_Roorkee/css/stylesCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 +
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/stackCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 
   </head>
 
   </head>
  
 
   <body>
 
   <body>
 +
 +
    <div id="container">
 +
      <div id="circle">
 +
        <svg enable-background="new 0 0 300 300" height="400px" version="1.1" viewBox="0 0 300 300" width="400px" x="0px" xml:space="preserve" y="0px">
 +
            <defs>
 +
                <path d="M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 " id="circlePath"></path>
 +
            </defs>
 +
            <circle cx="100" cy="100" fill="none" r="30"></circle>
 +
            <g>
 +
                <use fill="none" xlink:href="#circlePath"></use>
 +
                <text fill="#fff">
 +
                    <textPath xlink:href="#circlePath">
 +
                      Gold Medalist • iGEM IIT Roorkee •
 +
                    </textPath>
 +
                </text>
 +
            </g>
 +
        </svg>
 +
      </div>
 +
      <img alt="Gold medal" src="https://static.igem.org/mediawiki/2020/8/8d/T--IIT_Roorkee--images--images--tailscout_gold_medal.jpg"/>
 +
    </div>
 +
 +
    <div id="container-mobile">
 +
      <div id="circle">
 +
        <svg enable-background="new 0 0 300 300" height="250px" version="1.1" viewBox="0 0 300 300" width="250px" x="0px" xml:space="preserve" y="0px">
 +
            <defs>
 +
                <path d="M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 " id="circlePath"></path>
 +
            </defs>
 +
            <circle cx="100" cy="100" fill="none" r="10"></circle>
 +
            <g>
 +
                <use fill="none" xlink:href="#circlePath"></use>
 +
                <text fill="#fff">
 +
                    <textPath xlink:href="#circlePath">
 +
                      Gold Medalist • iGEM IIT Roorkee •
 +
                    </textPath>
 +
                </text>
 +
            </g>
 +
        </svg>
 +
      </div>
 +
      <img alt="Gold medal" src="https://static.igem.org/mediawiki/2020/8/8d/T--IIT_Roorkee--images--images--tailscout_gold_medal.jpg"/>
 +
    </div>
 +
 
     <header>
 
     <header>
−
      <div class="navbar-overlay navbar-overlay-1"></div>
+
        <nav class="navbar navbar-expand-md navbar-dark fixed-top wiki-navbar">
−
      <div class="navbar-overlay navbar-overlay-2"></div>
+
          <a class="navbar-brand" href="https://2020.igem.org/Team:IIT_Roorkee">PYOMANCER</a>
−
      <nav class="navbar navbar-expand-md navbar-dark fixed-top wiki-navbar">
+
          <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarCollapse" data-toggle="collapse" type="button">
−
        <a class="navbar-brand" href="#">PYOMANCER</a>
+
            <span class="navbar-toggler-icon"></span>
−
        <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarCollapse" data-toggle="collapse" type="button">
+
          </button>
−
          <span class="navbar-toggler-icon"></span>
+
          <div class="collapse navbar-collapse" id="navbarCollapse">
−
        </button>
+
            <ul class="navbar-nav ml-auto tabs-wrapper">
−
        <div class="collapse navbar-collapse" id="navbarCollapse">
+
              <li class="nav-item dropdown">
−
          <ul class="navbar-nav ml-auto tabs-wrapper">
+
                  <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">
−
            <li class="nav-item dropdown">
+
                     People
−
              <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>
 
                   </a>
 +
                  <ul class="dropdown-menu">
 +
                    <li>
 +
                      <a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Team"><span>Team</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>
−
                 <li><a class="dropdown-item" href="#"><span>Submenu item 2</span></a></li>
+
              <li class="nav-item dropdown">
−
                <li><a class="dropdown-item" href="#"><span>Submenu item 3</span></a></li>
+
                 <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">
−
               </ul>
+
                  Project
−
            </li>
+
                </a>
−
            <li class="nav-item dropdown">
+
                <ul class="dropdown-menu">
−
               <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">Human Practices
+
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Description"><span>Description</span></a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Problem"><span>Problem</span></a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Design"><span>Design</span></a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Engineering"><span>Engineering</span></a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Implementation"><span>Implementation</span></a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Contribution"><span>Contributions</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="https://2020.igem.org/Team:IIT_Roorkee/Human_Practices"> <span>Overview</span></a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Education"> <span>Science Communication &amp; Public Engagement</span> </a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Integrated_HP"> <span>Integrated Human Practices</span> </a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Sustainable"> <span>Sustainable Development Goals</span> </a></li>
 +
                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Collaborations"> <span>Collaborations</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="#">Dry Lab
 +
                </a>
 +
                <ul class="dropdown-menu">
 +
                <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Model"> <span>Modelling</span> </a></li>
 +
                <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/DryLab_Results"> <span>Results</span> </a></li>
 +
                <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Software"> <span>Software</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="#">Wet Lab
 
               </a>
 
               </a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
                <li><a class="dropdown-item" href="#"> <span>Submenu item 1</span></a></li>
+
              <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Experiments"> <span>Overview</span></a></li>
−
                <li><a class="dropdown-item" href="#"> <span>Submenu item 2</span> </a></li>
+
              <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Results"> <span>Results</span> </a></li>
 +
              <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Protocols"> <span>Protocols</span> </a></li>
 +
              <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Parts"> <span>Parts</span> </a></li>
 +
              <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/Safety"> <span>Safety</span> </a></li>
 +
              <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/References"> <span>References</span> </a></li>
 
               </ul>
 
               </ul>
−
            </li>
+
          </li>
−
            <li class="nav-item">
+
          <li class="nav-item dropdown">
−
              <a class="tab nav-link" href="#">Dry Lab</a>
+
            <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">Machine Learning
−
             </li>
+
            </a>
−
             <li class="nav-item">
+
             <ul class="dropdown-menu">
−
              <a class="tab nav-link" href="#">Wet Lab</a>
+
             <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Overview"> <span>Overview</span></a></li>
−
            </li>
+
            <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Model"> <span>Model</span> </a></li>
−
             <li class="nav-item">
+
             <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Results"> <span>Results</span> </a></li>
−
              <a class="tab nav-link" href="#">Machine Learning</a>
+
            <li><a class="dropdown-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Impact"> <span>Impact</span> </a></li>
−
             </li>
+
             </ul>
−
            <li class="nav-item">
+
        </li>
−
              <a class="tab nav-link" href="#">Judges</a>
+
              <li class="nav-item">
−
            </li>
+
                <a class="tab nav-link" href="https://2020.igem.org/Team:IIT_Roorkee/Judging">Judges</a>
−
            <li class="nav-item">
+
              </li>
−
              <a class="tab nav-link" href="#">Notebook</a>
+
              <li class="nav-item">
−
            </li>
+
                <a class="tab nav-link" href="https://2020.igem.org/Team:IIT_Roorkee/Notebook">Notebook</a>
−
          </ul>
+
              </li>
 +
            </ul>
 +
          </div>
 +
        </nav>
 +
        <div class="header-progress">
 +
          <div class="header-progress-indicator"></div>
 
         </div>
 
         </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>
+
       </header>
−
       <p></p>
+
 
−
    </div>
+
  
−
    <main class="container wiki" role="main">  
+
      <div class="banner banner-home">
−
 
+
        <div class="banner-text banner-home-text">
−
      <div class="side-nav">
+
          <h1 class="wiki-h wiki-h1 wiki-white">PYOMANCER</h1>
−
        <div class="page-title">Project</div>
+
          <p class="wiki-p wiki-white" style="font-size: 18px;">
−
         <div class="side-nav-menu">
+
            Novel Antibacterial Protein Complexes
 +
            <br/>
 +
            for MDR Infections
 +
          </p>
 +
          <br/>
 +
          <br/>
 +
          <div class="banner-buttons">
 +
            <a class="banner-button banner-button-1" href="#animation">
 +
              <span>
 +
                Explore More
 +
              </span>
 +
            </a>
 +
            <a class="banner-button banner-button-2" href="https://2020.igem.org/Team:IIT_Roorkee/Description">
 +
              <span>
 +
                View Project
 +
              </span>
 +
            </a>
 +
          </div>
 +
         </div>
 +
        <img alt="Pyomancer logo" class="banner-image" src="https://static.igem.org/mediawiki/2020/3/3b/T--IIT_Roorkee--images--images--pyomancer.svg"/>
 +
        <div class="banner-socials">
 +
          <a class="banner-social" href="https://www.facebook.com/IGEM-IIT-Roorkee-111403760578466">
 +
            <img alt="" src="https://static.igem.org/mediawiki/2020/1/1c/T--IIT_Roorkee--images--icons--facebook.svg"/>
 +
          </a>
 +
          <a class="banner-social" href="https://www.instagram.com/igem_iitr/">
 +
            <img alt="" src="https://static.igem.org/mediawiki/2020/7/78/T--IIT_Roorkee--images--icons--instagram.svg"/>
 +
          </a>
 +
          <a class="banner-social" href="https://twitter.com/igem_iitr">
 +
            <img alt="" src="https://static.igem.org/mediawiki/2020/c/ca/T--IIT_Roorkee--images--icons--twitter.svg"/>
 +
          </a>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
 
+
 
−
       <div class="wiki-content">
+
       <div class="banner banner-home banner-home-mobile">
−
         <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-1">Section 1</h1>
+
         <img alt="Pyomancer logo" class="banner-image" src="https://static.igem.org/mediawiki/2020/3/3b/T--IIT_Roorkee--images--images--pyomancer.svg"/>
−
        <!-- <h2 class="wiki-h wiki-h2">Heading 2</h2>
+
         <div class="banner-text banner-home-text">
−
         <h3 class="wiki-h wiki-h3">Heading 3</h3> -->
+
          <h2 class="wiki-h wiki-h2 wiki-white">PYOMANCER</h2>
−
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
+
          <p class="wiki-p wiki-white">
−
        <p class="wiki-p wiki-bold">
+
            Novel Antibacterial Protein Complexes
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
            for MDR Infections
−
           eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
           </p>
−
        </p>
+
          <div class="banner-buttons">
−
        <p class="wiki-p">
+
            <a class="banner-button banner-button-1" href="#animation" style="color: #ffffff">
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
              <span class="wiki-white" style="color: #ffffff">
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
                Explore More
−
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
              </span>
−
          aliquip ex ea commodo consequat. Duis aute irure dolor in
+
            </a>
−
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+
            <a class="banner-button banner-button-2" href="https://2020.igem.org/Team:IIT_Roorkee/Description" style="color: #ffffff">
−
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
              <span class="wiki-white" style="color: #ffffff">
−
          culpa qui officia deserunt mollit anim id est laborum.
+
                View Project
−
        </p>
+
              </span>
−
        <a class="wiki-link-button" href="#">Wiki Link Button</a>
+
            </a>
−
        <p class="wiki-p">
+
          </div>
−
          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="Microscope" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/0/04/T--IIT_Roorkee--images--images--microscope.jpg"/>
+
−
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
+
 
         </div>
 
         </div>
−
        <p class="wiki-p">
+
      </div>
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
 
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
        <main class="container wiki" role="main">  
−
          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">
+
      <div class="side-nav" style="display: none !important; visibility: hidden !important">
−
           <table class="table table-hover table-bordered">
+
          <div class="page-title">Project</div>
−
             <thead class="thead-dark">
+
          <div class="side-nav-menu">
−
               <tr>
+
          </div>
−
                 <th scope="col">#</th>
+
      </div>   
−
                 <th scope="col">First</th>
+
 
−
                 <th scope="col">Last</th>
+
      <div class="wiki-content wiki-content-no-margin">
−
                 <th scope="col">Handle</th>
+
 
−
              </tr>
+
         <div class="home-section-1">
−
            </thead>
+
           <div class="home-section-1-1 home-section-left">
−
            <tbody>
+
             <video autoplay="" class="home-video" controls="" muted="" src="https://static.igem.org/mediawiki/2020/5/5d/T--IIT_Roorkee--videos--iGEM_IIT_Roorkee_Promo_Video.mp4"></video>
−
              <tr>
+
            <div class="wiki-graphic-reference" style="text-align: center;">Project Promotion Video</div>
−
                 <th scope="row">1</th>
+
          </div>
−
                 <td>Mark</td>
+
          <div class="home-section-1-2 home-section-right">
−
                 <td>Otto</td>
+
            <div class="carousel slide" data-ride="carousel" id="carousel2">
−
                 <td>@mdo</td>
+
               <div class="carousel-inner">
−
              </tr>
+
 
−
              <tr>
+
                 <div class="carousel-item active">
−
                 <th scope="row">2</th>
+
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
−
                 <td>Jacob</td>
+
                  <div class="quote">
−
                 <td>Thornton</td>
+
                    <div class="quote-text wiki-p" style="font-weight: 500;">
−
                 <td>@fat</td>
+
                      I strongly believe that the most important part of iGEM
−
               </tr>
+
                      <br/>
−
               <tr>
+
                      is the story you tell because
−
                 <th scope="row">3</th>
+
                      <br/>
−
                 <td colspan="2">Larry the Bird</td>
+
                      “Great stories make great projects and win laurels!”
−
                 <td>@twitter</td>
+
                    </div>
−
               </tr>
+
                  </div>
−
             </tbody>
+
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
−
           </table>
+
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Sanjeevani Marcha
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      TEAM LEADER
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      iGEM is not just restricted to biology, it’s an amalgamation of various components and biology happens to be only one of them.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Muskaan Bhambri
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DRY LAB
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      Our world is built on biology and once we begin to understand it, it then becomes a technology.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Harkirat Singh Arora
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DRY LAB
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      I believe we, iGEMer, are the future of synthetic biology and have the competence to solve every problem for humankind.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Pradum Kumar
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DRY LAB
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      iGEM is about modifying and creating life forms according to our needs. What I expect of it is no less.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Kushagra Rustagi
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DRY LAB
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      iGEM either answers your curiosities or makes it even more interesting to explore.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Nitish Verma
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      HUMAN PRACTICES
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      When it comes to the fascination of building things from scratch, what could be more exciting and intriguing than making up an organism?
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Yash Aggarwal
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      HUMAN PRACTICES
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      Building a network and the idea of how to build ourselves up is what iGEM is all about.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Tishee Natani
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      HUMAN PRACTICES
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      iGEM has blessed me with a community of enthusiastic researchers, analysts, designers, and people from different walks of life making the opportunity to learn - endless.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Kartikey Kansal
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      HUMAN PRACTICES, WET LAB
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      There’s a lot to learn once we step out of the doors of the lab, let alone inside it.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Siddharth Suhas Fitwe
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      WET LAB
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      I search for the possibilities to bring fiction into existence and iGEM is a great place for that.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Mihir Sachdeva
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DEVELOPER
 +
                    </p>
 +
                  </div>
 +
                 </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      What we need is following the step-by-step approach to overcome the most comprehensive challenges.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Kanishk Sugotra
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DESIGNER
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      Everything starts from a dream and iGEM is the place to give your best shot at learning.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Lakshya Jain
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      DESIGNER
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
 
 +
 
 +
                <div class="carousel-item">
 +
                  <img alt="Double quotes open" class="quote-open-icon" src="https://static.igem.org/mediawiki/2020/b/b9/T--IIT_Roorkee--images--icons--quote_start.svg"/>
 +
                  <div class="quote">
 +
                    <div class="quote-text wiki-p" style="font-weight: 500;">
 +
                      The most personal is the most creative.
 +
                    </div>
 +
                  </div>
 +
                  <img alt="Double quotes close" class="quote-close-icon" src="https://static.igem.org/mediawiki/2020/9/92/T--IIT_Roorkee--images--icons--quote_end.svg"/>
 +
                  <div class="carousel-caption d-none d-md-block">
 +
                    <h5 class="wiki-h5 wiki-bold quote-author wiki-purple">
 +
                      Darshak Bhatt
 +
                    </h5>
 +
                    <p class="wiki-p quote-author-role wiki-reference" style="margin: 10px;">
 +
                      MENTOR
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
 
 +
 
 +
               </div>
 +
               <a class="carousel-control-prev" data-slide="prev" href="#carousel2" role="button">
 +
                 <span aria-hidden="true" class="carousel-control-prev-icon" style="background: none;">
 +
                <svg fill="#5bbd70" viewBox="0 0 8 8"><path d="M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z"></path></svg>
 +
                 </span>
 +
                <span class="sr-only">Previous</span>
 +
              </a>
 +
              <a class="carousel-control-next" data-slide="next" href="#carousel2" role="button">
 +
                <span aria-hidden="true" class="carousel-control-next-icon" style="background: none;">
 +
                <svg fill="#5bbd70" viewBox="0 0 8 8"><path d="M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z"></path></svg>
 +
                 </span>
 +
                <span class="sr-only">Next</span>
 +
               </a>
 +
             </div>
 +
   
 +
           </div>
 
         </div>
 
         </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>
+
         <br/><br/>
−
         <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>
+
        <h2 class="wiki-h wiki-h2 wiki-section-start" id="abstract">
−
        <p class="wiki-p wiki-bold">
+
          ABSTRACT
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
         </h2>
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
 
−
        </p>
+
 
−
        <p class="wiki-p">
+
         <div class="home-section-2">
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
 
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
          <div class="home-section-2-1 home-section-left">
−
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
            <p class="wiki-p" style="font-weight: 500;">
−
          aliquip ex ea commodo consequat. Duis aute irure dolor in
+
              This project is aimed at creating novel antibacterial protein complexes, designed to specifically bind and kill species of multidrug-resistant bacteria. This would be achieved by the fusion of antibacterial proteins called pyocins and bacteriophage tail fibers. Furthermore, it aims to create a system for the easy production of such antimicrobials, consisting of an expression plasmid and software. Validation will be done experimentally, targeting the pathogen <i>Acinetobacter baumannii</i>, and production will be done in <i>E. coli</i>.
−
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+
            </p>
−
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
          </div>
−
          culpa qui officia deserunt mollit anim id est laborum.
+
 
−
        </p>
+
          <div class="home-section-2-2 home-section-right">
−
        <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
+
            <div class="stack-container">
−
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
              <div class="stack-card stack-card-1" data-card="2"><span></span></div>
−
          aliquip ex ea commodo consequat. Duis aute irure dolor in
+
              <div class="stack-card stack-card-2" data-card="1"><span></span></div>
−
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+
              <div class="stack-card stack-card-3" data-card="0"><span></span></div>
−
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
            </div>
−
          culpa qui officia deserunt mollit anim id est laborum.
+
                       
−
        </p>
+
 
−
        <div class="wiki-graphic">
+
          </div>
−
          <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>
 
         </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">
+
         <br/><br/>
−
            <thead class="thead-dark">
+
 
−
              <tr>
+
 
−
                <th scope="col">#</th>
+
        <h2 class="wiki-h wiki-h2 wiki-section-start" id="animation">
−
                <th scope="col">First</th>
+
          The animation explains
−
                <th scope="col">Last</th>
+
          <br/>
−
                <th scope="col">Handle</th>
+
          the working
−
              </tr>
+
          <br/>
−
            </thead>
+
          mechanism of our
−
            <tbody>
+
          <br/>
−
              <tr>
+
          fusion protein.
−
                <th scope="row">1</th>
+
        </h2>
−
                <td>Mark</td>
+
 
−
                <td>Otto</td>
+
 
−
                <td>@mdo</td>
+
        <div class="home-section-3">
−
              </tr>
+
 
−
              <tr>
+
          <img alt="Pyomancer mechanish GIF" class="home-gif" src="https://static.igem.org/mediawiki/2020/1/1d/T--IIT_Roorkee--gifs--Pyocin_Mechanism.gif"/>
−
                <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>
 
         </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>
+
         <br/><br/><br/>
−
        <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">
+
         <div class="home-section-4">
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
 
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
          <div class="feature-cards">
−
        </p>
+
            <a href="https://2020.igem.org/Team:IIT_Roorkee/ML_Overview">
−
        <p class="wiki-p">
+
              <div class="feature-card" style="text-align:center;">
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
                <img alt="Gene detection" class="feature-card-image" src="https://static.igem.org/mediawiki/2020/a/ab/T--IIT_Roorkee--images--images--home-card-1.svg"/>
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
                <h4 class="wiki-h4 wiki-bold feature-card-heading wiki-purple" style="margin: 20px 0;">
−
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
                  Machine Learning
−
          aliquip ex ea commodo consequat. Duis aute irure dolor in
+
                </h4>
−
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+
                <p class="wiki-p feature-text">
−
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
                  The year 2020 provided us with an opportunity to explore new areas and bring them to the iGEM community. Dive in to see how we combine ML with synthetic biology and contribute to AMR research.              </p>
−
          culpa qui officia deserunt mollit anim id est laborum.
+
              </div>
−
        </p>
+
            </a>
−
        <p class="wiki-p">
+
 
−
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+
            <a href="https://2020.igem.org/Team:IIT_Roorkee/Model">
−
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
              <div class="feature-card" style="text-align:center;">
−
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
                <img alt="Gene detection" class="feature-card-image" src="https://static.igem.org/mediawiki/2020/a/a9/T--IIT_Roorkee--images--images--home-card-2.svg"/>
−
          aliquip ex ea commodo consequat. Duis aute irure dolor in
+
                <h4 class="wiki-h4 wiki-bold feature-card-heading wiki-purple" style="margin: 20px 0;">
−
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+
                  Bioinformatics
−
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
                </h4>
−
          culpa qui officia deserunt mollit anim id est laborum.
+
                <p class="wiki-p feature-text">
−
        </p>
+
                  Our protein design involves bioinformatics based prediction and characterization of tail fibers. Check out how we have deployed interesting biophysical modeling techniques to study and characterize our engineered protein.              </p>
−
        <div class="wiki-graphic">
+
              </div>
−
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
+
            </a>
−
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
+
 
 +
            <a href="https://2020.igem.org/Team:IIT_Roorkee/Software">
 +
              <div class="feature-card" style="text-align:center;">
 +
                <img alt="Gene detection" class="feature-card-image" src="https://static.igem.org/mediawiki/2020/9/9d/T--IIT_Roorkee--images--images--home-card-3.svg"/>
 +
                <h4 class="wiki-h4 wiki-bold feature-card-heading wiki-purple" style="margin: 20px 0;">
 +
                  Software
 +
                </h4>
 +
                <p class="wiki-p feature-text">
 +
                  Click here to understand the concept and working of our software TailScout, which will enable other researchers to build new Seekercins for other bacterial species in one go!              </p>
 +
              </div>
 +
            </a>
 +
 
 +
            <a href="https://2020.igem.org/Team:IIT_Roorkee/Human_Practices">
 +
              <div class="feature-card" style="text-align:center;">
 +
                <img alt="Gene detection" class="feature-card-image" src="https://static.igem.org/mediawiki/2020/b/b5/T--IIT_Roorkee--images--images--home-card-4.svg"/>
 +
                <h4 class="wiki-h4 wiki-bold feature-card-heading wiki-purple" style="margin: 20px 0;">
 +
                  Human Practices
 +
                </h4>
 +
                <p class="wiki-p feature-text">
 +
                  Understanding the ground level complexities of the Hospital Acquired Infections is important. So, Check out the insights we got and the awareness initiatives we undertook for Antibiotic Use Sensitization &amp; Open Science Communication.              </p>
 +
              </div>
 +
            </a>
 +
 
 +
          </div>
 +
 
 +
         
 
         </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">
+
         <br/><br/><br/>
−
          <table class="table table-hover table-bordered">
+
        <div class="link-row">
−
            <thead class="thead-dark">
+
          <a class="wiki-link-button" href="https://2020.igem.org/Team:IIT_Roorkee/Poster">Poster</a>
−
              <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>
 
         </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>
 
  
  
 +
        <br/><br/><br/>
  
 
       </div>
 
       </div>
Line 423: Line 659:
 
         <div class="footer-list">
 
         <div class="footer-list">
 
           <div class="footer-list-title">People</div>
 
           <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="https://2020.igem.org/Team:IIT_Roorkee/Team"><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="#"><span>Attributions</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Sponsors"><span>Sponsors</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
+
 
         </div>
 
         </div>
 
         <div class="footer-list">
 
         <div class="footer-list">
−
           <div class="footer-list-title">People</div>
+
           <div class="footer-list-title">Project</div>
−
           <a class="tab footer-list-item" href="#"><span>Team</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Description"><span>Description</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/Problem"><span>Problem</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Design"><span>Design</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
+
          <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Engineering"><span>Engineering</span></a>
 +
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Implementation"><span>Implementation</span></a>
 +
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Contribution"><span>Contributions</span></a>
 
         </div>
 
         </div>
 
         <div class="footer-list">
 
         <div class="footer-list">
−
           <div class="footer-list-title">People</div>
+
           <div class="footer-list-title">Human Practices</div>
−
           <a class="tab footer-list-item" href="#"><span>Team</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Human_Practices"><span>Overview</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/Education"><span>Science Communication and Public Engagement</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
+
          <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Integrated_HP"><span>Integrated Human Practices</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Sustainable"><span>Sustainable Development Goals</span></a>
 +
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Collaborations"><span>Collaborations</span></a>
 
         </div>
 
         </div>
 
         <div class="footer-list">
 
         <div class="footer-list">
−
           <div class="footer-list-title">People</div>
+
           <div class="footer-list-title">Dry Lab</div>
−
           <a class="tab footer-list-item" href="#"><span>Team</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Model"><span>Modelling</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/DryLab_Results"><span>Results</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Software"><span>Software</span></a>
−
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
+
 
         </div>
 
         </div>
 
         <div class="footer-list">
 
         <div class="footer-list">
−
           <div class="footer-list-title">People</div>
+
           <div class="footer-list-title">Wet Lab</div>
−
           <a class="tab footer-list-item" href="#"><span>Team</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Experiments"><span>Overview</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/Results"><span>Results</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Protocols"><span>Protocols</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
+
          <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Parts"><span>Parts</span></a>
 +
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/Safety"><span>Safety</span></a>
 +
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/References"><span>References</span></a>
 
         </div>
 
         </div>
 
         <div class="footer-list">
 
         <div class="footer-list">
−
           <div class="footer-list-title">People</div>
+
           <div class="footer-list-title">Machine Learning</div>
−
           <a class="tab footer-list-item" href="#"><span>Team</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Overview"><span>Overview</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/ML_Model"><span>Model</span></a>
−
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Results"><span>Results</span></a>
−
           <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
+
           <a class="tab footer-list-item" href="https://2020.igem.org/Team:IIT_Roorkee/ML_Impact"><span>Impact</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>
 
       </div>
Line 490: Line 722:
 
           <div class="footer-section-heading">Follow us on:</div>
 
           <div class="footer-section-heading">Follow us on:</div>
 
           <div class="socials">
 
           <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="https://www.instagram.com/igem_iitr/"><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="https://www.facebook.com/IGEM-IIT-Roorkee-111403760578466"><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="Facebook" src="https://static.igem.org/mediawiki/2020/1/1c/T--IIT_Roorkee--images--icons--facebook.svg"/></a>
+
             <a class="social" href="https://twitter.com/igem_iitr"><img alt="Twitter" src="https://static.igem.org/mediawiki/2020/c/ca/T--IIT_Roorkee--images--icons--twitter.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>
 
         </div>
 
         </div>

Latest revision as of 17:20, 18 December 2020

<!DOCTYPE html> PYOMANCER

Gold Medalist • iGEM IIT Roorkee •
Gold medal
Gold Medalist • iGEM IIT Roorkee •
Gold medal
Project
Project Promotion Video


ABSTRACT

This project is aimed at creating novel antibacterial protein complexes, designed to specifically bind and kill species of multidrug-resistant bacteria. This would be achieved by the fusion of antibacterial proteins called pyocins and bacteriophage tail fibers. Furthermore, it aims to create a system for the easy production of such antimicrobials, consisting of an expression plasmid and software. Validation will be done experimentally, targeting the pathogen Acinetobacter baumannii, and production will be done in E. coli.



The animation explains
the working
mechanism of our
fusion protein.

Pyomancer mechanish GIF



Gene detection

Machine Learning

The year 2020 provided us with an opportunity to explore new areas and bring them to the iGEM community. Dive in to see how we combine ML with synthetic biology and contribute to AMR research.

Gene detection

Bioinformatics

Our protein design involves bioinformatics based prediction and characterization of tail fibers. Check out how we have deployed interesting biophysical modeling techniques to study and characterize our engineered protein.

Gene detection

Software

Click here to understand the concept and working of our software TailScout, which will enable other researchers to build new Seekercins for other bacterial species in one go!

Gene detection

Human Practices

Understanding the ground level complexities of the Hospital Acquired Infections is important. So, Check out the insights we got and the awareness initiatives we undertook for Antibiotic Use Sensitization & Open Science Communication.




Poster