Difference between revisions of "Team:IISER-Tirupati India/Collaborations"

Line 10: Line 10:
  
  
−
     <div class="wrapper">
+
     <div class="wrapper" style="background-color: #FDF8D7;">
 
         <header>
 
         <header>
 
             <section class="container-fluid" style="background-color: #8D1063;">
 
             <section class="container-fluid" style="background-color: #8D1063;">
−
                 <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/9/92/T--IISER-Tirupati_India--COLLABORATIONS-01.svg" style="width: 100%;">
+
                 <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/c/c5/T--IISER-Tirupati_India--MEMBERS-01.svg" style="width: 100%;">
−
                 <div class=" row  justify-content-center down-arrow" style="width: 100% !important;">SCROLL
+
                 <div class=" row  justify-content-center d-none d-lg-flex" style="width: 100% !important;">       
−
                    <svg  width="16" height="16" fill="currentColor" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
+
                    <div class="down-arrow" style="color: hsl(320, 80%, 31%);"><strong>SCROLL</strong>
−
                    <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+
                        <svg  width="16" height="16" fill="#8D1063" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
−
                    <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+
                        <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
−
                    </svg>  
+
                        <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
 +
                        </svg>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </section>
 
             </section>
Line 44: Line 46:
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Description">DESCRIPTION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Description">DESCRIPTION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Blueprint">BLUEPRINT</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Blueprint">BLUEPRINT</a></li>
−
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Engineering">ENGINEERING SUCCESS</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Engineering">ENGINEERING SUCCESS &nbsp; &nbsp;</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Background">BACKGROUND</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Background">BACKGROUND</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Implementation">IMPLEMENTATION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Implementation">IMPLEMENTATION</a></li>
Line 55: Line 57:
 
                             </a>
 
                             </a>
 
                             <ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
 
                             <ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
−
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/ProofOfConcept">PROOF OF CONCEPT</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Proof_Of_Concept">PROOF OF CONCEPT &nbsp; &nbsp;</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">DESIGN</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">DESIGN</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Parts">PARTS</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Parts">PARTS</a></li>
Line 82: Line 84:
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Communication">COMMUNICATION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Communication">COMMUNICATION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Inclusivity">INCLUSIVITY</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Inclusivity">INCLUSIVITY</a></li>
−
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Sustainable">SUSTAINABLE DEVELOPMENT</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Sustainable">SUSTAINABLE DEVELOPMENT &nbsp; &nbsp;</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 89: Line 91:
 
                             TEAM
 
                             TEAM
 
                             </a>
 
                             </a>
−
                             <ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
+
                             <ul class="dropdown-menu dropdown-menu-end fade-down" aria-labelledby="navbarDropdown">
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Team">MEMBERS</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Team">MEMBERS</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Attributions">ATTRIBUTION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Attributions">ATTRIBUTION</a></li>
−
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Collaborations">COLLABORATIONS</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Collaborations">COLLABORATIONS &nbsp; &nbsp;</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Partnership">PARTNERSHIP</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Partnership">PARTNERSHIP</a></li>
 
                             </ul>
 
                             </ul>
Line 103: Line 105:
 
         <main>
 
         <main>
 
             <div class="container">
 
             <div class="container">
−
                 <div class="row mt-5 justify-content-end">
+
                 <div class="row text-center">
−
                     <div class="col-md-8">
+
                     <h2 class="display-1 my-3">Meet Our Team</h2>
−
                        <h2>Introduction</h2>
+
                </div>
−
                        <p>Natural systems are highly complex to understand as well as to experiment with. To make predictions of the outcomes,
+
                <div class="d-flex flex-wrap">
−
                            we use the available information and the knowledge of physics, mathematics, chemistry, and computer science to build a theoretical model. This page deals with the models built on the different aspects of our project namely :</p>
+
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
−
                            <ol>
+
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member1">
−
                                <li>GMO delivery</li>
+
                             <div class="text-center">
−
                                <li>GMO growth and colonisation</li>
+
                                 <img class="zoom" src="https://static.igem.org/mediawiki/2021/c/c4/T--IISER-Tirupati_India--ankush.png">
−
                                <li>Protease production</li>
+
                                 <div class="info">
−
                                <li>Diffusion and ovum Hardening</li>
+
                                    <h5>Ankush Kaushik (he/him)</h5>
−
                                <li>Kill switch for reversibility</li>
+
                                    <a href="https://www.instagram.com/ankushkaushik.123/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/ankushkaushik/"> <i class="fab fa-linkedin"></i></a>
−
                                <li>Kill switch for Biosafety</li>
