index.html

<!DOCTYPE html>
<html lang="en">
<head>
     
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
 
     <title>IMPRINTS OFFICIAL</title>

     
     <link rel="icon" type="image/ico" href="/images/Fingerprint.ico">
     <link href="https://fonts.googleapis.com/css2?family=Alata&family=Lobster&family=Roboto:wght@200&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.9/fullpage.min.css" integrity="sha512-8M8By+q+SldLyFJbybaHoAPD6g07xyOcscIOQEypDzBS+sTde5d6mlK2ANIZPnSyxZUqJfCNuaIvjBUi8/RS0w==" crossorigin="anonymous" />    

      <!-- build:css css/main.css -->
      <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
      <link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">
      <link rel="stylesheet" href="node_modules/mdbootstrap/css/bootstrap.min.css">
      <link rel="stylesheet" href="node_modules/mdbootstrap/css/mdb.min.css">
      <link rel="stylesheet" href="node_modules/mdbootstrap/css/style.css">
      <link rel="stylesheet" href="css/styles.css">
      <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css"> 
      <!-- endbuild -->
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
</head>
<body>
    <nav class="navbar fixed-top navbar-expand-md navbar-dark scrolling-navbar" style="overflow-y: auto;min-height: 10vh; background-color: #240112; color: white; border-bottom: 3px solid #f11045">
        <a class="navbar-brand" href="#home"><img class="img-fluid" src="images/1592892302703.png" style="height: 40px;"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent" >
          <ul class="navbar-nav mr-auto smooth-scroll">
            <li class="nav-item">
              <a class="nav-link" href="#home">HOME</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#about">ABOUT</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#ncore">NCORE</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#smiles">SMILES</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#gallery">GALLERY</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#contact">CONTACT US</a>
            </li>
          </ul>
          <div class="navbar-nav ml-auto">
            <span class="btn-info btn btn-block btn-rounded fd-btn"  data-toggle="modal" data-target="#elegantModalForm" style="background: #f11045;">
              Connect With Us
            </span>
          </div>
        </div>
      </nav>

      <div id="announcementModal" class="modal" role="dialog" style="display:flex; align-content: center;" >
        <div class="modal-dialog modal-lg" role="content">
            <div class="modal-content" style="max-width: 450px;">
                <div class="modal-header" style="background:initial;">
                    <h4 class="modal-title"></h4>
                    <button type="button" class="close" data-dismiss="modal" style="width:initial; height:initial">&times;</button>
                </div>
                <div class="modal-body">
                   <div class="row">
                     <div class="col">
                      <img class="img-fluid" src="./images/announcement2.jpeg" style="max-height: 600px;" >
                     </div>
                   </div>
                </div>
            </div>
        </div>
    </div>


      <!-----------Modal start---------------->

        <div class="modal fade" id="elegantModalForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog " role="document">
            <div class="modal-content form-elegant" style="background: url(./images/masthead.jpg);background-blend-mode: screen;background-position-x: center;">
              <div class="modal-header text-center">
                <h3 class="modal-title mt-auto mb-auto dark-text ml-auto mr-auto" id="myModalLabel"><strong>Connect With Us</strong></h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="width: auto;">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body mx-4">
                <form name="gform" id="gform" enctype="text/plain" action="https://docs.google.com/forms/d/e/1FAIpQLSckCpmNnbBxaBqOgGyEAItjguRSda9dGBGQJCV-qgmkIDBAsw/formResponse?" target="hidden_iframe" onsubmit="submitted=true;">
                  <div class="md-form">
                    <i class="fa fa-user prefix grey-text"></i>
                    <input type="text" id="entry.989038492" name="entry.989038492" required class="form-control validate" style="background-color: rgba(255, 255, 255, 0.76); border-radius:5px" >
                    <label data-error="wrong" data-success="right" for="Form-pass1"> &nbsp; Your Name</label>
                  </div>
                  <div class="md-form">
                    <i class="fa fa-mobile prefix grey-text"></i>
                    <input type="tel" id="entry.1623478260" name="entry.1623478260" class="form-control validate" style="background-color: rgba(255, 255, 255, 0.76); border-radius:5px" >
                    <label data-error="wrong" data-success="right" for="Form-pass1"> &nbsp; Your Mobile Number</label>
                  </div>
                  <div class="md-form ">
                    <i class="fa fa-envelope prefix grey-text"></i>
                    <input type="email" id="entry.1950192440" name="entry.1950192440" required class="form-control validate"  style="background-color: rgba(255, 255, 255, 0.76); border-radius:5px">
                    <label data-error="wrong" data-success="right" for="Form-email1"> &nbsp; Your email</label>
                  </div>
                  <div class="md-form">
                    <i class="far fa-comments prefix grey-text"></i>
                    <textarea type="text" id="entry.1210502692" name="entry.1210502692" required class="form-control validate md-textarea" rows="4" style="background-color: rgba(255, 255, 255, 0.76); border-radius:5px"></textarea>
                    <label data-error="wrong" data-success="right" for="Form-pass1"> &nbsp; Your Feedback or Message</label>
                  </div>
                  <div class="text-center mb-3">
                    <button type="submit" class="btn blue-gradient btn-block btn-rounded mr-auto ml-auto">Connect Now</button>
                  </div>
                </form>
                <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {}"></iframe>
                <p class="font-small font-bold dark-text text-right d-flex justify-content-center mb-3 pt-2" style="color: white;"> or reach us through:</p>
                <div class="row my-3 d-flex justify-content-center">
                  <a href="https://www.facebook.com/TransfusingSmiles" class="col" target="_blank">
                    <button type="button" class="btn btn-white btn-rounded btn-block"><i class="fab fa-facebook-f text-center"></i></button>
                  </a>
                  <a href="https://www.instagram.com/imprints._/" class="col" target="_blank">
                    <button type="button" class="btn btn-white btn-rounded btn-block"><i class="fab fa-instagram"></i></button>
                  </a>
                  <a href="mailto:medicalcollegeunion@gmail.com" class="col" target="_blank">
                    <button type="button" class="btn btn-white btn-rounded btn-block"><i class="fab fa-google"></i></button>
                  </a>
                </div>
              </div>
              <div class="modal-footer mx-5 pt-3 mb-1" style="background-color: rgba(0, 0, 0, 0.733);">
                <p class="font-small white-text d-flex justify-content-end">Haven't donated yet : 
                  <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_G5j3tbAfsyOMB0"> </script> </form>                </p>
              </div>
            </div>
          </div>
        </div>

        <!-----------Modal end---------------->


    
    <div id="fullPage">


      <div class="section" id="main" style="background: url('./images/img1.png')">
        <div style="height: 100vh; background-color: rgba(255, 255, 255, 0.774);">
            <div class="container d-flex h-100">
                <div class="row d-none d-md-block align-self-center" >
                  <div class="col-12 zoom " >
                    <img class="img-fluid" src="./images/IMPRINTS LOGO (1).png" >
                  </div>
                  <div class="col-12 text-center" >
                    <h2 >NCORE All india PG entrance mock test - <span style="color: red !important;">Registration Closed</span></h2>
                  </div>
                </div>
                <div class="row d-block d-md-none align-self-center">
                  <div class="col-4 offset-4 zoom">
                    <img class="img-fluid" src="./images/Fingerprint.png" height="150px">
                  </div>
                    <div class="col-12 zoom impcor" >
                    <img class="img-fluid" src="./images/bgxs.png"  >
                  </div>
                  <div class="col-12 text-center mt-3" >
                  <h5>NCORE All india PG entrance mock test - <span><a style="color: red !important;" href="#ncore">Register Now</a></span></h5>
                </div>
                </div>

            </div>
        </div>
    </div>


        <div class="section">
            <div style="position: relative;height: 100vh; background-color: #240112; color: white;">
              <div class="rou" style="background-image: url('./images/masthead.jpg');"></div>
              <div class="container h-100 d-flex aboutcont">
                <div class="row align-self-center">
                    <div class="row darktint">
                      <div class="col-12"> 
                        <h1 class="abouttitle">Who We Are</h1>
                      </div>
                  <div class="col-12 col-lg-6">
                    <p align="justify" style="font-family: 'Roboto', sans-serif;">
                      Imprints,with a touch of heart,is a humanitarian initiative of the College Union-2012  of Calicut Medical College.It was launched in 2012 to cater medical and financial needs of  economically poor children suffering from Type 1 Diabetes, Wilson's Disease and Thalassemia and other diseases keeping their joyful childhood at bay. Since it's establishment Imprints has been a blessing for a large number of parents hammering away to find means to support their child fight their battle.Along with Department of Pediatrics we have been able to fulfill the dreams of hundreds of children in these past 8 years.
