path: root/static/website/templates/home.html

{% load static %}
<!-- Navigation -->
{% block home %} 
<div id="home" data="home"></div>
    <header id="site-header" class="site-header valign-center"> 
        <div class="intro">

        <!-- <p>International conference on Python for education and scientific computing</p><br> -->
        <img alt="" class="img-responsive center-block img-logo" src="{% static 'website/bootstrap-css/assets/images/backgrounds/SciPy_logo.png' %}"><br>
         <h1>SciPy India 2019</h1>
            <h2>29 &amp; 30 November, 2019 / IIT Bombay</h2>

            <a href="#registration" data-scroll class="btn btn-white">Register now</a>
            
        
        </div>
    </header>

    <section id="about" class="section about">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">

                    <h3 class="section-title">About Us</h3>

                    <p class="text-justify">SciPy India is a conference providing opportunities to spread the use of the Python programming language in the Scientific Computing community in India. It provides a unique opportunity to interact with the "Who's who" of the Python for Scientific Computing fraternity and learn, understand, participate, and contribute to Scientific Computing using Python. One of the goals of the conference is to combine education, engineering, and science with computing through the medium of Python.</p>

                </div><!-- /.col-sm-6 -->

                <div class="col-sm-6">

                  <!--  <h3 class="section-title multiple-title">What is Our Goal?</h3>

                    <p class="text-justify">One of the goals of the conference is to combine education, engineering, and science with computing through the medium of Python and thereby extrapolate on how powerful Scientific Computing is in various fields and among different communities.</p>

                    <ul class="list-arrow-right">

                        <li>Have hands on sessions</li>
                    </ul> -->
                     <h3 class="section-title multiple-title" align="center">News and Updates</h3>
                    <a class="twitter-timeline" data-width="500" data-height="380" href="https://twitter.com/SciPyIndia?ref_src=twsrc%5Etfw">Tweets by SciPyIndia</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

                </div><!-- /.col-sm-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section>

    <section id="facts" class="section bg-image-1 facts text-center">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">

                    <i class="ion-ios-calendar"></i>
                    <h3>2019<br>November 29 & 30</h3>
                
                </div>
                <div class="col-sm-3">

                    <i class="ion-ios-location"></i>
                    <h3>Lecture Hall Complex, <br>IIT Bombay</h3>

                </div>
                <div class="col-sm-3">

                    <i class="ion-pricetags"></i>
                    <h3>Over 300<br>Tickets</h3>
                
                </div>
                <div class="col-sm-3">
                
                    <i class="ion-speakerphone"></i>
                    <h3>Speakers on the way</h3>

                </div>
            </div><!-- row -->
        </div><!-- container -->
    </section>

    <section id="speakers" class="section speakers">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <h3 class="section-title">Speakers</h3>
                
                </div>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="speaker">
                    <h4>Keynote Speaker</h4>
                        <figure>
                            <img alt="" class="img-responsive center-block img-rounded" style="width:179px;height:198px;" src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}" data-toggle="modal" data-target="#">
                        </figure>

                        <h4>TBD</h4>

                        <p>TBD</p>
                        <div class="modal fade spkrmodal" id="katyhuff" role="dialog">
                        <div class="modal-dialog">
                          <!-- Modal content-->
                          <div class="modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <h4 class="modal-title">TBD</h4>
                            </div>
                            <div class="modal-body">
                              <p class="text-justify">TBD</p>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
                            </div>
                          </div>
                        </div>
                        </div>

                        <ul class="social-block">
                            <li><a href="#" target="_blank"><i class="fa fa-globe"></i></a></li>
                            <!-- <li><a href="https://www.linkedin.com/in/serge-rey-94748876/" target="_blank"><i class="ion-social-linkedin-outline"></i></a></li> -->
                            <li><a href="#" target="_blank"><i class="ion-social-github"></i></a></li>
                        </ul>

                    </div><!-- /.speaker -->
                </div><!-- /.col-md-4 -->

                <div class="col-md-4">
                    <div class="speaker">
                    <h4>Keynote Speaker</h4>
                        <figure>
                            <img alt="" class="img-responsive center-block img-rounded" style="width:179px;height:198px;" src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}" data-toggle="modal" data-target="#">
                        </figure>

                        <h4>TBD</h4>

                        <p>TBD</p>
                        <div class="modal fade spkrmodal" id="katyhuff" role="dialog">
                        <div class="modal-dialog">
                          <!-- Modal content-->
                          <div class="modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <h4 class="modal-title">TBD</h4>
                            </div>
                            <div class="modal-body">
                              <p class="text-justify">TBD</p>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
                            </div>
                          </div>
                        </div>
                        </div>

                        <ul class="social-block">
                            <li><a href="#" target="_blank"><i class="fa fa-globe"></i></a></li>
                            <!-- <li><a href="https://www.linkedin.com/in/serge-rey-94748876/" target="_blank"><i class="ion-social-linkedin-outline"></i></a></li> -->
                            <li><a href="#" target="_blank"><i class="ion-social-github"></i></a></li>
                        </ul>

                    </div><!-- /.speaker -->
                </div><!-- /.col-md-4 -->

                <div class="col-md-6">
                    <div class="speaker">
                    <h4>Keynote Speaker</h4>
                        <figure>
                            <img alt="" class="img-responsive center-block img-rounded" style="width:179px;height:198px;" src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}" data-toggle="modal" data-target="#">
                        </figure>

                        <h4>TBD</h4>

                        <p>TBD</p>
                        <div class="modal fade spkrmodal" id="katyhuff" role="dialog">
                        <div class="modal-dialog">
                          <!-- Modal content-->
                          <div class="modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <h4 class="modal-title">TBD</h4>
                            </div>
                            <div class="modal-body">
                              <p class="text-justify">TBD</p>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
                            </div>
                          </div>
                        </div>
                        </div>

                        <ul class="social-block">
                            <li><a href="#" target="_blank"><i class="fa fa-globe"></i></a></li>
                            <!-- <li><a href="https://www.linkedin.com/in/serge-rey-94748876/" target="_blank"><i class="ion-social-linkedin-outline"></i></a></li> -->
                            <li><a href="#" target="_blank"><i class="ion-social-github"></i></a></li>
                        </ul>

                    </div><!-- /.speaker -->
                </div><!-- /.col-md-4 -->
            </div><!-- /.row -->
        </div>
    </section>

    <section id="registration" class="section registration">
      <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Registration</h3>
                </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <p class="text-justify" style="color: red;font-weight: bold;">
                Online registrations are now closed. If you still wish to attend the conference, we have spot registrations subject to availability.
                </p>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                  <table class="table table-bordered table-responsive" style="font-weight: 400;">
                    <colgroup>
                     <col width="15%" />
                     <col width="60%" />
                    </colgroup>
                    <tr  class="schedule-header" style="font-weight: bold;">
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                            Registration Type
                        </div>
                    </td>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                            Description
                        </div>
                    </td>
                    </tr>
                    <tr>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          Early Bird<br>
                          (till 1 Oct 2019) <br>
                          INR 1534 (INR 1300 +18% GST)
                        </div>
                    </td>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          <p class="text-justify">This ticket includes conference (tutorials + talks), lunch, and snacks for 2 days. It does not include Accommodation &amp; T-Shirt. This is a non-refundable ticket. </p>
                        </div>
                    </td>
                    </tr> 
                    <tr>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          Regular<br>
                          ( 2 Oct to 25 Nov 2019)<br>
                           INR 1770 (INR 1500 +18% GST)
                        </div>
                    </td>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          This ticket includes conference (tutorials + talks), lunch and snacks for 2 days. It does not include Accommodation &amp; T-Shirt. This is a non-refundable ticket.
                        </div>
                    </td>
                    </tr>
                    <tr>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          Lite<br>
                          (till 28 Nov 2019)<br>
                          INR 826 (INR 700 +18% GST)
                        </div>
                    </td>
                    <!-- <td style="border-top:none;!important">
                        <div class="align-baseline">
                          <p class="text-justify">This Ticket allows you to <strong>ONLY</strong> attend the conference for 2 Days (snacks for two days will be served). Does not include any conference amenities (Accommodation, Lunch &amp; T-shirt).This is a non-refundable ticket.  </p>
                        </div>
                    </td>
                    </tr>
                    <tr>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          <strong>On-Spot Registration</strong>
                          <br>Regular - INR 2000 <br>(Inclusive of GST)
                          <br>Subject to Availability

                        </div>
                    </td> -->
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          This ticket includes conference (tutorials + talks), lunch and snacks for 2 days. It does not include Accommodation &amp; T-Shirt. This is a non-refundable ticket. 
                        </div>
                    </td>
                    </tr>
                    <tr>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          <strong>On-Spot Registration</strong><br>
                            Lite - INR 1000 <br>
                            (Inclusive of GST)<br>
                            Subject to Availability

                        </div>
                    </td>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          <p class="text-justify">
                            This ticket allows you to <strong>ONLY</strong> attend the conference (tutorials + talks) for 2 Days (snacks for two days will be served). Does not include Accommodation, Lunch &amp; T-Shirt. This is a non-refundable ticket. 
                          </p>
                        </div>
                    </td>
                    </tr>

                  <!--  <tr>

              <td colspan="2">
              <p class="text-justify"><span><b>Payment instructions:</b></span></p>
                <p><span class="text-justify">Please read the instructions carefully, before proceeding for Registration.</span></p>
                <ol>
                <li><span class="text-justify">Please make the payment for the conference through Net banking using NEFT or RTGS or IMPS</span></li>
                <li><span class="text-justify">Account Details for transaction are mentioned below:</span></li>
                <ul>
                <li><span class="text-justify">Account Holder Name - The Registrar, IIT Bombay</span></li>
                <li><span class="text-justify">Bank Name - State Bank of India</span></li>
                <li><span class="text-justify">Branch Name - IIT, Powai Branch</span></li>
                <li><span class="text-justify">Bank address - Adi Shankaracharya marg, IIT Bombay, Powai, Mumbai - 400076</span></li>
                <li><span class="text-justify">9-Digit Code no. of the bank and the branch - 400002034</span></li>
                <li><span class="text-justify">Account number - 10725729128</span></li>
                <li><span class="text-justify">IFSC Code/ NEFT/ RTGS code - SBIN0001109</span></li>
                <li><span class="text-justify">Swift Code - SBININBB519</span></li>
                </ul>
                <li><span class="text-justify">After successful payment take the screenshot of the final transaction. Save this screenshot as you have to upload it in the form. </span></li>
                <li><span class="text-justify">Collect your transaction reference number / UTR number from the bank. Note it down somewhere you have to fill this detail in the form as well.</span></li>
                <li><span class="text-justify">After verification of your payment by our team, we shall send you the ticket for the conference via email. This shall take 10 days.</span>
                </li>
                </ol>
              </td>
              </tr> -->
                  </table>
                </div>
            </div>
            <div class="row">
            <div class="col-md-12">
            <!--
            <p class="text-justify" style="color: red;">
                *Spot registration will be subject to availability.
                </p> -->
            <h3 style="background-color: #7a9725;color: #fff;" class="col-sm-2">Add ons</h3>
              </div>
            </div>
            <div class="row">
            <div class="col-md-12">
            <table class="table table-bordered table-responsive" style="font-weight: 400;">
              <tr>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                  Accomodation <br>
                  INR 600
                </div>
              </td>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                 <ul>
                <li>Accommodation is provided on a shared basis inside IIT-B campus. Accommodation will be provided for 2 days, i.e, 20-21 and 21-22 December. Accommodation does not include other amenities like dinner, etc. Extension of period of stay is not available. This is a non-refundable ticket and non-transferable ticket. </li>
                <li>A low-cost accommodation will be provided on sharing basis.</li>    
                <li><strong>You have to make the payment directly at the the registration desk in cash.</strong></li>
                <li style="color: red;">*Accommodation is subject to availability for On-spot registrations.</li>
                </ul> 
                </div>
              </td>
              </tr>
              <tr>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                  T Shirt<br>
                  INR 350
                </div>
              </td>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                  Change of size, exchange at the venue is not available. This is a non-refundable ticket and non-transferable ticket. The T-shirt cost will be INR 350/- each. <strong>You will have to make the payment at the registration desk in cash.</strong>
                </div>
              </td>
              </tr>
            </table>
            </div>
            </div>
            <!-- <div class="row">
                <div class="col-md-12">
                    <span><strong>Note:</strong> <ul style="color: red;">
                        <li>
                            You may attend the conference without submitting a proposal for workshop/paper.
                        </li>
                        <li>
                            If you are a group of 5 or more, write to us at <strong><a href="mailto:scipy@fossee.in" style="color: red;">scipy[at]fossee[dot]in</a></strong> to know the discounted rate.
                        </li>
                    </ul></span>
                </div>
            </div> -->
            <div class="row">
              <div class="col-md-12">
              <center>
                <a href ="https://docs.google.com/forms/d/e/1FAIpQLSdJIZKToHp_L68op-pqQlvI2SyPwCo5-9PAyVh4lOu8vSd1sw/viewform" class="btn btn-primary" target ="_blank">Register now</a>
              </center>
              </div>
            </div>
      </div>      
    </section>

    <section id="important_dates" class="section important_dates">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Important dates</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <h4>Call for Papers opens on: TBD</h4>
                </div>
                <div class="col-md-6">
                    <h4>Call for Papers closes on: TBD</h4>
                </div>
            </div>
        </div>
    </section>

    <section id="contribution" class="section contribution">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Call for Papers</h3>
                    
                    <p>We invite you to submit proposals for talks or workshops to be presented at SciPy 2019. The time duration for talks is 15 minutes and for workshops is 2 to 3 hours. There will be two parallel tracks for the workshops this year. One track is meant for beginners and the other is for advanced users. </p>
                    <a href="{% url 'website:cfp' %}" class="btn btn-white">
                    Submit</a>
                </div>
            </div>
            <div class="row">
            <div class="col-md-12">
                <p class="text-justify" style="font-weight: bold;color: red;">
                    Call for Papers is closed.
                </p>
                <p class="text-justify">
                    Kindly <a href="{% url 'auth:login' %}" style="text-decoration: underline;font-weight: bold;">login</a> to view the status of your submission.
                </p>
            </div>
            </div>
        </div>
    </section>

    <section id="cod" class="section cod">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Code Of Conduct</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                     <p class="text-justify">We appreciate your participation in SciPy 2019. We want you to have an enjoyable and enriching experience in the conference. For this all the attendees are required to conform to the following Code of Conduct. Organisers will ensure that it is enforced throughout the event.
                     <div id="demo" class="collapse">
                        <div class="card-text">
                           <p>SciPy India is dedicated to providing a harassment-free conference experience for everyone, regardless of age, gender, sexual orientation, physical appearance, disability, race, religion or employment.
                           </p>
                           <p>Harassment includes offensive verbal comments related to gender, sexual orientation, disability, physical appearance, body size, race, religion, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention. We have zero tolerance on harassment of conference participants in any form, including, but not limited to the activities mentioned here.
                           </p>
                           <p>Participants asked to stop any harassing behavior are expected to comply immediately.
                           </p>
                           <p>All communication should be appropriate for a professional audience, including people from many different backgrounds. Sexual language or imagery is inappropriate for all aspects of the conference, including talks. Remember that sexist, racist or any other form of exclusionary or offensive jokes or excessive public swearing are not appropriate at any venue of SciPy India.
                           </p>
                           <p>Do not insult or put down attendees or engage in any action that violates the open, welcoming and sharing spirit of the conference. Be kind and sensitive to the people around you when you are attending the conference, and avoid any kind of offensive or degrading behavior.
                           </p>
                           <p>
                              <b>If a participant engages in behavior that violates this code of conduct, the conference organizers may take any action they deem appropriate, including warning the offender or expulsion from the conference with no refund.
                              </b>
                           </p>
                           <p>Thank you for helping to make SciPy India a welcoming, friendly event for all.
                           </p>
                           <p>
                              <b>Contact Information:
                              </b>
                           </p>
                           <p>If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact a member of conference staff. Conference staff will be wearing "SciPy India: Organiser" badges.
                           </p>
                           <p>Conference staff will be happy to help participants contact venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance.
                           </p>
                           <p>
                              <b>License:
                              </b>
                           </p>
                           <p>This Code of Conduct was forked from PSF Code of Conduct by Python Software Foundation which is under a Creative Commons Attribution 3.0 Unported License.
                           </p>
                           <p>SciPy India Conference Code of Conduct is licensed under a Creative Commons Attribution 3.0 Unported License.
                           </p>
                        </div>

                     </div>
                     <center>
                        <button type="button" class="btn btn-black" data-toggle="collapse" data-target="#demo">
                            <i class="fa fa-arrow-down" aria-hidden="true"></i>
                            <i class="fa fa-arrow-up" aria-hidden="true"></i>
                        </button>
                    </center>
            </div>
    </section>


    <section id="schedule" class="section schedule" style="font-weight: 400;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Tentative Schedule</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12">
  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#day1">29 Nov 2019</a></li>
    <li><a data-toggle="tab" href="#day2">30 Nov 2019</a></li>
  </ul>

  <div class="tab-content">
    <div id="day1" class="tab-pane fade in active">
      <center><h3>Day 1 </h3></center>
        TBD
    </div>
    <div id="day2" class="tab-pane fade">
      <center><h3>Day 2</h3></center>
     TBD

    </div>
    </div>
  </div>

                </div>
            </div>
    </section>

    <section id="instructions" class="section instructions" style="font-weight: 400;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                <h3 class="section-title">Instructions</h3>
                    <table class="table table-bordered" style="text-align: justify;">
                     <tbody>
                        <tr>
                           <td>General Instructions</td>
                           <td width="60%">These instructions give you details about the venue and accommodation. It will also help you during the stay at IIT Bombay. </td>
                           <td><a href="https://static.fossee.in/python/scipy2018/Information-Guide-for-SciPy-India-2018-Conference.pdf" target="_blank">View here</a> </td>
                        </tr>
                        <!--
                        <tr>
                           <td>SciPy 2017: <br>Preferred Workshop Track</td>
                           <td>Please select the workshop in which you wish to participate (Satellite conference registrants need not submit this form).</td>
                           <td><a href="http://tinyurl.com/SciPy2016-Workshop" target="_blank">View here</a> </td>
                        </tr> -->
                        <tr>
                           <td>Workshop Instructions</td>
                           <td>These instructions are for all the registered participants. It has the details of the workshops which will be conducted in SciPy India 2018 conference. Please read it carefully and follow the steps to install various software packages.<br>
                              <b>Note:</b> You will not be able to participate in the workshops without installing the above packages. There will not be any separate setup session at the venue.
                           </td>
                           <td><a href="https://static.fossee.in/python/scipy2018/SciPyIndia-2018-Instruction-Sheet.pdf" target="_blank">View here</a> </td>
                        </tr>
                        <!--<tr >
                           <td>Workshop Material </td>
                           <td >1)<b> Workshop</b>: Introductory Scientific Computing with Python: Ipython, Matplotlib, NumPy, SciPy - Prof. Prabhu Ramachandran<br></td>
                           <td><a href="http://scipy.in/2016/downloads/workshop/intro_scipy_circulate.zip" target="_blank">View here</a> </td>
                        </tr>-->
                     </tbody>
                     </table>
                </div>
            </div>
        </div>
    </section>

    <section id="venue" class="section venue">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <h3 class="section-title">Venue</h3>
                    <address>
                        <p>Lecture Hall Complex<br> IIT Bombay</p>
                    </address>
                </div>
                <div class="col-sm-9">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3769.472585331343!2d72.916895!3d19.130779999999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f4215f57bf%3A0xcf0c03ea45a113e1!2sLecture+Hall+Complex+(LHC)!5e0!3m2!1sen!2sin!4v1434726932900" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </section>
    
    <section id="organiser" class="section organiser">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Organiser</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <a href="https://fossee.in"class="organiser-box organiser-box-1" target="_blank"></a>
                    <p class="text-justify">The Annual SciPy India conference is organised by the team members of FOSSEE project which is part of the National Mission on Education through ICT with the thrust area being Adaptation and deployment of open source simulation packages equivalent to proprietary software, funded by MHRD, based at the Indian Institute of Technology Bombay (IITB). </p>
                </div>
            </div>
    </section>


    <section id="sponsor" class="section sponsor">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Sponsor</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <a href="http://mhrd.gov.in" class="sponsor-box sponsor-box-1" target="_blank"></a>
                </div>
            </div>
             <div class="row">
                <div class="col-sm-12">
                    <p class="text-justify">
                        Thank you for your interest to sponsor Scipy India 2018.</p>
