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

Line 184: Line 184:
 
                                         <div class="title">
 
                                         <div class="title">
 
                                             <h5 class="text-gray"> 1 Column Text &amp; Images</h5>
 
                                             <h5 class="text-gray"> 1 Column Text &amp; Images</h5>
−
                                             <h2>Who we are section</h2>
+
                                             <h2>Adult Communication</h2>
−
                                            <div class="separator-container">
+
                                             <p>text on workshops and stuff for adults</p>
−
                                                <div class="separator line-separator">✻</div>
+
−
                                            </div>
+
−
                                             <p>Creative tim is a tight-knit team of designers, developers, writers, and strategists. For over a decade, we've helped businesses to craft honest, emotional experiences through strategy, brand development, graphic design, web design, and storytelling.</p>
+
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 213: Line 210:
 
                                 <div class="text-area">
 
                                 <div class="text-area">
 
                                     <div class="title">
 
                                     <div class="title">
−
                                        <h5 class="text-gray">Example No.5</h5>
+
                                         <h2>Youth Education</h2>
−
                                         <h2>Projects section</h2>
+
−
                                        <div class="separator-container">
+
−
                                            <div class="separator line-separator">✻</div>
+
−
                                        </div>
+
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                                 <div class="info">
 
                                 <div class="info">
−
                                     <p class="text-center text-gray">One of our best projects outside of America</p>
+
                                     <p class="text-center text-gray">Mention Smithsonian</p>
 
                                 </div>
 
                                 </div>
 
                                 <div class="row scroller" style="-webkit-transform: translateX(-741.4299516908213px);">
 
                                 <div class="row scroller" style="-webkit-transform: translateX(-741.4299516908213px);">
Line 242: Line 235:
 
                                         <div class="project">
 
                                         <div class="project">
 
                                             <img alt="..." src="assets/img/builder/projects/project.jpg">
 
                                             <img alt="..." src="assets/img/builder/projects/project.jpg">
−
                                             <a class="over-area color-black" href="#" target="_blank">
+
                                             <a class="over-area color-black" href="wmigem.weebly.com/outreach.html">
 
                                                 <div class="content">
 
                                                 <div class="content">
−
                                                     <h4>America Trip</h4>
+
                                                     <h4>Nine Interactive Workshops</h4>
−
                                                     <p>Click to open a new link.</p>
+
                                                     <p>Click for details about each workshop on our blog!</p>
 
                                                 </div>
 
                                                 </div>
 
                                             </a>
 
                                             </a>
Line 259: Line 252:
 
                         <div class="section section-numbers-2" id="numbers2">
 
                         <div class="section section-numbers-2" id="numbers2">
 
                             <div class="parallax pattern-image">
 
                             <div class="parallax pattern-image">
−
                                 <img alt="..." src="assets/img/rubik_background.jpg">
+
                                 <img alt="..." src="https://static.igem.org/mediawiki/2015/thumb/b/b2/WMCurriculum.jpeg/800px-WMCurriculum.jpeg">
 
                             </div>
 
                             </div>
 
                             <div class="container">
 
                             <div class="container">
Line 266: Line 259:
 
                                         <div class="description">
 
                                         <div class="description">
 
                                             <div class="title">
 
                                             <div class="title">
−
                                                <h5>Text &amp; Parallax</h5>
+
                                                 <h2>Long-Term Sustainability</h2>
−
                                                 <h2>Numbers Section</h2>
+
−
                                                <div class="separator-container">
+
−
                                                    <div class="separator line-separator">✻</div>
+
−
                                                </div>
+
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 279: Line 268:
 
                                     <div class="col-md-4">
 
                                     <div class="col-md-4">
 
                                         <div class="card card-plain">
 
                                         <div class="card card-plain">
−
                                             <h3>Customers</h3>
+
                                             <h3>Activities</h3>
−
                                             <h5>Enterprises and private</h5>
+
                                             <h5>Optimized for grades 1-12</h5>
 
                                             <div class="number" id="customersNo">
 
                                             <div class="number" id="customersNo">
−
                                                 574
+
                                                 24
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 288: Line 277:
 
                                     <div class="col-md-4">
 
                                     <div class="col-md-4">
 
                                         <div class="card card-plain">
 
                                         <div class="card card-plain">
−
                                             <h3>Projects</h3>
+
                                             <h3>Schools</h3>
 
                                             <h5>Design, Sketch and Plan</h5>
 
                                             <h5>Design, Sketch and Plan</h5>
 
                                             <div class="number" id="projectsNo">
 
                                             <div class="number" id="projectsNo">
−
                                                 1.257
+
                                                 Count how many?? Probably ~15
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 297: Line 286:
 
                                     <div class="col-md-4">
 
                                     <div class="col-md-4">
 
                                         <div class="card card-plain">
 
                                         <div class="card card-plain">
−
                                             <h3>Cities</h3>
+
                                             <h3>Countries</h3>
−
                                             <h5>Where you can find our work</h5>
+
                                             <h5>Our efforts are international. </h5>
 
                                             <div class="number" id="citiesNo">
 
                                             <div class="number" id="citiesNo">
−
                                                 52
+
                                                 3
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>

Revision as of 16:07, 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

1 Column Text & Images

Adult Communication

text on workshops and stuff for adults

...
...
...

Long-Term Sustainability

Activities

Optimized for grades 1-12
24

Schools

Design, Sketch and Plan
Count how many?? Probably ~15

Countries

Our efforts are international.
3
Collaboration With Univerity of Maryland.

title

Detail1

Detail2

Detail3

Detail4


text

text

...
...
...
...
Collaboration With University of Georgia

title

✻

text

...

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.

text

etc.

Collaboration With Cambridge University

title

✻

text

...

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.

text

etc.