Currently Imprints is a Registered society(Reg.No-KKD/CA/718/2017)and the initiative is steered by the students and faculties of the Calicut Medical college.                    </p>
                    <p align="justify" class="d-none d-md-block" style="font-family: 'Roboto', sans-serif;">We would like to expand the ambit of our caring ways to embrace a larger population and it requires your support to do so. We expect your cooperation and support in whatever form it maybe to help us continue this noble task.                    </p>
                  </div>
                </div>
            </div>
        </div>
        </div>
        </div>

<div class="section" id="smile" style="background-image: url('./images/ncorebg.jpeg')">
  <div class="lighttint">
    <div class="container  h-100 d-flex smilecont">
      <div class="slide">
      <div class="row align-self-center" >
        <div class="col-12 col-md-6">
          <div class="row">
        <div class="col-12 ncoretitle"> 
          <h1 class="abouttitle">PG Mock Test</h1>
        </div>
        <div class="col-12 ncorecontent">
          <p align="justify">
            NCORE is an online NEET PG entrance mock test organized by College Union 2020 of Calicut Medical College in association with Egurukul and Dr. Bhatia Medical Coaching Institute. This is a fund raiser program for imprints charitable society. A Registration fee of Rs. 100 will be collected from the candidates and all the earnings will be pooled towards Imprints.          </p>
          <p align="justify">
            The exam will be conducted through E-Gurukul app hence all candidates are requested to install the app beforehand.
          </p>
          <p class="d-none d-md-block">Download the app now! &emsp; <a href="https://play.google.com/store/apps/details?id=com.egurukulapp"><i class="fab fa-google-play fa-2x"></i></a> &emsp; <a href="https://apps.apple.com/in/app/egurukul/id1491444366"><i class="fab fa-apple fa-2x"></i></a></p>
          <p class="d-block d-md-none">Download the app now! &emsp; <a href="https://play.google.com/store/apps/details?id=com.egurukulapp"><i class="fab fa-google-play fa-1x"></i></a> &emsp; <a href="https://apps.apple.com/in/app/egurukul/id1491444366"><i class="fab fa-apple fa-1x"></i></a></p>
        </div>
        </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-8 offset-2 offset-md-0 col-md-12 d-none d-md-block">
              <img class="img-fluid" src="./images/123.png">
            </div>
            <div class="col-8 offset-2 col-md-8 offset-md-2 d d-block">
              <img class="img-fluid" src="./images/logos.png">
            </div>
            <div class="col-12 text-center">
              <button type="button" class="fp-controlArrow fp-next btn" style=" background-color: #f11045; color: white; "disabled>Registration Closed</button>
            </div>
          </div>
        </div>
        </div>
      </div>
      
      <!-- <div class="slide instructions">
        <div class="row">
          <div class="col-12 text-right d-none d-md-block">
            <button type="button" class="fp-controlArrow fp-prev btn" style="background-color: #10cff1; ">Back</button>
          </div>
          <div class="col-12">
            <h2>PLEASE READ THE FOLLOWING INSTRUCTIONS CAREFULLY!</h2>
            <ol>
              <li> Click on the "Pay Now" button and complete the payment of Rs 100, the registration fee.</li>
              <li> 
              <span class="d-none d-md-block">After payment, download the E-gurukul app. &emsp; For Android: &emsp; <a href="https://play.google.com/store/apps/details?id=com.egurukulapp"><i class="fab fa-google-play fa-2x"></i></a> &emsp; For iOS: &emsp; <a href="https://apps.apple.com/in/app/egurukul/id1491444366"><i class="fab fa-apple fa-2x"></i></a></span>
              <span class="d-block d-md-none">After payment, download the E-gurukul app. &emsp; For Android: &emsp; <a href="https://play.google.com/store/apps/details?id=com.egurukulapp"><i class="fab fa-google-play fa-1x"></i></a> &emsp; For iOS: &emsp; <a href="https://apps.apple.com/in/app/egurukul/id1491444366"><i class="fab fa-apple fa-1x"></i></a></span>
              </li>
              <li>
              <span class="d-none d-md-block">After downloading the app join the telegram group with the Bhatia officials and team NCORE. &emsp;Join Now &emsp; <a href="https://t.me/ncoreimprints"><i class="fab fa-telegram fa-2x"></i></a></span>
              <span class="d-block d-md-none">After downloading the app join the telegram group with the Bhatia officials and team NCORE. &emsp;Join Now &emsp; <a href="https://t.me/ncoreimprints"><i class="fab fa-telegram fa-1x"></i></a></span>
              </li>
              <li> Further details regarding the proceedings of the exam will be notified in the telegram group.</li>                     
            </ol>
          </div>
            <div class="col-12 ">
              <div class="razorpay-embed-btn text-center" data-url="https://pages.razorpay.com/pl_G5jQN8aI8XsDLp/view" data-text="Pay Now" data-color="#f11045" data-size="Large">
                <script>
                  (function(){
                    var d=document; var x=!d.getElementById('razorpay-embed-btn-js')
                    if(x){ var s=d.createElement('script'); s.defer=!0;s.id='razorpay-embed-btn-js';
                    s.src='https://cdn.razorpay.com/static/embed_btn/bundle.js';d.body.appendChild(s);} else{var rzp=window['__rzp__'];
                    rzp && rzp.init && rzp.init()}})();
                </script>
              </div>                          
            </div>
            <div class="col-12 text-center d-block d-md-none">
              <button type="button" class="fp-controlArrow fp-prev btn" style="background-color: #10cff1; ">Back</button>
            </div>
        </div> 
     </div>  -->
    </div>
  </div> 
