notebook.html

<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Moldemort</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="site.webmanifest">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/slicknav.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/progressbar_barfiller.css">
    <link rel="stylesheet" href="assets/css/gijgo.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/animated-headline.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/themify-icons.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <!-- ? Preloader Start -->
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="preloader-circle"></div>
                <div class="preloader-img pere-text">
                    <img src="assets/img/logo/loder.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- Preloader End -->
    <header>
        <!-- Header Start -->
        <div class="header-area">
            <div class="main-header ">
                <div class="header-bottom  header-sticky">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <!-- Logo -->
                            <div class="col-xl-2 col-lg-2">
                                <div class="logo">
                                    <a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xl-10 col-lg-10">
                                <div class="menu-wrapper  d-flex align-items-right justify-content-end">
                                    <!-- Main-menu -->
                                    <div class="main-menu d-none d-lg-block">
                                        <nav>
                                          <li><a href="Description.html">Project</a>
                                              <ul class="submenu">
                                                  <li><a href="Description.html" class="nav-link">Description</a></li>
                                                  <li><a href="design.html" class="nav-link">Design</a></li>
                                                  <li><a href="Implementation.html" class="nav-link">Implementation</a></li>
                                                  <li><a href="Contribution.html" class="nav-link">Contribution</a></li>
                                                  <li><a href="future_directions.html" class="nav-link">Future Directions</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="wetlab.html">Wet Lab</a>
                                              <ul class="submenu">
                                                  <li><a href="wetlab.html" class="nav-link">Overview</a></li>
                                                  <li><a href="fungus_identification.html" class="nav-link">Fungus Identification</a></li>
                                                  <li><a href="experiments.html" class="nav-link">Experiments</a></li>
                                                  <li><a href="Proof_of_concept" class="nav-link">Proof of concept</a></li>
                                                  <li><a href="Engineering.html" class="nav-link">Engineering</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="Model.html">Dry Lab</a>
                                              <ul class="submenu">
                                                  <li><a href="Model.html" class="nav-link">Overview</a></li>
                                                  <li><a href="invitro.html" class="nav-link">In-vitro modeling</a></li>
                                                  <li><a href="mathmodel.html" class="nav-link">Mathematical modeling</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="notebook.html">Journal</a>
                                              <ul class="submenu">
                                                  <li><a href="notebook.html" class="nav-link">Notebook</a></li>
                                                  <li><a href="protocols.html" class="nav-link">Protocols</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="parts.html">Parts</a>
                                              <ul class="submenu">
                                                  <li><a href="parts.html" class="nav-link">Overview</a></li>
                                                  <li><a href="basic_parts.html" class="nav-link">Basic Parts</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="safety.html">Safety</a></li>
                                          <li><a href="Human_Practices.html">Human Practices</a>
                                              <ul class="submenu">
                                                  <li><a href="Human_Practices.html" class="nav-link">Integrated Human Practices</a></li>
                                                  <li><a href="Education.html" class="nav-link">Education and Communication</a></li>
                                                  <li><a href="Sustainable.html" class="nav-link">Sustainability</a></li>
                                                  <li><a href="mycoexpo.html" class="nav-link">MycoExpo</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="Inclusivity.html">Additional Excellence</a>
                                              <ul class="submenu">
                                                  <li><a href="Inclusivity.html" class="nav-link">Inclusivity</a></li>
                                                  <li><a href="entrepreneurship.html" class="nav-link">Entrepreneurship</a></li>
                                              </ul>
                                          </li>
                                          <li><a href="team.html">Team</a>
                                              <ul class="submenu">
                                                <li><a href="team.html" class="nav-link">Members</a></li>
                                                <li><a href="Attributions.html" class="nav-link">Attributions</a></li>
                                                <li><a href="Collaborations.html" class="nav-link">Collaborations</a></li>
                                                <li><a href="sponsors.html" class="nav-link">Sponsors</a></li>
                                                <li><a href="https://igem.org/2021_Judging_Form?id=3979" class="nav-link">Judging Form</a></li>
                                              </ul>
                                          </li>
                                            </ul>
                                        </nav>
                                    </div>
                                    <!-- Header-btn -->
                                    <!--<div class="header-right-btn d-none d-lg-block ml-20">
                                        <a href="contact.html" class="btn header-btn">Tap</a>
                                    </div>-->
                                </div>
                            </div>
                            <!-- Mobile Menu -->
                            <div class="col-12">
                                <div class="mobile_menu d-block d-lg-none"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header End -->
    </header>
    <main>
        <!--? Hero Start -->
        <div class="slider-area2">
            <div class="slider-height2 d-flex align-items-center">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="hero-cap hero-cap2 pt-70">
                                <h2>Project Design</h2>
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                      <li class="breadcrumb-item"><a href="index.html">Description</a></li>
                                      <li class="breadcrumb-item"><a href="#">Design</a></li>
                                      <li class="breadcrumb-item"><a href="#">Implementation</a></li>
                                      <li class="breadcrumb-item"><a href="#">Contribution</a></li>
                                      <li class="breadcrumb-item"><a href="#">Future Directions</a></li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Hero End -->
        <!--? Content Start -->
        <div class="our-cases-area section-padding30">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-10 col-lg-10 ">
                        <!-- Section Tittle -->
                        <div class="section-tittle text-left mb-30">
                            <h2 align="center">NOTEBOOK</h2>
