Team:UST Beijing/Outreach

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 7: Line 7:
     <meta name="author" content="">
     <meta name="author" content="">
-
     <title>USTB iGEM14 Team</title>
+
     <title>USTB iGEM14 Outreach</title>
Line 139: Line 139:
       /* Carousel base class */
       /* Carousel base class */
 +
 +
      .fill {
 +
          width: 100%;
 +
          height: 100%;
 +
          background-position: center;
 +
          -webkit-background-size: cover;
 +
          -moz-background-size: cover;
 +
          background-size: cover;
 +
          -o-background-size: cover;
 +
      }
 +
       .carousel {
       .carousel {
         height: 550px;
         height: 550px;
Line 280: Line 291:
       </div>
       </div>
     </div>
     </div>
 +
<!-- Carousel
<!-- Carousel
Line 291: Line 303:
     <div class="bs-docs-featurette">
     <div class="bs-docs-featurette">
       <div class="container">
       <div class="container">
-
         <h2 class="bs-docs-featurette-title">Reach Out, to the West</h2>
+
         <h2 class="bs-docs-featurette-title">Reach out, to the west.</h2>
-
         <p class="lead">Our outstanding team member, Sonam Chodrum, brought our idea to Tongren Tibetan Autonomous County in Qinghai Province, and started her life as a supported-teacher. Here's what she has experienced.</p>
+
         <p class="lead">Our outstanding team member, Sonam Choedrun, brought our idea to Tongren Tibetan Autonomous County in Qinghai Province, and started her experience as a supported-teacher. Here's what she has witnessed.</p>
     <hr class="half-rule">
     <hr class="half-rule">
 +
 +
<!-- Full Page Image Background Carousel Header -->
 +
<div id="myCarousel" class="carousel slide">
 +
    <!-- Indicators -->
 +
    <ol class="carousel-indicators">
 +
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
        <li data-target="#myCarousel" data-slide-to="1"></li>
 +
        <li data-target="#myCarousel" data-slide-to="2"></li>
 +
        <li data-target="#myCarousel" data-slide-to="3"></li>
 +
        <li data-target="#myCarousel" data-slide-to="4"></li>
 +
    </ol>
 +
 +
    <!-- Wrapper for Slides -->
 +
    <div class="carousel-inner">
 +
        <div class="item active">
 +
            <!-- Set the first background image using inline CSS below. -->
 +
            <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/1/1a/Outr1.jpg');"></div>
 +
            <div class="carousel-caption">
 +
                <p></p>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <!-- Set the second background image using inline CSS below. -->
 +
            <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/6/64/Outr2.jpg');"></div>
 +
            <div class="carousel-caption">
 +
                <h2></h2>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <!-- Set the third background image using inline CSS below. -->
 +
            <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/2/20/Outr3.JPG');"></div>
 +
            <div class="carousel-caption">
 +
                <h2></h2>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <!-- Set the third background image using inline CSS below. -->
 +
            <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/d/df/Outr4.JPG');"></div>
 +
            <div class="carousel-caption">
 +
                <h2></h2>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <!-- Set the third background image using inline CSS below. -->
 +
            <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/e/e8/Outr5.jpg');"></div>
 +
            <div class="carousel-caption">
 +
                <h2></h2>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <!-- Controls -->
 +
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 +
        <span class="icon-prev"></span>
 +
    </a>
 +
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
 +
        <span class="icon-next"></span>
 +
    </a>
 +
  </div>

Latest revision as of 08:28, 16 October 2014

USTB iGEM14 Outreach

Reach out, to the west.

Our outstanding team member, Sonam Choedrun, brought our idea to Tongren Tibetan Autonomous County in Qinghai Province, and started her experience as a supported-teacher. Here's what she has witnessed.