Difference between revisions of "Team:SVCE Chennai/Practices"

 
(6 intermediate revisions by the same user not shown)
Line 22: Line 22:
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
</button>
 
</button>
−
      <a class="navbar-brand" href="https://2015.igem.org/Team:SVCE_Chennai" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo"></a>
+
<a class="navbar-brand" href="https://2015.igem.org/Team:SVCE_Chennai" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo" style="    padding-left: 15px;"></a>
 
</div>
 
</div>
 
 
Line 28: Line 28:
 
<div class="collapse navbar-collapse js-navbar-collapse">
 
<div class="collapse navbar-collapse js-navbar-collapse">
 
<ul id="sdt_menu" class="sdt_menu">
 
<ul id="sdt_menu" class="sdt_menu">
 +
            <li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Results">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b9/MenuImgs_results.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Results</span>
 +
<span class="sdt_descr">Data and Chart</span>
 +
</span>
 +
</a>
 +
                           
 +
</li>
 
<li>
 
<li>
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
Line 51: Line 62:
 
                     <div class="sdt_box">
 
                     <div class="sdt_box">
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</a>
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</a>
−
<a href="https://2015.igem.org/Team:SVCE_Chennai/Collab">Collaboration</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Collaboration">Collaboration</a>
 +
                        <a href="https://2015.igem.org/Team:SVCE_Chennai/Entrepreneurship">Entrepreneurship</a>
 
</div>
 
</div>
 
</li>
 
</li>
Line 114: Line 126:
 
     <div class="container">
 
     <div class="container">
 
         <h2 class="titleStyle">Human Practices</h2>
 
         <h2 class="titleStyle">Human Practices</h2>
 +
      <a href="https://static.igem.org/mediawiki/2015/0/0e/Human_practices.pdf" target="_blank">Check our PDF Version </a>
 
<div class="row stickyNotification">
 
<div class="row stickyNotification">
  
Line 124: Line 137:
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
 
                         <a class="thumbnail" id="carousel-selector-0">
 
                         <a class="thumbnail" id="carousel-selector-0">
−
                             <img src="http://placehold.it/150x150&text=zero">
+
                             <img src="http://i.imgur.com/wbjU9Gi.jpg">
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
  
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-1"><img src="http://placehold.it/150x150&text=1"></a>
+
                         <a class="thumbnail" id="carousel-selector-1"><img src="http://i.imgur.com/hkyGRUV.jpg"></a>
 
                     </li>
 
                     </li>
  
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-2"><img src="http://placehold.it/150x150&text=2"></a>
+
                         <a class="thumbnail" id="carousel-selector-2"><img src="http://i.imgur.com/Vyd0o9k.jpg"></a>
 
                     </li>
 
                     </li>
  
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-3"><img src="http://placehold.it/150x150&text=3"></a>
+
                         <a class="thumbnail" id="carousel-selector-3"><img src="http://i.imgur.com/eov1S5P.jpg"></a>
 
                     </li>
 
                     </li>
  
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-4"><img src="http://placehold.it/150x150&text=4"></a>
+
                         <a class="thumbnail" id="carousel-selector-4"><img src="http://i.imgur.com/Kq9R0sn.jpg"></a>
 
                     </li>
 
                     </li>
  
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-5"><img src="http://placehold.it/150x150&text=5"></a>
+
                         <a class="thumbnail" id="carousel-selector-5"><img src="http://i.imgur.com/OBF8a5K.jpg"></a>
 
                     </li>
 
                     </li>
−
                    <li class="col-sm-3">
+
           
−
                         <a class="thumbnail" id="carousel-selector-6"><img src="http://placehold.it/150x150&text=6"></a>
+
                    <li class="col-sm-3">
 +
                         <a class="thumbnail" id="carousel-selector-6"><img src="http://i.imgur.com/xPc6h5G.png"></a>
 
                     </li>
 
                     </li>
−
 
+
                   
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-7"><img src="http://placehold.it/150x150&text=7"></a>
+
                         <a class="thumbnail" id="carousel-selector-7"><img src="http://i.imgur.com/IKWWZbh.png"></a>
 
                     </li>
 
                     </li>