<p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat" aria-expanded="false" aria-controls="hat">1. Lab Practices ▼</a>
  </p>
<div class="collapse" id="hat">
<p class="pl-20 pr-20" style="font-size:25px"><strong>Month: May</strong></p>
  <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat1" aria-expanded="false" aria-controls="hat1">Week 3 ▼</a>
    </p>
  <div class="collapse" id="hat1">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_3_lb.pdf"></iframe></div>
</div>
<br>

  <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat2" aria-expanded="false" aria-controls="hat2">Week 4 ▼</a>
    </p>
  <div class="collapse" id="hat2">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_4_lb.pdf"></iframe>
</div></div><br>


<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat3" aria-expanded="false" aria-controls="hat4">Week 5 ▼</a>
  </p>
<div class="collapse" id="hat3">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_5_lb.pdf"></iframe></div>
</div>
<br>
<p class="pl-20 pr-20" style="font-size:25px"><strong>Month:June</strong></p>
<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat4" aria-expanded="false" aria-controls="hat3">Week 1 ▼</a>
  </p>
<div class="collapse" id="hat4">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_1_lb_june.pdf"></iframe></div>
</div>
<br>

<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat5" aria-expanded="false" aria-controls="hat5">Week 2 ▼</a>
  </p>
<div class="collapse" id="hat5">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_2_lb_june.pdf"></iframe>
</div></div><br>


<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat6" aria-expanded="false" aria-controls="hat6">Week 3 ▼</a>
</p>
<div class="collapse" id="hat5">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_3_lb_june.pdf"></iframe></div>
</div>
<br>
<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat7" aria-expanded="false" aria-controls="hat7">Week 4 ▼</a>
</p>
<div class="collapse" id="hat7">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_4_lb_june.pdf"></iframe></div>
</div>
<br>

<p class="pl-20 pr-20" style="font-size:25px"><strong>Month:July</strong></p>
<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat8" aria-expanded="false" aria-controls="hat8">Week 1 ▼</a>
  </p>
<div class="collapse" id="hat8">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_1_lb_july.pdf"></iframe>
</div></div><br>

<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat9" aria-expanded="false" aria-controls="hat9">Week 3 ▼</a>
  </p>
<div class="collapse" id="hat9">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_3_lb_july.pdf"></iframe>
</div></div><br>

<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat10" aria-expanded="false" aria-controls="hat10">Week 4 ▼</a>
  </p>
