Difference between revisions of "Team:SKLMT-China/Human Practices"

(Replaced content with "<html> <div class="container" id="section-2"> <div class="paragraph shadow"> <h2 class="title">Overview</h2> <p>test</p>...")
Line 1: Line 1:
 
<html>
 
<html>
 
      
 
      
−
     <div class="container" id="section-2">
+
     <div id="index-carousel" class="carousel slide">
  
−
         <div class="paragraph shadow">
+
         <ol class="carousel-indicators">
−
             <h2 class="title">Overview</h2>
+
             <li data-target="#slide1" data-slide-to="0" class="active"></li>
−
             <p>test</p>
+
             <li data-target="#slide2" data-slide-to="1"></li>
−
 
+
            <li data-target="#slide3" data-slide-to="2"></li>
−
         
+
        </ol> 
  
 +
        <div class="carousel-inner">
 +
            <div class="item active">
 +
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c7/T--SKLMT-China--hp-banner-1.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Human Practices</h2>
 +
                        </header>
 +
                        <p>of SKLMT-China</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="#" 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/b/b2/T--SKLMT-China--index-full-banner-3.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Overview</h2>
 +
                        </header>
 +
                        <p>How does HP map form?</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="#" 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/5/5a/T--SKLMT-China--hp-art-banner-3.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Integrated <br/>Human Practices</h2>
 +
                        </header>
 +
                        <p>What is four revolution?</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="#" 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/5/5a/T--SKLMT-China--hp-art-banner-3.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Collaborations</h2>
 +
                        </header>
 +
                        <p>How do we communicate with others?</p>
 +
                        <footer>
 +
                            <ul class="buttons stacked">
 +
                                <li><a href="#" 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 17:11, 16 October 2018