−
 
+
           
 +
                   
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-8"><img src="http://placehold.it/150x150&text=8"></a>
+
                         <a class="thumbnail" id="carousel-selector-8"><img src="http://i.imgur.com/IWyqpZI.jpg"></a>
 
                     </li>
 
                     </li>
−
 
+
           
 +
                   
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-9"><img src="http://placehold.it/150x150&text=9"></a>
+
                         <a class="thumbnail" id="carousel-selector-9"><img src="http://i.imgur.com/j2bIoPT.jpg"></a>
 
                     </li>
 
                     </li>
 +
           
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-10"><img src="http://placehold.it/150x150&text=10"></a>
+
                         <a class="thumbnail" id="carousel-selector-10"><img src="http://i.imgur.com/gPS7tNF.jpg"></a>
 
                     </li>
 
                     </li>
−
 
+
           
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-11"><img src="http://placehold.it/150x150&text=11"></a>
+
                         <a class="thumbnail" id="carousel-selector-11"><img src="http://i.imgur.com/cRyKh8V.jpg"></a>
 
                     </li>
 
                     </li>
−
 
+
           
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-12"><img src="http://placehold.it/150x150&text=12"></a>
+
                         <a class="thumbnail" id="carousel-selector-12"><img src="http://i.imgur.com/h9fOPq2.png"></a>
 
                     </li>
 
                     </li>
−
 
+
           
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-13"><img src="http://placehold.it/150x150&text=13"></a>
+
                         <a class="thumbnail" id="carousel-selector-13"><img src="http://i.imgur.com/O1jnVqU.jpg"></a>
 
                     </li>
 
                     </li>
 +
           
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-14"><img src="http://placehold.it/150x150&text=14"></a>
+
                         <a class="thumbnail" id="carousel-selector-14"><img src="http://i.imgur.com/idqccIf.jpg"></a>
 
                     </li>
 
                     </li>
−
 
+
           
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <a class="thumbnail" id="carousel-selector-15"><img src="http://placehold.it/150x150&text=15"></a>
+
                         <a class="thumbnail" id="carousel-selector-15"><img src="http://i.imgur.com/exbBYSw.jpg"></a>
 
                     </li>
 
                     </li>
 +
           
 +
                   
 +
           
 +
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 195: Line 217:
 
                                 <div class="carousel-inner">
 
                                 <div class="carousel-inner">
 
                                     <div class="active item" data-slide-number="0">
 
                                     <div class="active item" data-slide-number="0">
−
                                         <img src="http://placehold.it/470x480&text=zero"></div>
+
                                         <img src="http://i.imgur.com/wbjU9Gi.jpg"></div>
  
 
                                     <div class="item" data-slide-number="1">
 
                                     <div class="item" data-slide-number="1">
−
                                         <img src="http://placehold.it/470x480&text=1"></div>
+
                                         <img src="http://i.imgur.com/hkyGRUV.jpg"></div>
  
 
                                     <div class="item" data-slide-number="2">
 
                                     <div class="item" data-slide-number="2">
−
                                         <img src="http://placehold.it/470x480&text=2"></div>
+
                                         <img src="http://i.imgur.com/Vyd0o9k.jpg"></div>
  
 
                                     <div class="item" data-slide-number="3">
 
                                     <div class="item" data-slide-number="3">
−
                                         <img src="http://placehold.it/470x480&text=3"></div>
+
                                         <img src="http://i.imgur.com/eov1S5P.jpg"></div>
  
 
                                     <div class="item" data-slide-number="4">
 
                                     <div class="item" data-slide-number="4">
−
                                         <img src="http://placehold.it/470x480&text=4"></div>
+
                                         <img src="http://i.imgur.com/Kq9R0sn.jpg"></div>
  
 
                                     <div class="item" data-slide-number="5">
 
                                     <div class="item" data-slide-number="5">
−
                                         <img src="http://placehold.it/470x480&text=5"></div>