+
                                </div>
−
                                </ol>
+
                             </div>
−
                            <h2>Delivery & Colonisation</h2><br>
+
                        </a>
−
                            <h3>INTRODUCTION: THE JOURNEY OF GMO BEGINS</h3><br>
+
                   
−
                            <h4>PART A: Delivery</h4><br>
+
                        <!-- Modal -->
−
                             <h5>OVERVIEW</h5>
+
                        <div class="modal fade" id="member1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
−
                            <p>Delivery is an essential part of our project as it determines the audience we reach. We tried to develop multiple
+
                             <div class="modal-dialog modal-dialog-centered">
−
                                ways to deliver GMO in a user-friendly way with minimum invasion. Minimum invasion means it should not colonize
+
                                 <div class="modal-content">
−
                                the whole reproductive tract or reach the ovaries. The device should ensure bacterial colonization in the ampulla
+
                                     <div class="modal-header justify-content-center">
−
                                of the fallopian tube.
+
                                         <h5 class="modal-title" id="exampleModalLabel">Ankush Kaushik (he/him)</h5>
−
                                One of the constraints that we faced is the high viscosity of the oviductal fluid.</p><P>
+
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
−
                                 After calculating the time taken for delivery in each method, talking to a couple of IVF experts, and getting their
+
                                     </div>
−
                                inputs into it,we thought hysteroscopic techniques would be the best for our purpose. This method gives us an advantage
+
                                     <div class="modal-body">
−
                                by delivering the bacteria directly into the ampulla region.</p>
+
                                         <div class="row align-items-center">
−
                            <h5>DEVICE DESIGNING (How to deliver?)</h5>
+
                                            <div class="col-md-6 text-center">
−
                            <p>GMO will be delivered directly to the ampulla by a process called Hysteroscopy. It’s done with medical assistance and requires
+
                                                <p>
−
                                constant X-Ray monitoring to ensure the catheter is inserted without any issues. The reason is that the Ostia and the Fallopian
+
                                                    “I am a self-taught programmer with expertise in web designing. The physical world and the laws that govern it fascinate me, and it’s more captivating to see how humans use these laws to create wonderful machines and help humankind do marvelous things.” /gen                                                </p>
−
                                tube are dynamic structures and that there is no chemical or significant physical difference between the ampulla and the other
+
                                                <a href="https://www.instagram.com/ankushkaushik.123/"><i class="fab fa-instagram"></i></a>
−
                                components of the Fallopian tube.</p>
+
                                            </div>
−
                               
+
                                            <div class="col-md-6">
−
                            <p>A solution of GMO of a specific concentration is prepared. Then the catheter is inserted under medical guidance up to the ampulla.
+
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/c/c4/T--IISER-Tirupati_India--ankush.png">
−
                                Then an injector is projected with narrow long incisions on both sides of it, which ensures that the GMO forms a ring along the
+
                                            </div>
−
                                circumference of the tube. Ovum is now
+
                                        </div>
−
                                360° surrounded by the GMO. </p>
+
                                     </div>
−
                               
+
                                 </div>
−
                            <p>The GMO Lactobacillus Acidophilus has pili which expectantly forms hydrogen bonds at the tube circumference with mucin found in mucus.
+
                            </div>
−
                                The GMO is now adhered to the walls and multiplies once it adjusts to the introduced environment (lag phase) </p>
+
                        </div>
−
                            <h5>FUTURE ASPECTS:</h5>
+
−
                            <p>Since we aim to reach a larger population, the hysteroscopic technique, we believe, is too expensive.
+
−
                                We also considered using hydrogels for the delivery of bacteria at a pH-specific region.</p><P>
+
−
                                Why is this system compatible with the delivery of bacteria in the ampulla of the Fallopian tube region?</P><P>
+
−
                                We found out that the pH in the oviductal Ampulla region is close to 8.0.
+
−
                                That’s why we considered using hydrogels for bacterial delivery, which swells up at a pH range of 7.8 to 8.0. </P><P>
+
−
                               
+
−
                                Amongst the stimuli-responsive hydrogels, pH-sensitive hydrogels are the most studied hydrogels. The rate at
+
−
                                which hydrogels respond depends upon their size, shape, cross-linking density, number of ionic groups, and composition,
+
−
                                which can be tailored by varying these factors. The response rate increases with increasing pore size and number of ionic
+
−
                                groups and decreasing their size and cross-linking density.</P><P>
+
−
                                  
+
−
                                For a delivery in a basic medium, we planned to use anionic hydrogels, such as carboxymethyl chitosan, which swell at higher
