Team:UST Beijing/Outreach
From 2014.igem.org
(Difference between revisions)
Liuyingxuan (Talk | contribs) |
Liuyingxuan (Talk | contribs) |
||
(8 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
<meta name="author" content=""> | <meta name="author" content=""> | ||
- | <title>USTB iGEM14 | + | <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(' | + | <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"> | ||
- | < | + | <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(' | + | <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> | + | <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(' | + | <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> | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Latest revision as of 08:28, 16 October 2014
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.