Difference between revisions of "Team:SKLMT-China/Notebook"

Line 1: Line 1:
 
<html>
 
<html>
−
   
 
−
    <div class="container" id="section-2">
 
  
−
        <div class="paragraph shadow">
+
    <div id="index-carousel" class="carousel slide">
−
            <h2 class="title">Overview</h2>
+
−
            <p>test</p>
+
  
−
         
+
        <ol class="carousel-indicators">
 +
            <li data-target="#slide1" data-slide-to="0" class="active"></li>
 +
            <li data-target="#slide2" data-slide-to="1"></li>
 +
            <li data-target="#slide3" data-slide-to="2"></li>
 +
            <li data-target="#slide4" data-slide-to="3"></li>
 +
        </ol> 
  
 +
        <div class="carousel-inner">
 +
            <div class="item active">
 +
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/3/33/T--SKLMT-China--nb-ban-1.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Notebook</h2>
 +
                        </header>
 +
                        <p>Overview</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="Notebook_Overview" class="actions">Learn More</a></li>
 +
                            </ul>
 +
                        </footer>
 +
                    </div>
 +
                </section>
 +
            </div>
 +
            <div class="item">
 +
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/a/a6/T--SKLMT-China--nb-ban-2.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Protocol</h2>
 +
                        </header>
 +
                        <p>How does HP map form?</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="Notebook_Protocol" class="actions">Learn More</a></li>
 +
                            </ul>
 +
                        </footer>
 +
                    </div>
 +
                </section>
 +
            </div>
 +
            <div class="item">
 +
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/9/97/T--SKLMT-China--nb-ban-3.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Material</h2>
 +
                        </header>
 +
                        <p>How does HP map form?</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="Material" class="actions">Learn More</a></li>
 +
                            </ul>
 +
                        </footer>
 +
                    </div>
 +
                </section>
 +
            </div>
 +
            <div class="item">
 +
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--SKLMT-China--nb-ban-4.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Data Base</h2>
 +
                        </header>
 +
                        <p>How does HP map form?</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="Data_Base" class="actions">Learn More</a></li>
 +
                            </ul>
 +
                        </footer>
 +
                    </div>
 +
                </section>
 +
            </div>
 
         </div>
 
         </div>
 +
        <a class="left carousel-control" href="#index-carousel" role="button" data-slide="prev">
 +
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
            <span class="sr-only">Previous</span>
 +
        </a>
 +
        <a class="right carousel-control" href="#index-carousel" role="button" data-slide="next">
 +
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
            <span class="sr-only">Next</span>
 +
        </a>
 +
 
     </div>
 
     </div>
  
−
   
+
 
 
</html>
 
</html>
−
{{SKLMT-China/footer}}
+
{{SKLMT-China/none-footer}}

Revision as of 18:30, 17 October 2018