+
−
                                pH (basic medium) due to ionization of the acidic groups. As a result, the ionized negatively charged pendant groups on the
+
−
                                polymer chains cause repulsion leading to swelling. This property of hydrogels can be exploited for GMO delivery at pH 7.4
+
−
                                in the ampulla of the fallopian tube. </p>
+
−
                            <h5>CELL ENCAPSULATION (What to deliver?)</h5>  
+
−
                            <p>Our goal is to design a live-bacteria entrapment system. More than just encapsulating bacteria, we want to entirely prevent
+
−
                                their escape from the bead body into the surroundings.</p>
+
−
                            <p>The Oviductal Fluid is slightly alkaline (ph 7.4 to 7.7), so we need our encapsulating membrane to dissolve away at this pH.
+
−
                                Potential candidates for hydrogel materials include chitosan, guar gum, and xanthan. Chitosan forms Hydrogen bonds with the
+
−
                                mucin protein in the mucus allowing for the anchoring at the walls and preventing the hydrogels from getting washed away.</p>
+
−
                               
+
−
                               
+
−
                               
+
−
                            <h4>PART B: Colonization</h4><br>
+
−
                            <h5>OVERVIEW (why is it necessary to study growth and colonization)</h5>  
+
−
                            <p>In biosynthesis, growth kinetics is a crucial study to be conducted. The growth of a cell comprises both the size and the number.
+
−
                                These growths are affected by external factors such as temperature, the chemical composition of the growth nutrient, etc., and by
+
−
                                different physiological factors such as growth factor proteins[1][2]. The cells in a particular environment extract the nutrients
+
−
                                from the growth media and produce biomolecules, which humans utilize for different purposes. This phenomenon has applications, from
+
−
                                producing delicious Italian wine to getting antibiotics which saves millions of lives every year. We will be using this simple
+
−
                                formula to reach the goals of our project. To have a qualitative understanding of the protein production by the Genetically Modified
+
−
                                anism(GMO), we need to have a theoretical approach. We need to understand how we can calculate the growth of GMOs [3]. This, in turn,
+
−
                                will help us figure out protein production. This detailed study of growth kinetics will help us calculate the initial inoculation
+
−
                                required for the production of a protein that we need.</p>
+
−
                            <p>For a better understanding, we will be considering two cases. The first comprises the study of the growth of Bacillus Subtilis in
+
−
                                normal petri dish conditions. This is the known environment and we can have this condition easily in computer simulation and/or lab
+
−
                                and reconfirm our model. The second case of study is the continuous culture model where we study the growth of Lactobacillus
+
−
                                Acidophilus in the fallopian tube, which is our target region.  </p>
+
−
                           
+
−
                           
+
−
                            <h6>GROWTH MODELS</h6><br>
+
−
                            <p>PETRI DISH MODEL (Bacillus Subtilis, curve fitting)</p><br>
+
−
                            <p>CONTINUOUS CULTURE MODEL (lactobacillus acidophilus + fallopian tube environment)</p><br>
+
−
                            <h5>INOCULUM CALCULATIONS (connection with 2nd module)</h5><br>
+
−
                             <h2>Protease production</h2><br>
+
−
                            <h3>OVERVIEW ( overall picture) </h3>
+
−
                            <p>Well known for extracellular protease production[1], Bacillus subtilis is our model organism for the proof of concept experiments. Moreover,
+
−
                                it is a gram-positive bacteria which even if not too close but is closer than e coli (gram-negative) to our proposed bacteria lactobacillus
+
−
                                Acidophilus. This module deals with the whole mechanism of action ideally the GMO must follow for contraception to be attained. To know how
+
−
                            this module developed to what it is, please refer to the engineering success (hyperlink).</p>  
+
−
                            <p>Let's create the flow, you must know by now that we plan to produce the protease known as ovastacin,
+
−
                                an indigenous protease[2] to the human ovum. It is known to cause Zona pellucida hardening naturally
+
−
                                used by the ovum to prevent polyspermy[3]. To see the mechanism of zona pellucida hardening click here
+
−
                                (goes to project overview where it is explained).</p>
+
−
                           
+
−
                           
+
−
                            <h5> 1] Total amount of ovastacin required: </h5>
+
−
                           
