Difference between revisions of "Team:William and Mary/Practices"

Line 183: Line 183:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="title">
 
                                         <div class="title">
−
                                             <h5 class="text-gray"> 1 Column Text &amp; Images</h5>
+
                                             <p class = "h2WM">Adult Communication</p>
−
                                            <h2>Adult Communication</h2>
+
 
                                             <p>text on workshops and stuff for adults</p>
 
                                             <p>text on workshops and stuff for adults</p>
 
                                         </div>
 
                                         </div>
Line 210: Line 209:
 
                                 <div class="text-area">
 
                                 <div class="text-area">
 
                                     <div class="title">
 
                                     <div class="title">
−
                                        <h2>Youth Education</h2>
+
                                      <p class = "h2WM">Youth Education</p>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 259: Line 258:
 
                                         <div class="description">
 
                                         <div class="description">
 
                                             <div class="title">
 
                                             <div class="title">
−
                                                 <h2>Long-Term Sustainability</h2>
+
                                                 <p class = "h2WM">Long-Term Sustainability</p>
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 269: Line 268:
 
                                         <div class="card card-plain">
 
                                         <div class="card card-plain">
 
                                             <h3>Activities</h3>
 
                                             <h3>Activities</h3>
−
                                             <h5>Optimized for grades 1-12</h5>
+
                                             <h5>Are optimized for grades 1-12</h5>
 
                                             <div class="number" id="customersNo">
 
                                             <div class="number" id="customersNo">
 
                                                 24
 
                                                 24
Line 278: Line 277:
 
                                         <div class="card card-plain">
 
                                         <div class="card card-plain">
 
                                             <h3>Schools</h3>
 
                                             <h3>Schools</h3>
−
                                             <h5>Design, Sketch and Plan</h5>
+
                                             <h5>Requested our curriculum to implement</h5>
 
                                             <div class="number" id="projectsNo">
 
                                             <div class="number" id="projectsNo">
−
                                                 Count how many?? Probably ~15
+
                                                 15
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 286: Line 285:
 
                                     <div class="col-md-4">
 
                                     <div class="col-md-4">
 
                                         <div class="card card-plain">
 
                                         <div class="card card-plain">
−
                                             <h3>Countries</h3>
+
                                             <h3>Locations</h3>
−
                                             <h5>Our efforts are international. </h5>
+
                                             <h5>5 States, 3 countries: An international effort</h5>
 
                                             <div class="number" id="citiesNo">
 
                                             <div class="number" id="citiesNo">
−
                                                 3
+
                                                 8
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 340: Line 339:
 
          
 
          
 
          
 
          
−
       
 
−
        <!--  Here are the examples of the content for each project that is viewed inside of the page. You can create how many projects you want if you set the specific #id     
 
−
        -->
 
−
       
 
−
        <div class="project-content" id="und">
 
−
          <div>
 
−
            <div class="project-details">
 
−
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 
−
              <div class="container">
 
−
                <div class="project-title">
 
−
                    <h5>Collaboration With Univerity of Maryland<span>.</span></h5>
 
−
                    <h2>title</h2>
 
−
                </div>
 
−
                <div class="row">
 
−
                  <div class="col-md-4">
 
−
                    <div class="project-text">
 
−
                      <p><span>Detail</span>1</p>
 
−
                      <p><span>Detail</span>2</p>
 
−
                      <p><span>Detail</span>3</p>
 
−
                      <p><span>Detail</span>4</p>
 
−
                      <br>
 
−
                      <p>text</p>
 
−
                      <p>text</p>
 
−
                    </div>
 
−
                  </div>
 
−
                  <div class="col-md-8">
 
−
                    <div class="row">
 
−
                        <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                          <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
 
−
        <div class="project-content" id="uga">
 
−
          <div>
 
−
            <div class="project-details">
 
−
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 
−
              <div class="container">
 
−
                <div class="project-title">
 
−
                  <h5 >Collaboration With University of Georgia</h5>
 
−
                  <h2>title</h2>
 
−
                  <div class="separator-container">
 
−
                      <div class="separator line-separator">✻</div>
 
−
                    </div>
 
−
                    <p>text</p>
 
−
                </div>
 
−
                <div class="row">
 
−
                  <div class="col-md-10 col-md-offset-1">
 
−
                    <div class="article">
 
−
                      <div class="project-image">
 
−
                        <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                      </div>
 
−
                      <div class="project-text">
 
−
                          <h3>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce<span>.</span></h3>
 
−
                          <p>text</p>
 
−
                      <p>etc<span>.</span></p>
 
−
                      </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
 
−
        <div class="project-content" id="cambridge">
 
−
          <div>
 
−
            <div class="project-details">
 
−
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 
−
              <div class="container">
 
−
                <div class="project-title">
 
−
                  <h5 >Collaboration With Cambridge University</h5>
 
−
                  <h2>title</h2>
 
−
                  <div class="separator-container">
 
−
                      <div class="separator line-separator">✻</div>
 
−
                    </div>
 
−
                    <p>text</p>
 
−
                </div>
 
−
                <div class="row">
 
−
                  <div class="col-md-10 col-md-offset-1">
 
−
                    <div class="article">
 
−
                      <div class="project-image">
 
−
                        <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                      </div>
 
−
                      <div class="project-text">
 
−
                          <h3>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce<span>.</span></h3>
 
−
                          <p>text</p>
 
−
                      <p>etc<span>.</span></p>
 
−
                      </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
 
          
 
          
 
         <div class="body-layer"></div>
 
         <div class="body-layer"></div>

Revision as of 16:13, 17 September 2015

NOISE - W&M iGEM

Our Outreach

Adult Communication

After hearing the community's concerns about SynBio, we held workshops and seminars to clear misconceptions.

Youth Education

Synthetic biology can be a blast with the right approach. The ___ kids at our workshops sure thought so.

Long-Term Sustainability

We made a teacher-friendly curriculum to keep up the momentum even after the competion

Adult Communication

text on workshops and stuff for adults

...
...
...

Long-Term Sustainability

Activities

Are optimized for grades 1-12
24

Schools

Requested our curriculum to implement
15

Locations

5 States, 3 countries: An international effort
8