Difference between revisions of "Team:Cornell NY/Demonstrate"

Line 103: Line 103:
 
                </div>
 
                </div>
 
                <div class="col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1">
 
                <div class="col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1">
                    <h3>Overview</h3>
+
                    <h1 class="cig-circle-title large mb40 mb-xs-16">Overview</h1>
 
                    <p>
 
                    <p>
 
                        Foundry is your complete design toolkit, built from the ground up to be flexible, extensible and stylish. Building slick, contemporary sites has never been this easy!
 
                        Foundry is your complete design toolkit, built from the ground up to be flexible, extensible and stylish. Building slick, contemporary sites has never been this easy!
 
                    </p>
 
                    </p>
                    <a class="btn-filled btn" href="#">Explore Foundry</a>
 
 
                </div>
 
                </div>
 
            </div>
 
            </div>
Line 122: Line 121:
  
 
<div class="main-container">
 
<div class="main-container">
<section class="image-square right">
+
 
        <div class="col-md-6 image">
+
<section>
            <div class="cig-image-side background-image-holder">
+
        <div class="container">
                <img alt="image" class="background-image" src="https://static.igem.org/mediawiki/2016/7/71/T--Cornell_NY--ayy_lmao.jpg">
+
            <div class="row v-align-children">
 +
                <div class="col-md-4 col-sm-5 mb-xs-24">
 +
                    <h1 class="cig-circle-title large mb40 mb-xs-16">Components</h1>
 +
                    <p>
 +
                        Give images an enhanced sense of place in your pages by adding the '.cast-shadow' class. This gives images a subtle shadow and gives the illusion of depth.
 +
                    </p>
 +
                </div>
 +
                <div class="col-md-7 col-md-offset-1 col-sm-6 col-sm-offset-1 text-center">
 +
                    <img class="cast-shadow" alt="Screenshot" src="img/screenshot2.jpg">
 +
                </div>
 
            </div>
 
            </div>
 +
           
 
        </div>
 
        </div>
        <div class="col-md-6 content">
+
         
            <h1 class="cig-circle-title large mb40 mb-xs-16">Components & Testing</h1>
+
    </section>
            <p class="mb0">
+
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
+
            </p>
+
        </div>
+
    </section></div>
+
  
 
</section>  <!-- cd-section  -->
 
</section>  <!-- cd-section  -->

Revision as of 10:57, 19 October 2016

Variant HTML Builder by Medium Rare

Header 2 Open navigation
Screenshot

Overview

Foundry is your complete design toolkit, built from the ground up to be flexible, extensible and stylish. Building slick, contemporary sites has never been this easy!

Components

Give images an enhanced sense of place in your pages by adding the '.cast-shadow' class. This gives images a subtle shadow and gives the illusion of depth.

Screenshot
  • App
Never forget again

The reminder that just keeps reminding! Scramble to your watch to silence these intrusive notifications.

Stay active, be healthy

No more personal responsibility! You'll now be constantly reminded to stand up and move around.

Powered by you

Forget empty branding promises, this thing is powered by awesome (you), and we stand by that.

Leave your phone

And you wont be able to use the app! Make sure you have the phone within close proximity at all times!

image

Fabrication & Modeling

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

image

Future Work

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.