Difference between revisions of "Team:SKLMT-China/Integrated Gold"

Line 1: Line 1:
data-src="https://static.igem.org/mediawiki/2018/6/66/T--SKLMT-China--booth3.jpg"/>
+
<html>
 +
    <section class="article-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/2/2d/T--SKLMT-China--hp-banner-2.jpg)">
 +
        <div class="banner-content">
 +
            <h2 class="title">Integrated & Gold</h2>
 +
            <p class="content">What is four revolution?</p>
 +
        </div>
 +
        <div class="container">
 +
 
 +
            <div class="row">
 +
                <ol class="breadcrumb">
 +
                    <li><a href="https://2018.igem.org/Team:SKLMT-China"><i class="fa fa-home">&thinsp;&thinsp;Home</i></a></li>
 +
                    <li><a href="Human_Practices"><i class="fa fa-folder-open">&thinsp;&thinsp;Human Practices</i></a></li>
 +
 
 +
                    <li class="active dropdown">
 +
 
 +
                        <!-- Catalog -->
 +
                        <div class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                            <i class="fa fa-code">
 +
                                &thinsp;&thinsp;Integrated & Gold
 +
                            </i>
 +
                        </div>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="#s1" class="scrolly-middle">Four Revolutions</a></li>
 +
                        </ul>
 +
 
 +
                    </li>
 +
                </ol>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <div class="container">
 +
        <div class="paragraph shadow">
 +
            <style>
 +
.btn-panel {
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    border-bottom: solid 1px #eee;
 +
}
 +
 
 +
.btn-panel > * {
 +
    margin-bottom: 1em;
 +
}
 +
 
 +
.btn-panel a.actions {
 +
    border-radius: 0;
 +
    min-width: 5em;
 +
    font-size: 1.5em;
 +
    line-height: 2em;
 +
}
 +
            </style>
 +
            <div class="btn-panel">
 +
                <a class="actions prev-slide"><i class="fa fa-angle-left"></i></a>
 +
                <a class="actions slide-one">1</a>
 +
                <a class="actions slide-two">2</a>
 +
                <a class="actions slide-three">3</a>
 +
                <a class="actions slide-four">4</a>
 +
                <a class="actions next-slide"><i class="fa fa-angle-right"></i></a>
 +
            </div>
 +
 
 +
            <div id="hpi-carousel" class="carousel slide">
 +
 
 +
                <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">
 +
                        <h2 class="title">The first revolution</h2>
 +
                        <h3 class="title">Questionnaire survey</h3>
 +
                        <div class="pic-panel">
 +
                            <span class="image sml">
 +
                                <img class="lb" src="https://static.igem.org/mediawiki/2018/a/a1/T--SKLMT-China--booth1.jpg" data-src="https://static.igem.org/mediawiki/2018/a/a1/T--SKLMT-China--booth1.jpg"/>
 +
                                <img class="lb" src="https://static.igem.org/mediawiki/2018/4/49/T--SKLMT-China--booth2.jpg" data-src="https://static.igem.org/mediawiki/2018/4/49/T--SKLMT-China--booth2.jpg"/>
 +
                                <img class="lb" src="https://static.igem.org/mediawiki/2018/6/66/T--SKLMT-China--booth3.jpg" data-src="https://static.igem.org/mediawiki/2018/6/66/T--SKLMT-China--booth3.jpg"/>
 
                             </span>
 
                             </span>
 
                         </div>
 
                         </div>

Revision as of 20:30, 17 October 2018

1 2 3 4