Team:UST Beijing/Outreach

From 2014.igem.org

(Difference between revisions)
 
(8 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
 +
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
 +
      <div class="carousel-inner">
 +
        <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/3/35/Home_back2.jpg) no-repeat center center; background-size: cover;"></div>
 +
    </div>-->
 +
 +
<!-- Outreach Slideshow -->
 +
 +
    <div class="bs-docs-featurette">
 +
      <div class="container">
 +
        <h2 class="bs-docs-featurette-title">Reach out, to the west.</h2>
 +
        <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">
<!-- Full Page Image Background Carousel Header -->
<!-- Full Page Image Background Carousel Header -->
Line 288: Line 315:
         <li data-target="#myCarousel" data-slide-to="1"></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="2"></li>
 +
        <li data-target="#myCarousel" data-slide-to="3"></li>
 +
        <li data-target="#myCarousel" data-slide-to="4"></li>
     </ol>
     </ol>
Line 294: Line 323:
         <div class="item active">
         <div class="item active">
             <!-- Set the first background image using inline CSS below. -->
             <!-- Set the first background image using inline CSS below. -->
-
             <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div>
+
             <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/1/1a/Outr1.jpg');"></div>
             <div class="carousel-caption">
             <div class="carousel-caption">
-
                 <h2>Caption 1</h2>
+
                 <p></p>
             </div>
             </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
             <!-- Set the second background image using inline CSS below. -->
             <!-- Set the second background image using inline CSS below. -->
-
             <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
+
             <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/6/64/Outr2.jpg');"></div>
             <div class="carousel-caption">
             <div class="carousel-caption">
-
                 <h2>Caption 2</h2>
+
                 <h2></h2>
             </div>
             </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
             <!-- Set the third background image using inline CSS below. -->
             <!-- Set the third background image using inline CSS below. -->
-
             <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div>
+
             <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/2/20/Outr3.JPG');"></div>
             <div class="carousel-caption">
             <div class="carousel-caption">
-
                 <h2>Caption 3</h2>
+
                 <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>
         </div>
Line 323: Line 366:
     </a>
     </a>
   </div>
   </div>
-
 
-
<!-- Carousel
 
-
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
 
-
      <div class="carousel-inner">
 
-
        <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/3/35/Home_back2.jpg) no-repeat center center; background-size: cover;"></div>
 
-
    </div>-->
 
-
 
-
<!-- Outreach Slideshow -->
 
-
 
-
    <div class="bs-docs-featurette">
 
-
      <div class="container">
 
-
        <h2 class="bs-docs-featurette-title">Reach out, to the west.</h2>
 
-
        <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">
 

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.