Difference between revisions of "Team:William and Mary"

Line 175: Line 175:
 
</div>
 
</div>
  
−
<div class="section section-we-are-1" id="description">
+
      <div class="section section-we-are-2">
−
<div class="text-area">
+
          <div class="text-area">
−
<div class="container">
+
              <div class="container">
−
<div class="row">
+
                  <div class="row">
−
<div class="title">
+
                      <div class="col-md-4">
−
<p class="h2WM">Project "abstract" here</p>
+
                          <div class="title add-animation-stopped">
−
<div class="separator-container">
+
                              <p class="h2WM">Who we are section.</p>
−
<div class="separator line-separator">✻</div>
+
                              <div class="separator-container">
−
</div>
+
                                  <div class="separator line-separator">✻</div>
−
<p class="large">
+
                              </div>
−
What have we done this year, + pictures that can be scrolled through
+
                          </div>
−
in the 'carousel' below.
+
                      </div>
−
</p>
+
                      <div class="col-md-7 col-md-offset-1">
−
</div>
+
                          <div class="description add-animation-stopped animation-1">
−
</div>
+
                              <p>We're The Company, a small design agency based in Chicago. We’ve been crafting beautiful websites, launching stunning brands and making clients happy for years.</p>
−
</div>
+
                              <p>With our prestigious craftsmanship, remarkable client care and passion for design, you could say we’re the ‘all singing, all dancing’ kind…</p>
−
</div>
+
                              <p>We think you’ll love working with us.</p>
−
<div id="carousel">
+
                          </div>
−
<div id="section-we-are-1" class="carousel slide add-animation-stopped-1" data-interval="20000">
+
                      </div>
−
<!-- Wrapper for slides -->
+
                  </div>
−
<div class="carousel-inner pattern-image animate">
+
              </div>
−
<div class="item  active">
+
          </div>
−
<img alt="..." class="full-image" src="https://static.igem.org/mediawiki/2016/6/67/T--William_and_Mary--Carouseldefault.jpeg">
+
          <div class="container">
−
</div>
+
              <div class="row">
−
<div class="item">
+
                  <div class="col-md-10 col-md-offset-1">
−
<img alt="..." class="full-image" src="https://static.igem.org/mediawiki/2016/6/67/T--William_and_Mary--Carouseldefault.jpeg">
+
                      <div class="row">
−
</div>
+
                          <div class="col-md-4">
−
</div>
+
                              <div class="card add-animation-stopped animation-1">
−
<!-- Controls -->
+
                                  <img alt="..." src="assets/img/builder/projects/project.jpg" />
−
<a class="left carousel-control" href="#section-we-are-1" data-slide="prev"><span class="fa fa-angle-left hidden-md hidden-lg"></span></a>     
+
                              </div>
−
<a class="right carousel-control" href="#section-we-are-1" data-slide="next"><span class="fa fa-angle-right hidden-ms hidden-lg"></span></a>    
+
                          </div>
−
</div>
+
                          <div class="col-md-4">
−
</div>
+
                              <div class="card add-animation-stopped animation-2">
−
</div>
+
                                  <img alt="..." src="assets/img/builder/projects/project.jpg"/>
 +
                              </div>
 +
                          </div>
 +
                          <div class="col-md-4">
 +
                              <div class="card add-animation-stopped animation-3">
 +
                                  <img alt="..." src="assets/img/builder/projects/project.jpg"/>
 +
                              </div>
 +
                          </div>
 +
                      </div>
 +
                  </div>
 +
              </div>
 +
          </div>
 +
      </div>
  
 
<!-- Section "What We do" example 4: Big Title & 4 columns icons -->
 
<!-- Section "What We do" example 4: Big Title & 4 columns icons -->

Revision as of 02:22, 5 October 2016

...

Circuit Control

✻
creating a toolbox allowing for precision circuit control

Who we are section.

✻

We're The Company, a small design agency based in Chicago. We’ve been crafting beautiful websites, launching stunning brands and making clients happy for years.

With our prestigious craftsmanship, remarkable client care and passion for design, you could say we’re the ‘all singing, all dancing’ kind…

We think you’ll love working with us.

...
...
...
Big Title & 4 Columns Icons

filler title

✻

I don't know what can go here, something cool I guess

section

text below that section

ugh

so much filler text wow

kvndkvkldsv

ipsum lorem dolor

:(

:-) :-) :-)

Example No.5

Projects section

✻

more project stuff yay

...
...
...
...

this is

a really cool website I think

Meet the Team

✻

insert text here about our team, image will go below like this one I stole :-)

...