+
−
                            <p>[We assume one active ovastacin cleaves one ZP2 glycoprotein present in the Zona pellucida matrix. To get the number of molecules of ovastacin needed, we calculated the number of ZP2 glycoproteins present on the surface of the ovum. For this, we reached out to studies that looked at the thickness of the ovum with and without the zona pellucida layer to find its overall thickness and the radius of the ovum[4]. </p>
+
−
                            <br>
+
−
                            <h6>Constants and calculations:</h6><br>
+
−
                             <div class="table-responsive-md">
+
−
                                 <table class="table">
+
−
                                     <thead>
+
−
                                         <tr>
+
−
                                          <th>Parameter (need alternative) </th>
+
−
                                          <th>Value</th>
+
−
                                          <th>References</th>
+
−
                                        </tr>
+
−
                                     </thead>
+
−
                                     <tbody>
+
−
                                         <tr>
+
−
                                          <td>Zona pellucida thickness</td>
+
−
                                          <td>18.9 μm</td>
+
−
                                          <td>Does zona pellucida thickness influence the fertilization rate? E. Bertrand1 , M.Van Den Bergh and Y.Englert</td>
+
−
                                        </tr>
+
−
                                        <tr>
+
−
                                          <td>Oocyte diameter</td>
+
−
                                          <td>123.5 μm</td>
+
−
                                          <td>Does zona pellucida thickness influence the fertilization rate? E. Bertrand1 , M.Van Den Bergh and Y.Englert</td>
+
−
                                        </tr>
+
−
                                        <tr>
+
−
                                          <td>Size of ZP2</td>
+
−
                                          <td>90–110 kDa</td>
+
−
                                          <td>Characterization of human zona pellucida glycoproteins A R Bauskin 1, D R Franken, U Eberspaecher, P Donner DOI: 10.1093/molehr/5.6.534</td>
+
−
                                        </tr>
+
−
                                        <tr>
+
−
                                          <td>Diameter of ZP2r</td>
+
−
                                          <td>0.0092 μm</td>
+
−
                                          <td>Zetasizer Nano Sensitivity Calculator (Classic)</td>
+
−
                                        </tr>
+
−
                                    </tbody>
+
−
                                </table>
+
−
                            </div>                           
+
−
                            <p>Assuming cuboid with all spheres of size same as ZP2 to
+
−
                            get volume of one unit = 3.1 e-6 μm3 </p>
+
−
                            <p>Volume occupied by whole ZP matrix = 12.4 e5 μm3 </p>
+
−
                            <p>Calculated the number of ZP2 glycoproteins present in the ZP matrix = 3.92 x 1011 molecules</p>
+
−
                            <p>Assuming 1 ovastacin cleaves 1 ZP2</p>
+
−
                            <p>No. of ovastacin = No. of ZP2 = 12.4 e5 / 3.1 e-6 = 3.92 x 1011  molecules ]</p>
+
−
                            <p>In order to cause complete hardening __ number of molecules are required to reach the ovum. The next question that arises is how much is produced and how much of produced ovastacin will reach the ovum. So we have two major things left to look at: </p>
+
−
                            <h5>2] Production and transport of ovastacin by GMO</h5> 
+
−
                            <p>The production of ovastacin is required for three days pre and post ovulation, please go to “Genetic Circuits” to learn details regarding the genetic circuit. </p> 
+
−
                            <h4>GENETIC CIRCUIT</h4>
+
−
                            <p>Progesterone repressible system</p>
+
−
                            <h4>JOURNEY OF OVASTACIN</h4>
+
−
                            <p>From the papers, we know that the ovum is propelled by the ciliary motion away from the uterus and that means the ovum is in contact with the wall. Thesize ampulla region of the Fallopian tube (2.5 mm ≤ radius ≤ 5 mm ) is much larger than the radius of the ovum (61.7μm) A molecule under the influence of Brownian motion move according to the equation</p>
+
−
                            <ul>
+
−
                                <li>< r <sup>2</sup> >= 4Dt (for 2-D)</li>
+
−
                                <li>< r <sup>2</sup> >= 6Dt (for 3-D)</li>
+
−
                                <p>Where,</p>
+
−
                                <li>< r <sup>2</sup>  > → mean squared (radial) distance travelled by the molecule</li>
+
−
                                <p>using,</p>
+
−
                                <ol>
+
−
                                    <li>k<sub>B</sub> = 1.38064852 ×10<sup>23</sup>  m<sup>2</sup> kg<sup>-2</sup> s<sup>-1</sup> K  [Boltzmann constant]</li>
+
−
                                    <li>η = 0.799 Pa·s [Viscosity of Oviductal Fluid]</li>
+
−
                                    <li>T = 35.5 + 273.15 = 308.65 K [Temperature of Oviduct]</li>
+
−
                                    <li>r = 22kDa = 2.43 nm [Radius of ovastacin molecule]</li>