<div class="collapse" id="hat10">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_4_lb_july.pdf"></iframe>
</div></div><br>
<p class="pl-20 pr-20" style="font-size:25px"><strong>Month:August</strong></p>
<p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat11" aria-expanded="false" aria-controls="hat11">Week 1 ▼</a>
  </p>
<div class="collapse" id="hat11">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/week_1_lb_aug.pdf"></iframe>
</div></div><br>
</div><br>


<p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat12" aria-expanded="false" aria-controls="hat12">2. Notebook On Fungus ▼</a>
  </p>
<div class="collapse" id="hat12">

  <p class="pl-20 pr-20" style="font-size:25px"><strong>Month: May</strong></p>
    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat13" aria-expanded="false" aria-controls="hat13">Week 1 ▼</a>
      </p>
    <div class="collapse" id="hat13">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_1_f.pdf"></iframe></div>
  </div>
  <br>

    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat14" aria-expanded="false" aria-controls="hat14">Week 3 ▼</a>
      </p>
    <div class="collapse" id="hat14">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_3_f.pdf"></iframe>
  </div></div><br>


  <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat15" aria-expanded="false" aria-controls="hat15">Week 4 ▼</a>
    </p>
  <div class="collapse" id="hat15">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_4_f.pdf"></iframe></div>
  </div>
  <br>

  <p class="pl-20 pr-20" style="font-size:25px"><strong>Month: June</strong></p>
    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat16" aria-expanded="false" aria-controls="hat16">Week 1 ▼</a>
      </p>
    <div class="collapse" id="hat16">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_1_f_june.pdf"></iframe></div>
  </div>
  <br>

    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat17" aria-expanded="false" aria-controls="hat17">Week 2 ▼</a>
      </p>
    <div class="collapse" id="hat17">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_2_f_june.pdf"></iframe>
  </div></div><br>


  <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat18" aria-expanded="false" aria-controls="hat18">Week 3 ▼</a>
    </p>
  <div class="collapse" id="hat18">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_3_f_june.pdf"></iframe></div>
  </div>
  <br>

  <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat19" aria-expanded="false" aria-controls="hat19">Week 4 ▼</a>
    </p>
  <div class="collapse" id="hat19">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_4_f_june.pdf"></iframe></div>
  </div>
  <br>
  <p class="pl-20 pr-20" style="font-size:25px"><strong>Month: July</strong></p>
    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat20" aria-expanded="false" aria-controls="hat20">Week 2 ▼</a>
      </p>
    <div class="collapse" id="hat20">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_2_f_july.pdf"></iframe></div>
  </div>
  <br>

    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat21" aria-expanded="false" aria-controls="hat21">Week 3 ▼</a>
      </p>
    <div class="collapse" id="hat21">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/week_3_f_july.pdf"></iframe>
  </div></div><br>
</div><br>
<p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat22" aria-expanded="false" aria-controls="hat22">3. Notebook On Wheat ▼</a>
  </p>