+
                                         <img src="http://i.imgur.com/OBF8a5K.jpg"></div>
 +
                                    <div class="item" data-slide-number="6">
 +
                                        <img src="http://i.imgur.com/xPc6h5G.png"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="6">
+
                                      <div class="item" data-slide-number="7">
−
                                         <img src="http://placehold.it/470x480&text=6"></div>
+
                                         <img src="http://i.imgur.com/IKWWZbh.png"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="7">
+
                                      <div class="item" data-slide-number="8">
−
                                         <img src="http://placehold.it/470x480&text=7"></div>
+
                                         <img src="http://i.imgur.com/IWyqpZI.jpg"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="8">
+
                                      <div class="item" data-slide-number="9">
−
                                         <img src="http://placehold.it/470x480&text=8"></div>
+
                                         <img src="http://i.imgur.com/j2bIoPT.jpg"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="9">
+
                                      <div class="item" data-slide-number="10">
−
                                         <img src="http://placehold.it/470x480&text=9"></div>
+
                                         <img src="http://i.imgur.com/gPS7tNF.jpg"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="10">
+
                                        <div class="item" data-slide-number="11">
−
                                         <img src="http://placehold.it/470x480&text=10"></div>
+
                                         <img src="http://i.imgur.com/cRyKh8V.jpg"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="11">
+
                                      <div class="item" data-slide-number="12">
−
                                         <img src="http://placehold.it/470x480&text=11"></div>
+
                                         <img src="http://i.imgur.com/h9fOPq2.png"></div>
 
                                      
 
                                      
−
                                    <div class="item" data-slide-number="12">
+
                                      <div class="item" data-slide-number="13">
−
                                         <img src="http://placehold.it/470x480&text=12"></div>
+
                                         <img src="http://i.imgur.com/O1jnVqU.jpg"></div>
−
 
+
                                      
−
                                     <div class="item" data-slide-number="13">
+
                                      <div class="item" data-slide-number="14">
−
                                        <img src="http://placehold.it/470x480&text=13"></div>
+
                                         <img src="http://i.imgur.com/idqccIf.jpg"></div>
−
 
+
                                      
−
                                    <div class="item" data-slide-number="14">
+
                                      <div class="item" data-slide-number="15">
−
                                         <img src="http://placehold.it/470x480&text=14"></div>
+
                                         <img src="http://i.imgur.com/exbBYSw.jpg"></div>
−
 
+
                           
−
                                     <div class="item" data-slide-number="15">
+
−
                                         <img src="http://placehold.it/470x480&text=15"></div>
+
 
                                 </div>
 
                                 </div>
 
                                 <!-- Carousel nav -->
 
                                 <!-- Carousel nav -->
Line 289: Line 311:
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 +
<style>
 +
    .hide-bullets {
 +
    list-style:none;
 +
    margin-left: -40px;
 +
    margin-top:20px;
 +
}
 +
 +
.thumbnail {
 +
    padding: 0;
 +
}
  
 +
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
 +
    width: 100%;
 +
    }</style>
 +
    <script>
 +
        jQuery(document).ready(function($) {
 +
 +
        $('#myCarousel').carousel({
 +
                interval: 5000
 +
        });
 +
 +
        //Handles the carousel thumbnails
 +
        $('[id^=carousel-selector-]').click(function () {
 +
        var id_selector = $(this).attr("id");
 +
        try {
 +
            var id = /-(\d+)$/.exec(id_selector)[1];
 +
            console.log(id_selector, id);
 +
            jQuery('#myCarousel').carousel(parseInt(id));
 +
        } catch (e) {
 +
            console.log('Regex failed!', e);
 +
        }
 +
    });
 +
        // When the carousel slides, auto update the text
 +
        $('#myCarousel').on('slid.bs.carousel', function (e) {
 +
                var id = $('.item.active').data('slide-number');
 +
                $('#carousel-text').html($('#slide-content-'+id).html());
 +
        });
 +
        });</script>
 
</html>
 
</html>

Latest revision as of 03:36, 19 September 2015

Human Practices

Check our PDF Version
Lets talk!

Sri Venkateswara College of Engineering, Chennai