</div>       
        
        <div class="section" id="smile" style="background-image: url('./images/smilesbg.jpeg')">
          <div class="lighttint">
            <div class="container  h-100 d-flex smilecont">
              <div class="slide">
              <div class="row align-self-center" >
                <div class="col-12 col-md-6">
                  <div class="row">
                <div class="col-12"> 
                  <h1 class="abouttitle">Volunteer Programme</h1>
                </div>
                <div class="col-12">
                  <p align="justify">
                      <b>IMPRINTS</b> is a charitable organization that has been operating in our college for many years.
                      Throughout these years students directly collected funds to run our activities.It is also known that Imprints does not have a steady source of income. But <b>"Spreading Thousand Smiles"</b> is an initiative that we have put forward to ensure a hassle free secure income.
                  </p>
                  <p align="justify">
                      In this initiative volunteers pay at least <b>Rs.1000 / - a year</b> that is saving about <b>Rs.3 a day</b> for Imprints
                      We are inviting volunteers to help us by donating Rs.1000 yearly to keep our little mates smile even better.
                  </p>
                </div>
                </div>
                </div>
                <div class="col-12 col-md-6">
                  <div class="row">
                    <div class="col-12 d-none d-md-block">
                      <img class="img-fluid" src="./images/smiles1-removebg-preview.png">
                    </div>
                    <div class="col-12 text-center">
                      <button type="button" class="fp-controlArrow fp-next btn" style=" background-color: #f11045; color: white; ">Register Now</button>
                    </div>
                  </div>
                </div>
                </div>
              </div>
              
              <div class="slide instructions">
                <div class="row">
                  <div class="col-12 text-right d-none d-md-block">
                    <button type="button" class="fp-controlArrow fp-prev btn" style="background-color: #10cff1; ">Back</button>
                  </div>
                  <div class="col-12">
                    <h2>PLEASE READ THE FOLLOWING INSTRUCTIONS CAREFULLY!</h2>
                    <ol>
                      <li> After reading these instructions please click on the 'Pay Now' button below.</li>
                      <li> In the new window please fill in the details regarding your email, phone number and enter the amount being donated. After that click the pay button.</li>
                      <li> You will be awarded with a certificate of appreciation from imprints via email for your kind donation. </li>
                      <li> If you dont receive the certificate within 24 hours, <b>PLEASE CONTACT US</b></li>                     
                    </ol>
                  </div>
                    <div class="col-12 ">
                      <div class="razorpay-embed-btn text-center" data-url="https://pages.razorpay.com/pl_G5jDHlRvXA4CwL/view" data-text="Pay Now" data-color="#f11045" data-size="medium">
                        <script>
                          (function(){
                            var d=document; var x=!d.getElementById('razorpay-embed-btn-js')
                            if(x){ var s=d.createElement('script'); s.defer=!0;s.id='razorpay-embed-btn-js';
                            s.src='https://cdn.razorpay.com/static/embed_btn/bundle.js';d.body.appendChild(s);} else{var rzp=window['__rzp__'];
                            rzp && rzp.init && rzp.init()}})();
                        </script>
                      </div>                       
                    </div>
                    <div class="col-12 text-center d-block d-md-none">
                      <button type="button" class="fp-controlArrow fp-prev btn" style="background-color: #10cff1; ">Back</button>
                    </div>
                </div> 
             </div>
            </div>
          </div> 
        </div>       
        


        <div class="section" style=" height:100vh;">
            <div class="d-block d-md-none">
                <div class="col-12" id="swiper">
                  <br><br><br><br><h3 class="abouttitle pb-2">Gallery</h3><br><br><br>
                    <div class="col-sm-12 col-xs-12">
                        <center>
                        <div class="box">
                          <span style="--i:1;"><img src="gallery/img1.jpeg"></span>
                          <span style="--i:2;"><img src="gallery/img2.jpeg"></span>
                          <span style="--i:3;"><img src="gallery/img3.jpg"></span>
                          <span style="--i:4;"><img src="gallery/img4.jpg"></span>
                          <span style="--i:5;"><img src="gallery/img5.jpg"></span>
                          <span style="--i:6;"><img src="gallery/img6.jpg"></span>
                          <span style="--i:7;"><img src="gallery/img7.jpg"></span>
                          <span style="--i:8;"><img src="gallery/img8.jpg"></span>
                          <span style="--i:9;"><img src="gallery/img9.jpg"></span>
                          <span style="--i:10;"><img src="gallery/img10.jpg"></span>
                          <span style="--i:11;"><img src="gallery/img11.jpeg"></span>
                          <span style="--i:12;"><img src="gallery/img12.jpeg"></span>
                          <span style="--i:13;"><img src="gallery/img13.jpg"></span>
                          <span style="--i:14;"><img src="gallery/img14.jpeg"></span>
                          <span style="--i:15;"><img src="gallery/img15.jpg"></span>
                          <span style="--i:15;"><img src="gallery/img16.jpg"></span>
                        </div>            
                        </center>            
                    </div>
                </div>
            </div> 

            <div class="d-none d-md-block container align-self-center" style="height: 100vh;overflow-x: hidden;overflow-y: hidden;">
              <div id="multi-item-example" class="carousel slide carousel-multi-item carousel-multi-item-2" data-ride="carousel" >
                <br><br><h2 class="pb-2 abouttitle">Gallery</h2>
                <div class="carousel-inner" role="listbox">
                  <div class="carousel-item active">
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img1.jpeg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img2.jpeg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img3.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img4.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img5.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img6.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img7.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img8.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                  </div>
                  <div class="carousel-item">
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img9.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img10.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img11.jpeg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img12.jpeg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img13.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img14.jpeg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img15.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                    <div class="col-md-3 mb-3">
                      <div class="card zoom">
                        <img class="img-fluid hoverable" src="./gallery/img16.jpg"
                          alt="Card image cap">
                      </div>
                    </div>
                  </div>
                </div>
                <div class="controls-top">
                  <center>
                    <a class="black-text" href="#multi-item-example" data-slide="prev"><i class="fa fa-angle-left fa-3x pr-3"></i></a>
                    <a class="black-text" href="#multi-item-example" data-slide="next"><i class="fa fa-angle-right fa-3x pl-3"></i></a>
                  </center>
                </div>
              </div>
            </div>
          </div>
          
          <div class="section">
            <div style="height: 100vh; vertical-align: middle;background-color: #240112;">
              <div class="container d-flex conttop">
                <div class="row align-self-center" style="padding-top: 80px;">
                  <div class="col-md-6 col-12 d-flex justify-content-left msect">
                    <div class="row">
                      <div class="col-12 d-none d-md-block">
                        <div id="map-container-google-11" class="z-depth-1-half map-container-6">
                          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3912.853999340548!2d75.83495611462733!3d11.272140891986298!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba65c761ec9e5ed%3A0x451b0ee9d6098b36!2sCalicut%20Medical%20College%2C%20SH24%2C%20Government%20Medical%20College%20Campus%2C%20Kozhikode%2C%20Kerala%20673008%2C%20India!5e0!3m2!1sen!2sus!4v1592896212102!5m2!1sen!2sus"
                            frameborder="0" style="border:0" allowfullscreen></iframe>
                        </div>
                      </div>
                      <div class="col-12 " style="color: rgb(201, 196, 196);">
                        <span><a class="btn-floating" ><i class="fa fa-map-marker"></i></a></span>
                        <h5>Imprints, Reg. No-KKD/CA/718/2017, Government Medical College Campus, Kozhikode, Kerala, 673008. India</h5>                  
                      </div>
                    </div> 
                  </div>
                  <div class="col-md-6 col-12" style="text-align: center;">
                    <div class="row conttitle"><h4 style="color: #f11045">&emsp;Get In Touch</h4></div>
                    <div class="row cbut" style="color: rgb(201, 196, 196);">
                      <h5 class="col-12">Ummar Faris : 9207555913
                        <span class="con-social-btns">
                          <a href="tel:+91-9207555913">
                            <button class="m-2">
                              <i class="bx fa fa-phone fa-1x"></i>
                              <div class="bg" ></div> 
                            </button>                             
                          </a>
                          <a href="https://api.whatsapp.com/send?phone=919207555913">
                          <button class="m-2">
                              <i class="bx fab fa-whatsapp fa-1x"></i>
                              <div class="bg" ></div>
                          </button>
                          </a>
                        </span>
                      </h5>
                      <h5 class="col-12">Nadha Shafi : 8078009608
                        <span class="con-social-btns">
                          <a href="tel:+91-8078009608">
                            <button class="m-2">
                              <i class="bx fa fa-phone fa-1x"></i>
                              <div class="bg" ></div> 
                            </button>                             
                          </a>
                          <a href="https://api.whatsapp.com/send?phone=918078009608">
                          <button class="m-2">
                              <i class="bx fab fa-whatsapp fa-1x"></i>
                              <div class="bg"></div>
                          </button>
                        </a>
                        </span>
                      </h5>
                    </div>
                    <div class="row conttitle"><h4 style="color: #f11045;">&emsp;Get Social</h4></div>
                    <div class="row">
                      <div class="con-social-btns col-12 cbut2">
                          <a href="https://www.facebook.com/TransfusingSmiles" target="_blank">
                            <button class="col ml-3 mr-3">
                              <i class="bx fab fa-facebook-f fa-2x"></i>
                              <div class="bg"></div>
                            </button>  
                          </a>
                          <a href="https://www.instagram.com/imprints._/" target="_blank">
                            <button class="col ml-3 mr-3">
                              <i class="bx fab fa-instagram fa-2x"></i>
                              <div class="bg"></div>
                            </button>   
                          </a>
                          <a href="mailto:medicalcollegeunion@gmail.com" target="_blank">
                            <button class="col ml-3 mr-3">
                              <i class="bx fa fa-envelope fa-2x"></i>
                              <div class="bg"></div>
                            </button>    
                          </a>                             
                      </div>
                    </div>
                    <div class="row policylinks text-center">
                      <div class="col text-center">
                      <a href="./PolicyDocuments/PRIVACY NOTICE.pdf">Privacy Policy</a>&emsp;
                      <a href="./PolicyDocuments/T&C.pdf">T & C</a>&emsp;
                      <a href="./PolicyDocuments/Return policy.PDF">Return Policy</a>
                    </div>
                    </div>
                  </div>
                </div>
              </div> 
              <footer>
                <div class="row align-content-center d-flex justify-content-center text-center contbot" style="background-color: black;">
                  <span class="col-12 col-md-6" style="margin-top: auto; margin-bottom: auto;" >
                    <a href="http://tensors.in">
                      <img class="img-fluid" src="images/Sci_logo3.png">
                    </a>
                  </span>
                  <div class="col-12 col-md-3 con-social-btns">
                    <a href="https://www.instagram.com/tensors_official/" target="_blank">
                      <button class="col ml-3 mr-3">
                          <i class="bx fab fa-instagram fa-1x" style="opacity: 1;"></i>
                          <div class="bg" style="background: rgb(22, 160, 132);"></div>
                      </button>             
                    </a>
                    <a href="mailto:tensorsofficial@gmail.com" target="_blank">
                      <button class="col ml-3 mr-3">
                          <i class="bx fa fa-envelope fa-1x" style="opacity: 1;"></i>
                          <div class="bg" style="background: rgb(22, 160, 132);"></div>
                      </button>                
                    </a>
                    <a href="https://www.facebook.com/tensorsofficial" target="_blank">
                      <button class="col ml-3 mr-3">
                          <i class="bx fab fa-facebook-f fa-1x" style="opacity: 1;"></i>
                          <div class="bg" style="background: rgb(22, 160, 132);"></div>
                      </button> 
                    </a>
                    <a href="https://www.linkedin.com/company/53201198" target="_blank">
                      <button class="col mr-3 ml-3">
                          <i class="bx fab fa-linkedin fa-1x" style="opacity: 1;"></i>
                          <div class="bg" style="background: rgb(22, 160, 132);"></div>
                      </button>
                    </a>
                  </div>
                  <div class="col-12 col-md-3 order-md-first " style="color: rgb(22, 160, 132); margin-top: auto; margin-bottom: auto;">
                    Copyright <i class="fa fa-copyright"></i> Tensors 2020
                  </div> 
                </div>
                <div class="row">
                </div>
              </footer>
            </div>       
          </div>
          
    </div>   
    
    <footer class="fixed-bottom razbtn p-1" style="text-align: end;font-style: italic;">
      <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_G5j3tbAfsyOMB0"> </script> </form>
    </footer>

    

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.9/fullpage.min.js" integrity="sha512-Gx/C4x1qubng2MWpJIxTPuWch9O88dhFFfpIl3WlqH0jPHtCiNdYsmJBFX0q5gIzFHmwkPzzYTlZC/Q7zgbwCw==" crossorigin="anonymous"></script>
    

    <!-- build:js js/main.js -->
    <script type="text/javascript" src="js/rellax.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.hislide.js" ></script>
    <script type="text/javascript" src="node_modules/mdbootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="node_modules/mdbootstrap/js/popper.min.js"></script>
    <script type="text/javascript" src="node_modules/mdbootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="node_modules/mdbootstrap/js/mdb.min.js"></script>
    <script type="text/javascript" src="js/gf.js"></script>
    <script type="text/javascript" src="js/fp.js"></script>
    <!-- endbuild -->

    <script type="text/javascript">
      $(document).ready(function(){
          $("#announcementModal").modal('show');
      });
  </script>


</body>
</html>