<div class="collapse" id="hat22">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/docs/Notebook/wheat.pdf"></iframe>
  </div></div><br>

  <p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat23" aria-expanded="false" aria-controls="hat23">4. Notebook On Math Modeling Experiments ▼</a>
    </p>
  <div class="collapse" id="hat23">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/math_model.pdf"></iframe>
    </div></div><br>


    <p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat24" aria-expanded="false" aria-controls="hat24">5. Notebook on BC1 and BC2 ▼</a>
      </p>
    <div class="collapse" id="hat24">
    <p class="pl-20 pr-20" style="font-size:25px"><strong>Month: July</strong></p>
      <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat25" aria-expanded="false" aria-controls="hat25">Week 4 ▼</a>
        </p>
      <div class="collapse" id="hat25">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_4_july.pdf"></iframe></div>
    </div>
    <br>


    <p class="pl-20 pr-20" style="font-size:25px"><strong>Month: August</strong></p>
      <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat26" aria-expanded="false" aria-controls="hat26">Week 1 ▼</a>
        </p>
      <div class="collapse" id="hat26">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_1_aug.pdf"></iframe></div>
    </div>
    <br>

      <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat27" aria-expanded="false" aria-controls="hat27">Week 2 ▼</a>
        </p>
      <div class="collapse" id="hat27">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_2_aug.pdf"></iframe>
    </div></div><br>


    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat28" aria-expanded="false" aria-controls="hat28">Week 3 ▼</a>
      </p>
    <div class="collapse" id="hat28">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_3_aug.pdf"></iframe></div>
    </div>
    <br>

    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat29" aria-expanded="false" aria-controls="hat29">Week 4 ▼</a>
      </p>
    <div class="collapse" id="hat29">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_4_aug.pdf"></iframe></div>
    </div>
    <br>


    <p class="pl-20 pr-20" style="font-size:25px"><strong>Month: Sepetmber</strong></p>
      <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat30" aria-expanded="false" aria-controls="hat30">Week 1 ▼</a>
        </p>
      <div class="collapse" id="hat30">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_1_sept.pdf"></iframe></div>
    </div>
    <br>

    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat31" aria-expanded="false" aria-controls="hat31">Week 2 ▼</a>
      </p>
    <div class="collapse" id="hat31">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_2_sept.pdf"></iframe></div>
    </div>
    <br>


    <p class="pl-20 pr-20" style="font-size:23px"><a class="text-warning" data-toggle="collapse" href="#hat32" aria-expanded="false" aria-controls="hat32">Week 4 ▼</a>
      </p>
    <div class="collapse" id="hat32">
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="assets/docs/Notebook/bac_week_4_sept.pdf"></iframe></div>
    </div>
    <br>
</div><br>

<p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat33" aria-expanded="false" aria-controls="hat33">6. Notebook on <i>Streptomyces</i> ▼</a>
  </p>
<div class="collapse" id="hat33">

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/st_sept.pdf"></iframe></div>
</div>
<br>

<p class="pl-20 pr-20" style="font-size:30px"><a class="text-warning" data-toggle="collapse" href="#hat34" aria-expanded="false" aria-controls="hat34">7. Colloidal Chitin Preparation and Assay ▼</a>
  </p>