<p class="text-justify">
    SciPy India, an annual conference organized by FOSSEE (Free and Open Source Software for Education) based at IIT Bombay, provides the opportunity to unfurl the use of the Python programming language in the Scientific Computing community in India. SciPy India being organized since 2009, attracts more than 250 students and faculty every year. This conference provides the participants with a unique opportunity to interact and connect with the Python community.
</p><p class="text-justify">
    Here’s a call to the interested organizations to sponsor this conference and get associated with the event. Through this sponsorship, you could engage with top professionals and enhance your organization’s brand visibility amongst Python users.
                    </p>
                </div>
            </div>
    </section>

    <section id="poster" class="section poster">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Poster</h3>
                </div>
            </div>
             <div class="row">
                <div class="col-md-8">
                    <p class="text-justify">
                        We request you to share the event details through this poster with faculty members, students and others who might be interested. You may print the poster (native size - A4) and display on the notice boards.

                      Download the poster by clicking on the image.  
                    </p>
                </div>
                <div class="col-md-4">
                    <a href="{% static 'website/bootstrap-css/assets/pdf/SciPy2018_pstr.pdf'%}" target="_blank"><img class="img-responsive center-block img-logo" src="{% static 'website/bootstrap-css/assets/images/SciPy2018_thmb.png' %}"></a>
                </div>
            </div>
    </section>

