Difference between revisions of "Team:UNC-Asheville/CommunityOutreach"

Line 117: Line 117:
 
<hr>
 
<hr>
  
−
<div class="container">
+
<div class="bs-example">
−
  <div class="row center header">
+
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
−
      <h1 class ="title">The Museum<br><small>Asheville Museum of Science.</small></h1>
+
        <!-- Carousel indicators -->
−
  </div>
+
        <ol class="carousel-indicators">
−
</div>
+
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
−
 
+
            <li data-target="#myCarousel" data-slide-to="1"></li>
−
<div class="container-fluid">
+
            <li data-target="#myCarousel" data-slide-to="2"></li>
−
  <h2>Carousel Example</h2> 
+
        </ol>  
−
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
        <!-- Wrapper for carousel items -->
−
    <!-- Indicators -->
+
        <div class="carousel-inner">
−
    <ol class="carousel-indicators">
+
            <div class="item active">
−
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
                <img src="https://static.igem.org/mediawiki/2017/b/b7/UNC-Asheville-Museum4.jpg" alt="First Slide">
−
      <li data-target="#myCarousel" data-slide-to="1"></li>
+
            </div>
−
      <li data-target="#myCarousel" data-slide-to="2"></li>
+
            <div class="item">
−
    </ol>
+
                <img src="https://static.igem.org/mediawiki/2017/b/b4/UNC-Asheville-Museum3.jpg" alt="Second Slide">
−
 
+
            </div>
−
    <!-- Wrapper for slides -->
+
            <div class="item">
−
    <div class="carousel-inner">
+
                <img src="https://static.igem.org/mediawiki/2017/a/af/UNC-Asheville-Museum2.jpg" alt="Third Slide">
−
      <div class="item">
+
            </div>
−
        <img src="https://static.igem.org/mediawiki/2017/4/4a/UNC-Asheville-Museum1.jpg" alt="Los Angeles" style="width:100%;">
+
        </div>
−
      </div>
+
         <!-- Carousel controls -->
−
      <div class="item">
+
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">
−
        <img src="https://static.igem.org/mediawiki/2017/a/af/UNC-Asheville-Museum2.jpg" alt="Chicago" style="width:100%;">
+
            <span class="glyphicon glyphicon-chevron-left"></span>
−
      </div>
+
        </a>
−
<div class="item">
+
        <a class="carousel-control right" href="#myCarousel" data-slide="next">
−
        <img src="https://static.igem.org/mediawiki/2017/b/b4/UNC-Asheville-Museum3.jpg" alt="Chicago" style="width:100%;">
+
            <span class="glyphicon glyphicon-chevron-right"></span>
−
      </div>
+
        </a>
−
<div class="item">
+
−
         <img src="https://2017.igem.org/File:UNC-Asheville-Museum4.jpg" alt="Chicago" style="width:100%;">
+
−
      </div>
+
−
   
+
−
      <div class="item">
+
−
        <img src="ny.jpg" alt="New york" style="width:100%;">
+
−
      </div>
+
 
     </div>
 
     </div>
−
 
−
    <!-- Left and right controls -->
 
−
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 
−
      <span class="glyphicon glyphicon-chevron-left"></span>
 
−
      <span class="sr-only">Previous</span>
 
−
    </a>
 
−
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
 
−
      <span class="glyphicon glyphicon-chevron-right"></span>
 
−
      <span class="sr-only">Next</span>
 
−
    </a>
 
−
  </div>
 
−
</div>
 
−
    <div class="col-sm-5">
 
−
      <blockquote>
 
−
<br>
 
−
<p>The Asheville Museum of Science (AMOS) is Western North Carolina’s home for experiential science learning, discovery, and exploration.  AMOS strives to spark the imagination and foster lifelong curiosity.
 
−
</p></blockquote>
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
 
−
<br>
 
−
<hr>
 
−
 
−
<div class="container">
 
−
  <div class="row center header">
 
−
      <h1 class ="title">The Community<br><small>Starting the Conversation of Synthetic Biology in Asheville,
 
−
NC</small></h1>
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="container-fluid">
 
−
  <div class="row">
 
−
    <div class="col-sm-5 col-sm-offset-1">
 
−
        <blockquote>I really need to ask them at work about this. I'm sure it'll be fine but I hate asking for favors dawg. I HATE IT.
 
−
<br><br>
 
−
</blockquote>
 
−
    </div>
 
−
    <div class="col-sm-6"><img src="https://static.igem.org/mediawiki/2017/2/2e/UNC-Asheville-CollideLoremIpsum.png" class="img-fluid well" alt="Responsive image"></div>
 
−
  </div>
 
−
</div>
 
−
 
−
<div>
 
−
{{Graph:Chart|width=600|height=100|xAxisTitle=X|yAxisTitle=Y
 
−
|type=rect|x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}
 
−
 
−
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende
 
−
|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200
 
−
|y2=7,8,9,8,8,9,10,9,5|showValues=}}
 
−
 
−
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y
 
−
|legend=Legend|type=stackedarea|x=1,2,3,4,5,6|y1=10,12,6,14,2,10
 
−
|y2=2,4,6,8,13,11|interpolate=monotone|colors=seagreen,orchid}}
 
 
</div>
 
</div>
 +
</body>
 +
</html>

Revision as of 01:40, 31 October 2017

About Us

iGEM UNC-Asheville Community Outreach

Community Outreach

Interfacing with our peers, the community, and those that would follow in our footsteps.