<div class="collapse" id="hat34">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="assets/docs/Notebook/assay.pdf"></iframe></div>
</div>
<br>

        <!--? End Area Start -->
        <div class="our-cases-area section-padding10">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-10 col-lg-10 ">
                        <!-- Section Tittle -->
                        <div class="section-tittle text-left mb-30">
                                <!--<p class="text-center">The sequences that we created are codon-optimized in order to clone and express them in <i>E. coli</i>.</p>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- About Area End -->
    </main>
    <footer>
        <div class="footer-wrapper">
           <!-- Footer Start-->
           <div class="footer-area footer-padding">
               <div class="container ">
                   <div class="row justify-content-between">
                       <div class="col-xl-4 col-lg-3 col-md-8 col-sm-8">
                           <div class="single-footer-caption mb-50">
                               <div class="single-footer-caption mb-30">
                                   <!-- logo -->
                                   <div class="footer-logo mb-35">
                                       <a href="index.html"><img src="assets/img/logo/logo2_footer.png" alt=""></a>
                                   </div>
                                   <div class="footer-tittle">
                                       <div class="footer-pera">
                                           <p>The iGEM Team of IISER Thiruvananthapuram</p>
                                       </div>
                                   </div>
                                   <!-- social -->
                                   <div class="footer-social">
                                       <a href="https://twitter.com/igem_iisertvm"><i class="fab fa-twitter"></i></a>
                                       <a href="https://instagram.com/igem_iisertvm"><i class="fab fa-instagram"></i></a>
                                       <a href="https://www.youtube.com/channel/UC20hJ-yyGrhZH2PbUrRyI8w"><i class="fab fa-youtube"></i></a>
                                       <a href="https://linktr.ee/igem_iisertvm"><i class="fas fa-link"></i></a>
                                   </div>
                               </div>
                           </div>
                       </div>
                       <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                           <div class="single-footer-caption mb-50">
                               <div class="footer-tittle">
                                   <h4>Some Links</h4>
                                   <ul>
                                       <li><a href="#">Info 1</a></li>
                                       <li><a href="#">Info 2</a></li>
                                       <li><a href="#">Info 3</a></li>
                                       <li><a href="#">Info 4</a></li>
                                       <li><a href="#">Info 5</a></li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                       <div class="col-xl-2 col-lg-2 col-md-4 col-sm-4">
                           <div class="single-footer-caption mb-50">
                               <div class="footer-tittle">
                                   <h4>iGEM Team</h4>
                                   <ul>
                                       <li><a href="#">About</a></li>
                                       <li><a href="#">Review</a></li>
                                       <li><a href="#">Info</a></li>
                                       <li><a href="#">Human</a></li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                       <div class="col-xl-3 col-lg-4 col-md-6 col-sm-4">
                           <div class="single-footer-caption mb-50">
                               <div class="footer-tittle">
                                   <h4>Contact us</h4>
                                   <ul>
                                       <li><a href="#">igem@iisertvm.ac.in</a></li>
                                       <li><a href="#">Vithura, IISER TVM</a></li>
                                       <li><a href="#">Maruthamala PO</a></li>
                                       <li class="number"><a href="#">(+91) 8240966465</a></li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
           <!-- footer-bottom area -->
           <!--<div class="footer-bottom-area">
               <div class="container">
                   <div class="footer-border">
                       <div class="row d-flex align-items-center">
                           <div class="col-xl-12 ">
                               <div class="footer-copy-right text-center">
                                  <p>
                                      Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved.
                                  </p>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>-->
              <!-- Footer End-->
          </div>
      </footer>

      <!-- Scroll Up -->
      <div id="back-top" >
        <a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
    </div>

    <!-- JS here -->

    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js"></script>
    <script src="./assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <!-- Jquery, Popper, Bootstrap -->
    <script src="./assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="./assets/js/popper.min.js"></script>
    <script src="./assets/js/bootstrap.min.js"></script>
    <!-- Jquery Mobile Menu -->
    <script src="./assets/js/jquery.slicknav.min.js"></script>

    <!-- Jquery Slick , Owl-Carousel Plugins -->
    <script src="./assets/js/owl.carousel.min.js"></script>
    <script src="./assets/js/slick.min.js"></script>
    <!-- One Page, Animated-HeadLin -->
    <script src="./assets/js/wow.min.js"></script>
    <script src="./assets/js/animated.headline.js"></script>
    <script src="./assets/js/jquery.magnific-popup.js"></script>

    <!-- Date Picker -->
    <script src="./assets/js/gijgo.min.js"></script>
    <!-- Nice-select, sticky -->
    <script src="./assets/js/jquery.nice-select.min.js"></script>
    <script src="./assets/js/jquery.sticky.js"></script>
    <!-- Progress -->
    <script src="./assets/js/jquery.barfiller.js"></script>

    <!-- counter , waypoint,Hover Direction -->
    <script src="./assets/js/jquery.counterup.min.js"></script>
    <script src="./assets/js/waypoints.min.js"></script>
    <script src="./assets/js/jquery.countdown.min.js"></script>
    <script src="./assets/js/hover-direction-snake.min.js"></script>

    <!-- contact js -->
    <script src="./assets/js/contact.js"></script>
    <script src="./assets/js/jquery.form.js"></script>
    <script src="./assets/js/jquery.validate.min.js"></script>
    <script src="./assets/js/mail-script.js"></script>
    <script src="./assets/js/jquery.ajaxchimp.min.js"></script>

    <!-- Jquery Plugins, main Jquery -->
    <script src="./assets/js/plugins.js"></script>
    <script src="./assets/js/main.js"></script>

</body>
</html>