<!--    <section id="faq" class="section faq">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Event FAQs</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingOne">
                                <h4 class="panel-title">
                                    <a class="faq-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What is the price of the ticket ?</a>
                                </h4>
                            </div>

                            <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                                <div class="panel-body">
                                    <h3>TBD</h3>
                                    <p>Follow on facebook</p>
                                </div>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingTwo">
                                <h4 class="panel-title">
                                    <a class="faq-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> What is included in my ticket ?</a>
                                </h4>
                            </div>

                            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                <div class="panel-body">Depends</div>
                            </div>
                        </div>
  
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingThree">
                                <h4 class="panel-title">
                                    <a class="faq-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Office address ?</a>
                                </h4>
                            </div>

                            <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                <div class="panel-body">IIT Bombay</div>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingFour">
                                <h4 class="panel-title">
                                    <a class="faq-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> How should I dress ?</a>
                                </h4>
                            </div>

                            <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                                <div class="panel-body">Decent formal wear</div>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingFive">
                                <h4 class="panel-title">
                                    <a class="faq-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> I have specific questions that are not addressed here. Who can help me ?</a>
                                </h4>
                            </div>

                            <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                                <div class="panel-body">Drop your query through email to info[at]fossee[dot]in</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>-->

    <section id="photos" class="section photos">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Memories of <span style="text-transform: none;">SciPy India</span></h3>
                </div>
            </div>

            <div class="row">
                <div class="row memories">
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-10.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-10.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-4.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-4.jpg' %}" style="width: 250px; height: 180px" 
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-2.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-2.jpg' %}" style="width: 250px; height: 180px" 
                                 alt="Scipy 2017">
                        </a>
                    </div>

                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-3.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-3.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-1.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-1.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-5.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-5.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-6.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-6.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-7.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-7.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-8.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-8.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017"> 
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-9.jpg' %}"
                           data-target="#image-gallery">
                            <img class="img-thumbnail"
                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-9.jpg' %}" style="width: 250px; height: 180px"
                                 alt="Scipy 2017">
                        </a>
                    </div>                   
                </div>


                <div class="modal fade" id="image-gallery" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title" id="image-gallery-title"></h4>
                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <img id="image-gallery-image" class="img-responsive col-md-12" src="">
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary float-left" id="show-previous-image"><i class="fa fa-arrow-left"></i>
                                </button>

                                <button type="button" id="show-next-image" class="btn btn-secondary float-right"><i class="fa fa-arrow-right"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