+
−
                                     <li>a = 61.7 μm [Radius of the ovum]</li>
+
−
                                    <li>s = 5 mm [Radius of the ampulla region of the oviduct]</li>
+
−
                                    <li>N<sub>0</sub> = 3.92 ×10<sup>11</sup>  molecules = 0.000650946529392 nanomoles [Number of ovastacin to react with all ZP2]</li>
+
−
                                    <p>
+
−
                                        For, Ovastacin D=1.1644194699 ×10<sup>-13</sup>  m<sup>2</sup> s<sup>-1</sup>
+
−
                                        </p>
+
−
                                 </ol>
+
−
                                <li>t → Time elapsed</li>
+
−
               
+
−
                            </ul>
+
 
                     </div>
 
                     </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member2">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/8/84/T--IISER-Tirupati_India--Komal.png">
 +
                                <div class="info">
 +
                                    <h5>Komal Pati (she/her)</h5>
 +
                                    <a href="https://instagram.com/_koko_cope_/"><i class="fab fa-instagram"></i></a>&nbsp;<a href ="http://www.linkedin.com/in/komal-pati-523369215"> <i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Komal Pati (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “An ambivert intrigued by the intricacies of life arising from the interactions of simple biomolecules. Dance, the source of spontaneity; painting, the ultimate panacea. /gen
 +
                                                    I’m motivated by Newton's third law and determined to attain the most stable (dis)ordered state.” /hj
 +
                                                </p>
 +
                                                <a href="https://instagram.com/_koko_cope_"><i class="fab fa-instagram"></i></a>&nbsp;<a href ="http://www.linkedin.com/in/komal-pati-523369215"> <i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/8/84/T--IISER-Tirupati_India--Komal.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member3">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/8/80/T--IISER-Tirupati_India--AshwinS.png">
 +
                                <div id="Ankush" class="info">
 +
                                    <h5>Ashwin Sharma (he/him)</h5>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Ashwin Sharma (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “In this big world, I got lost in the enthrallment of the teeny-tiny world of microbes. So, here I am in this journey of synthetic biology, looking forward to meeting my mini-amigos at the lab. A tech-savvy, master in discord. You and your troubles are most welcome because I love fixing and putting a smile on your face (saviour, some call...but you know, I shouldn’t brag /s).
 +
                                                    End of the day, my world is the pillow and bed where I met my soulmate, sleep. /hj “
 +
                                                </p>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/8/80/T--IISER-Tirupati_India--AshwinS.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member4">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/6/6b/T--IISER-Tirupati_India--Rajeshree.png">
 +
                                <div class="info">
 +
                                    <h5>Rajeshree Rajesh Umbarkar (she/her)</h5>
 +
                                    <a href="https://www.instagram.com/rajeshreeumbarkar/"><i class="fab fa-instagram"></i></a>&nbsp;<a = href="https://www.linkedin.com/in/rajeshree-umbarkar-955444210/"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Rajeshree Rajesh Umbarkar (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “Like the immune system invading the pathogens, my infectious love for biology invades the brainstorming sessions. A Wanderlust in blood prefers science as a travel buddy. /m
 +
                                                    Impetuous by nature, tiptoes to the brain's most creative doors— the hawk-eyed member connects the team with the rest of the world. ”/gen
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/rajeshreeumbarkar/"><i class="fab fa-instagram"></i></a>&nbsp;<a = href="https://www.linkedin.com/in/rajeshree-umbarkar-955444210/"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/6/6b/T--IISER-Tirupati_India--Rajeshree.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member5">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/d/d8/T--IISER-Tirupati_India--shivam.png">
 +
                                <div class="info">
 +
                                    <h5>Shivam Kumar (he/him)</h5>
 +
                                    <a href="https://www.instagram.com/shiv._.m_kumar/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/shivam-kumar-84470120a" ><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member5" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Shivam Kumar (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “I am a big fan of classical physics and started my journey of science as one. But iGEM has inspired me to explore the realms of Biology, Mathematics and their interface of genetic engineering. Mathematical modeling always fills me with excitement. I love poster designing and video editing and help along my way of becoming a science communicator.” /gen                                                </p>
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/shiv._.m_kumar/"><i class="fab fa-instagram"></i></a>https://www.linkedin.com/in/shivam-kumar-84470120a
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/d/d8/T--IISER-Tirupati_India--shivam.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member6">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/8/8b/T--IISER-Tirupati_India--Athira.png">
 +
                                <div id="Ankush" class="info">
 +
                                    <h5>Athira Anil (she/her)</h5>
 +
                                    <a href="https://www.instagram.com/violet_love_99/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/athira-anil-069696183"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Athira Anil (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    "Dance and good food are my best stress-busters while cherishing the chirping and twittering of feather-buddies. Nature, the greatest source of inspiration for my inquisitive mind in search of the mysteries behind the “Malady of maladies- Cancer”. /gen                                                </p>
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/violet_love_99/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/athira-anil-069696183"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/8/8b/T--IISER-Tirupati_India--Athira.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member8">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/7/70/T--IISER-Tirupati_India--Adil.png">
 +
                                <div class="info">
 +
                                    <h5>Md Adil Aman (he/him)</h5>
 +
                                    <a href="https://www.instagram.com/_this_is_rick_/"><i class="fab fa-instagram"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member8" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Md Adil Aman (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “An acute observer with burning curiosity, I wander through time to understand the life around me, bit by bit, step by step. Being a student of physics doesn't restrict me to venture untested waters of other fields. /gen
 +
                                                    The symphony of life is intriguingly beautiful and yet mysterious and it draws me like a moth to a flame.” /m
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/_this_is_rick_/"><i class="fab fa-instagram"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/7/70/T--IISER-Tirupati_India--Adil.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member9">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/4/41/T--IISER-Tirupati_India--Lochan.png">
 +
                                <div class="info">
 +
                                    <h5>Lochan Ravindra Chaudhari (she/her)</h5>
 +
                                    <a href="https://www.instagram.com/lochanchaudhari/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/lochan-chaudhari-b289641b9/"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member9" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Lochan Ravindra Chaudhari (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>“Just like the whole is more than the sum of its parts, solutions to real-world problems are not made of just facts, data, and logic. There is more to it and I strive to find just that. To chill, it's just art, be it dance, painting, series or music I love them all."</p>
 +
                                                <a href="https://www.instagram.com/lochanchaudhari/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/lochan-chaudhari-b289641b9/"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/4/41/T--IISER-Tirupati_India--Lochan.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member10">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/b/b3/T--IISER-Tirupati_India--Shreyas.png">
 +
                                <div id="Ankush" class="info">
 +
                                    <h5>Shreyas Samir Parkhie (he/him)</h5>
 +
                                    <a href="https://instagram.com/kancha.chhina/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/shreyas-p-1563b099"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member10" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Shreyas Samir Parkhie (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “I am an undergrad at IISER Tirupati, who loves music, baking, and reading minds (kidding! XD But it's good to keep magneto's helmet close by!) /j
 +
I believe Biology is all about its intricacies, and that's what drives me to explore it more. Sunrise and sunset are when my diary knows I'll be there! “ /gen
 +
                                                </p>
 +
                                                <a href="https://instagram.com/kancha.chhina/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/shreyas-p-1563b099"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/b/b3/T--IISER-Tirupati_India--Shreyas.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member11">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/f/f0/T--IISER-Tirupati_India--Aslaha.png">
 +
                                <div class="info">
 +
                                    <h5>Fathima Aslaha Theruvath Rasheed (she/her)</h5>
 +
                                    <a href="https://www.instagram.com/aura_asla/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/fathima-aslaha-114744199/"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member11" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Fathima Aslaha Theruvath Rasheed (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    "I am the cheerful little social butterfly with love for languages: Ich spreche nur ein bisschen Deutsch!  Always up for adventures, be it in life or experiments. I’m exploring the connection between the complexity of biological systems with precise equations" /gen
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/aura_asla/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/fathima-aslaha-114744199/"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/f/f0/T--IISER-Tirupati_India--Aslaha.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member12">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/8/8f/T--IISER-Tirupati_India--AshwinP.png">
 +
                                <div class="info">
 +
                                    <h5>Ashwin Pillai (he/him)</h5>
 +
                                    <a href="https://www.instagram.com/have_sum_sense/"><i class="fab fa-instagram"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member12" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Ashwin Pillai (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “I pride myself on being a connoisseur on history and world culture. Strategy is where my mind plays and physics is where my heart lies.” /gen
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/have_sum_sense/"><i class="fab fa-instagram"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/8/8f/T--IISER-Tirupati_India--AshwinP.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member13">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/2/2b/T--IISER-Tirupati_India--Shubhra.png">
 +
                                <div id="Ankush" class="info">
 +
                                    <h5>Shubhra Singhal (she/her)</h5>
 +
                                    <a href="https://www.instagram.com/shubhra._.singhal/"><i class="fab fa-instagram"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member13" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Shubhra Singhal (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “I am a curiosity-driven science enthusiast who strongly believes in the magic of attempts and mistakes. I am just fascinated by the realm of biology whether it's the run and tumble of a bacteria or the mechanisms of drug addiction. I am amazed by the fact that when applied practically, science has the potential to change millions of lives with just one thought, one experiment, and(or) one equation! /pos
 +
                                                    It is my dream to be a channel for those changes through my passion for science. ”/gen
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/shubhra._.singhal/"><i class="fab fa-instagram"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/2/2b/T--IISER-Tirupati_India--Shubhra.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member14">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/c/c0/T--IISER-Tirupati_India--Prameya.png">
 +
                                <div class="info">
 +
                                    <h5>Prameya Garge (he/him)</h5>
 +
                                    <a href="https://instagram.com/prameyagarge/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://in.linkedin.com/in/prameya-garge-a5a91119a"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member14" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Prameya Garge (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “I’m a chess enthusiast, plotting strategic moves on the ground of Synbio. I am exploring the beauty of biology and have established a passion for evolutionary biology and genetics. When not doing science, I’ll be cycling in the picturesque countryside. All I need is a shower in the rain to pause the hustles and rejuvenate.” /gen
 +
                                                </p>
 +
                                                <a href="https://instagram.com/prameyagarge/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://in.linkedin.com/in/prameya-garge-a5a91119a"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/c/c0/T--IISER-Tirupati_India--Prameya.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member7">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/b/ba/T--IISER-Tirupati_India--Nilofer.png">
 +
                                <div class="info">
 +
                                    <h5>Niloufer Shanavas (she/her)</h5>
 +
                                    <a href="https://www.instagram.com/niloufershanavas/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/niloufer- shanavas-79b9b320a/"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member7" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Niloufer Shanavas (she/her)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “I am a bookaholic who believes that sleep is just one page away. I am intrigued by immunology and cancer biology. An avid Hallyu fan whose worries are melted by a good piece of cake!” /gen
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/niloufershanavas/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/niloufer- shanavas-79b9b320a/"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/b/ba/T--IISER-Tirupati_India--Nilofer.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>       
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <!-- Button trigger modal -->
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member15">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/4/49/T--IISER-Tirupati_India--akshay.png">
 +
                                <div id="Ankush" class="info">
 +
                                    <h5>Akshay Babasaheb Tawale (he/him)</h5>
 +
                                    <a href="https://www.instagram.com/being_groot_/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/akshay-tawale-728005209/"><i class="fab fa-linkedin"></i></a>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member15" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Akshay Babasaheb Tawale (he/him)</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    “Smultronställe, the rare moments of peaceful tranquility - Yeah, I’m capturing these moments as I take tours of nature! Parallely, unearthing the secrets of nature through scientific quests. But, on a bright sunny day, you’ll find me doing neither, but dreaming under the “slippery-slidey shadows of the trees” longing to be the resident of backwoods.”  /gen
 +
                                                </p>
 +
                                                <a href="https://www.instagram.com/being_groot_/"><i class="fab fa-instagram"></i></a>&nbsp;<a href="https://www.linkedin.com/in/akshay-tawale-728005209/"><i class="fab fa-linkedin"></i></a>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/4/49/T--IISER-Tirupati_India--akshay.png">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
 
                 </div>
 
                 </div>
−
                 <div class="card d-none d-md-block" style="max-width: 18rem;width: 25%; border: none !important;" id="index">
+
                 <div class="row text-center">
−
                     <div class="card-body">
+
                     <h2 class="display-1 my-3">Meet Our PI's</h2>
−
                      <h5 class="card-title">INDEX</h5>
+
                </div>
−
                      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+
                <div class="d-flex flex-wrap">
−
                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
−
                      <a href="#" class="card-link">Card link</a>
+
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member16">
−
                      <a href="#" class="card-link">Another link</a>
+
                            <div class="text-center">
−
                      <ul>
+
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/9/91/T--IISER-Tirupati_India--DrRaju.jpeg">
−
                          <li><a href="#waste1">waste 1</a></li>
+
                                <div class="info">
−
                          <li><a href="#waste2">waste 2</a></li>
+
                                    <h5>Dr Raju Mukherjee</h5>
−
                          <li><a href="#waste3">waste 3</a></li>
+
                                    <h6>Primary Pl</h6>
−
                          <li><a href="#waste4">waste 4</a></li>
+
                                    </div>
−
                          <li><a href="#waste1">waste 1</a></li>
+
                            </div>
−
                          <li><a href="#waste2">waste 2</a></li>
+
                        </a>
−
                          <li><a href="#waste3">waste 3</a></li>
+
                   
−
                          <li><a href="#waste4">waste 4</a></li>
+
                        <!-- Modal -->
−
                          <li><a href="#waste1">waste 1</a></li>
+
                        <div class="modal fade" id="member16" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
−
                          <li><a href="#waste2">waste 2</a></li>
+
                            <div class="modal-dialog modal-dialog-centered">
−
                          <li><a href="#waste3">waste 3</a></li>
+
                                <div class="modal-content">
−
                          <li><a href="#waste4">waste 4</a></li>
+
                                    <div class="modal-header justify-content-center">
−
                      </ul>
+
                                        <h5 class="modal-title" id="exampleModalLabel">Dr Raju Mukherjee</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    l am currently heading the Molecular Microbiology Lab (MML) at IISER Tirupati. We are an interdisciplinary group working for a common theme of "Killing disease-causing Bad Bugs with New Drugs" with a focus on Mycobacterium species. iGEM has been an exciting journey!
 +
                                                </p>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/9/91/T--IISER-Tirupati_India--DrRaju.jpeg">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                  </div>
+
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member17">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/4/44/T--IISER-Tirupati_India--ProfBJRao.jpeg">
 +
                                <div class="info">
 +
                                    <h5>Prof BJ Rao</h5>
 +
                                    <h6>Primary PI</h6>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member17" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Prof BJ Rao</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    An accomplished senior researcher and an authority in the area of Genome Homeostasis mechanisms, he graduated from IISc (Bangalore), trained at Yale Medical School, USA), led his research programmes at TIFR (Mumbai), currently, the Vice-Chancellor of the University of Hyderabad (UoH) and an adjunct faculty at IISER Tirupati. He is also a fellow of all three National Academies in India and a Sir JC Bose National Fellow of DST, India.
 +
                                                </p>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/4/44/T--IISER-Tirupati_India--ProfBJRao.jpeg">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-md-6 col-lg-4" style="min-height: 325px;">
 +
                        <a class="member-card" data-bs-toggle="modal" data-bs-target="#member18">
 +
                            <div class="text-center">
 +
                                <img class="zoom" src="https://static.igem.org/mediawiki/2021/8/8f/T--IISER-Tirupati_India--Prof_G_Ambika.jpeg">
 +
                                <div id="Ankush" class="info">
 +
                                    <h5>Prof G Ambika</h5>
 +
                                    <h6>Secondary PI</h6>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                   
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="member18" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 +
                            <div class="modal-dialog modal-dialog-centered">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLabel">Prof G Ambika</h5>
 +
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <div class="row align-items-center">
 +
                                            <div class="col-md-6 text-center">
 +
                                                <p>
 +
                                                    Prof Ambika's work involves understanding complex systems using nonlinear dynamics and complex networks; nonlinear dynamics based modelling of Biological systems and complexity measures from data, to name a few. She is currently Chair, Physics and Coordinator, Academics at IISER Tirupati. Her constant support and guidance helped us model all aspects of our project successfully.
 +
                                                </p>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/8/8f/T--IISER-Tirupati_India--Prof_G_Ambika.jpeg">
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 
             </div>
 
             </div>
 +
            <button type="button" class="btn button-dark btn-floating btn-lg" id="btn-back-to-top"><svg fill="#FDF8D7" width="20px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></button>
 
         </main>
 
         </main>
  
Line 437: Line 916:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
AOS.init()
 
AOS.init()
 +
</script>
 +
<script>
 +
$('.modal').on('shown.bs.modal', function() {
 +
  //Make sure the modal and backdrop are siblings (changes the DOM)
 +
  $(this).before($('.modal-backdrop'));
 +
  //Make sure the z-index is higher than the backdrop
 +
  $(this).css("z-index", parseInt($('.modal-backdrop').css('z-index')) + 1);
 +
});
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 19:15, 17 October 2021


Ovi-Cloak

SCROLL

Meet Our Team

Ankush Kaushik (he/him)
 
Komal Pati (she/her)
 
Ashwin Sharma (he/him)
Rajeshree Rajesh Umbarkar (she/her)
 
Shivam Kumar (he/him)
 
Md Adil Aman (he/him)
Lochan Ravindra Chaudhari (she/her)
 
Fathima Aslaha Theruvath Rasheed (she/her)
 
Ashwin Pillai (he/him)
Prameya Garge (he/him)
 
Niloufer Shanavas (she/her)
 

Meet Our PI's

Dr Raju Mukherjee
Primary Pl
Prof BJ Rao
Primary PI
Prof G Ambika
Secondary PI
Our Sponsors
Follow Us