Team:Georgia State/Notebook/

From 2014.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 23: Line 23:
                          
                          
                         <!-- Classic Heading -->
                         <!-- Classic Heading -->
-
                     <h4 class="classic-title"><span>Mamba: An entry into iGEM 2014</span></h4>
+
                     <h4 class="classic-title"><span>Notebook</span></h4>
                          
                          
                         <!-- Nav Tabs -->
                         <!-- Nav Tabs -->
                         <ul class="nav nav-tabs">
                         <ul class="nav nav-tabs">
-
                         <li class="active"><a href="#tab1" data-toggle="tab"><i class="icon-award-1"></i>Summer Notebooks</a></li>
+
                         <li class="active"><a href="#tab1" data-toggle="tab"><i class="icon-award-1"></i>Summer Notebook, Group A</a></li>
-
                             <li><a href="#tab2" data-toggle="tab"><i class="icon-beaker"></i>Fall Notebook</a></li>
+
                             <li><a href="#tab2" data-toggle="tab"><i class="icon-beaker"></i>Group B</a></li>
 +
                            <li><a href="#tab3" data-toggle="tab"><i class="icon-beaker"></i>Group C</a></li>
 +
                            <li><a href="#tab4" data-toggle="tab"><i class="icon-beaker"></i>Group D</a></li>
 +
                            <li><a href="#tab5" data-toggle="tab"><i class="icon-beaker"></i>Fall Notebook</a></li>
                         </ul>
                         </ul>
                          
                          
Line 35: Line 38:
                             <!-- Tab Content 1 -->
                             <!-- Tab Content 1 -->
                         <div class="tab-pane fade in active" id="tab1">
                         <div class="tab-pane fade in active" id="tab1">
-
<p><iframe src="https://docs.google.com/document/d/11gQU4ZnApwjfZaC8JLhkH1PzEJXwfv-owy6wnvjWhyM/pub?embedded=true" width="700" height="400"></iframe></p>
+
<p><iframe src="https://docs.google.com/document/d/11gQU4ZnApwjfZaC8JLhkH1PzEJXwfv-owy6wnvjWhyM/pub?embedded=true" width="1000" height="600"></iframe></p>
<p></p>
<p></p>
</p>
</p>
Line 42: Line 45:
                             <!-- Tab Content 2 -->
                             <!-- Tab Content 2 -->
                         <div class="tab-pane fade" id="tab2">
                         <div class="tab-pane fade" id="tab2">
-
                           <p></p>
+
                           <p><iframe src="https://docs.google.com/document/d/1X2aSdfrUVNDFhteo3C-ahbCiIjNhmOvHfegBfHpkPAc/pub?embedded=true" width="1000" height="600"></iframe></p>
 +
 
 +
</div>
 +
                            <!-- Tab Content 3 -->
 +
                        <div class="tab-pane fade" id="tab3">
 +
                          <p><iframe src="https://docs.google.com/document/d/1cISwegjvXaZCGsvcP2GdFFswRa397M0s-YKVbWHii3g/pub?embedded=true" width="1000" height="600"></iframe></p>
 +
</div>
 +
 
 +
  <!-- Tab Content 4 -->
 +
                        <div class="tab-pane fade" id="tab4">
 +
                          <p><iframe src="https://docs.google.com/document/d/1KkqvvK3_SwwSroqTPlWve76msdw_6YUxrNeFdRqnVrE/pub?embedded=true" width="1000" height="600"></iframe></p>
 +
</div>
 +
 
 +
<div class="tab-pane fade" id="tab5">
 +
                          <p><iframe src="https://docs.google.com/document/d/16dRQ7XkPq9aLzAZYD_tX0GkqaWuS1TLlFy9KwgTUPMc/pub?embedded=true" width="1000" height="600"></iframe></p>
 +
</div>
 +
 
 +
 
                         </div>
                         </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
                         </div>
                         </div>
                          
                          
                     </div>
                     </div>
                      
                      
-
                    <div class="col-md-4">
+
 
-
                        <!-- Classic Heading -->
+
-
                    <h4 class="classic-title"><span>From the Lab</span></h4>
+
-
                        <!-- Vimeo Iframe -->
+
-
                        <iframe src="https://player.vimeo.com/video/80101893?title=0&amp;byline=0&amp;portrait=0" width="800" height="450" frameborder="0"></iframe>
+
-
                    </div>
+
                      
                      
                 </div>
                 </div>
Line 60: Line 84:
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                  
                  
-
                <!-- Start Recent Projects -->
+
             
-
                <div class="recent-projects">
+
-
                <h4 class="title"><span>Video Highlights</span></h4>
+
-
                    <div class="projects-carousel touch-carousel">
+
-
                   
+
-
                    <!-- Start Video #1 -->
+
-
                    <div class="portfolio-item item">
+
-
                        <div class="portfolio-border">
+
-
                               
+
-
                                <div class="portfolio-thumb"><!-- Video Thumbnail -->
+
-
                                    <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
+
-
                                        <div class="thumb-overlay"><i class="icon-video-1"></i></div>
+
-
                                        <img alt="" src="http://placehold.it/550x400/333" />
+
-
                                    </a>
+
-
                                </div>
+
-
                                <div class="portfolio-details"><!-- Video Details -->
+
-
                                    <a href="#">
+
-
                                        <h4>Introduction to Mamba</h4>
+
-
                                        <span>From Georgia State University</span>
+
-
                                    </a>
+
-
                                </div>
+
-
                            </div>
+
-
                    </div>
+
-
                        <!-- End Video #1 -->
+
                          
                          
                          
                          
                          
                          
-
                </div>
+
         
-
                </div>
+
-
                <!-- End Recent Projects -->
+
                  
                  
                 <!-- Divider -->
                 <!-- Divider -->
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
-
               
 
-
                <div class="row">
 
-
                <div class="col-md-9">
 
-
                    <!-- Start Clients Carousel -->
 
-
                            <div class="our-clients">
 
-
                             
 
-
                                <!-- Classic Heading -->
 
-
                                <h4 class="classic-title"><span>Partners & Sponsors</span></h4>
 
-
                               
 
-
                                <div class="clients-carousel custom-carousel touch-carousel" data-appeared-items="4">
 
-
                               
 
-
                                    <!-- Client 1 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c1.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 2 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c2.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 3 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c3.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 4 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c4.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 5 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c5.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 6 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c6.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 7 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c7.png" alt="" /></a>
 
-
                                    </div>
 
-
                                 
 
-
                                    <!-- Client 8 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c8.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                </div>
 
-
                            </div>
 
-
                            <!--End Clients Carousel-->
 
-
                    </div>
 
-
                    <div class="col-md-3">
 
-
                    <h4 class="classic-title"><span>H4 Title Goes Here</span></h4>
 
-
                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat. </p>
 
-
                    </div>
 
-
                </div>
 
-
                       
 
-
</div>
 
-
</div>
 
-
<!-- End Content -->
 
</html>
</html>

Latest revision as of 02:00, 18 October 2014

Mamba | Georgia State University