<!--    <section id="team" class="section team">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="text-uppercase mt0 font-400">Our Team</h3>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Prof. Prabhu Ramachandran <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Usha Viswanathan <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Vineeta Ghavri <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Sunil Shetye <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Ankit R. Javalkar <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Prathamesh S <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Mahesh G <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Binson B <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Akshen D <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Yash V <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Rohan M <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Prashant S <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Sashi Rekha B M K <br>
                                    </p>
                                </div>

                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Komal S <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Priya H <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="card">
                                <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas>
                                <div class="avatar">
                                    <img src="" alt="" />
                                </div>
                                <div class="content">
                                    <p>Vishal B <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    </div>
                </div>
            </div>
    </section> -->  

<!--    <section id="write-us" class="section write-us">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Write to Us</h3>
                    <p><h5>Feel free to send us an email if you have any questions.</h5></p>
                </div>
            </div>

            <form action="#" id="registration-form">
                <div class="row">
                    <div class="col-md-12" id="registration-msg" style="display:none;">
                        <div class="alert"></div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="First Name" id="fname" name="fname" required>
                        </div>

                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Last Name" id="lname" name="lname" required>
                        </div>

                        <div class="form-group">
                            <input type="email" class="form-control" placeholder="Email" id="email" name="email" required>
                        </div>
                    </div>

                    <div class="col-sm-12">
                        <div class="form-group">
                            <input type="textarea" class="form-control" placeholder="Your Query" id="query" name="query" required>
                        </div>
                    </div>
                </div>
                <div class="text-center mt20">
                    <button type="submit" class="btn btn-black" id="registration-submit-btn">Submit</button>
                </div>
            </form>
        </div>
    </section> -->

    <section id="contact-us" class="section contact-us">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Contact us</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <dl class="alt">
                            <dt>Phone</dt>
                            <dd><i class="fa fa-phone" aria-hidden="true"></i> (+91) 22 25764133</dd>
                            <dd><i class="fa fa-calendar" aria-hidden="true"></i> Monday - Friday</dd>
                            <dd><i class="fa fa-clock-o" aria-hidden="true"></i> 10:00 AM - 6:00 PM</dd>
                            <dt>Email</dt>
                            <dd>
                                <i class="fa fa-envelope" aria-hidden="true"></i> <a style="color:black;" href="mailto:scipy@fossee.in"> scipy[at]fossee[dot]in
                                </a>
                            </dd>
                        </dl>
                </div>
                <!-- <div class="col-md-8">
                <!-- <div class="row">
                    <div class="col-md-3 text-center">
                        <a href="https://fossee.in/" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/fossee_logo.png' %}" style="width:50%" class="text-center"></a><strong><p class="text-center">Fossee</p></strong>
                    </div>
                    <div class="col-md-3 text-center">
                        <a href="https://yaksh.fossee.in" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/yaksh_banner.png' %}" style="background:black" class="text-center" ></a><strong><p class="text-center">yaksh - Online Test</p></strong>
                    </div>
                    <div class="col-md-3 text-center">
                        <a href="https://python-workshops.fossee.in" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/pylogo.png' %}" style="width:30%;" class="text-center" ></a><strong><p class="text-center">Python Workshop</p></strong>
                    </div>
                    <div class="col-md-3 text-center">
                        <a href="https://www.iitb.ac.in/" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/iitb_logo.png' %}" style="width:30%;" class="text-center"></a>
    <strong><p class="text-center">IIT Bombay</p></strong>
                    </div>
                </div> -->
                 <!-- <div class="table-responsive">
                    <table class="table">
                         <tr>
                            <td style="vertical-align:bottom;border-top:none;!important">
                            <div class="text-center align-baseline">
                        <a href="https://fossee.in/" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/fossee_logo.png' %}" style="width:60%" class="text-center"></a>
                    </div>
                            </td>
                            <!-- <td style="vertical-align:bottom;border-top:none;!important">
                            <div class="text-center align-baseline">
                        <a href="https://yaksh.fossee.in" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/yaksh_banner.png' %}" style="background:black;padding: 5%;" class="text-center" ></a>
                    </div>
                            </td> 
                            <td style="vertical-align:bottom;border-top:none;!important">
                            <div class="text-center align-baseline">
                        <a href="https://python-workshops.fossee.in" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/pylogo.png' %}" style="width:30%;" class="text-center" ></a>
                    </div>
                    </td>
                    <td style="vertical-align:bottom;border-top:none;!important">
                            <div class="text-center align-baseline">
                        <a href="https://www.iitb.ac.in/" target="_blank"><img src="{% static 'website/bootstrap-css/assets/images/iitb_logo.png' %}" style="width:40%;" class="text-center"></a>
                    </div>
                         </tr>
                         <tr>
                            <td style="vertical-align:top;border-top:none;!important"><strong><p class="text-center">FOSSEE</p></strong></td>
                            <td style="vertical-align:top;border-top:none;!important"><strong><p class="text-center">YAKSH - Online Test Platform</p></strong></td> 
                            <td style="vertical-align:top;border-top:none;!important"><strong><p class="text-center">Python Workshop</p></strong></td>
                            <td style="vertical-align:top;border-top:none;!important"><strong><p class="text-center">IIT Bombay</p></strong></td>
                         </tr>
                    </table>
                </div> -->
                </div>
            </div>
    </section>

<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>
<img class="src-image"  src="{% static 'website/bootstrap-css/assets/images/speakers/dummy.png' %}"/>

<div class="modal fade" id="announce_cfp" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
          <p class="text-justify">Call for Papers opens on : TBD</p>
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}