Team:StuyGem NYC/Team

From 2014hs.igem.org

(Difference between revisions)
Line 5: Line 5:
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Foundation | Welcome</title>
     <title>Foundation | Welcome</title>
-
     <link rel="stylesheet" href="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.css" type="text/css"/>
+
     <link rel="stylesheet" href="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.css?action=raw&ctype=text/css"/>
-
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/modernizr.js" type="text/js"></script>
+
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/modernizr.js?action=raw&ctype=text/js"></script>
   </head>
   </head>
   <body>
   <body>
Line 158: Line 158:
     </div>
     </div>
      
      
-
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/jquery.js" type="text/js"></script>
+
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/jquery.js?action=raw&ctype=text/js"></script>
-
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.min.js" type="text/js"></script>
+
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.min.js?action=raw&ctype=text/js" type="text/js"></script>
     <script>
     <script>
       $(document).foundation();
       $(document).foundation();

Revision as of 03:42, 5 April 2014

<!doctype html> Foundation | Welcome

Welcome to Foundation

We’re stoked you want to try Foundation!

To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

Once you've exhausted the fun in this document, you should check out:

Foundation Documentation
Everything you need to know about using the framework.

Foundation on Github
Latest code, issue reports, feature requests and more.

@foundationzurb
Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).

Here’s your basic grid:

This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.

Six columns

Six columns

Four columns

Four columns

Four columns


We bet you’ll need a form somewhere:
.com
Try one of these buttons:

Simple Button
Radius Button
Round Button
Success Btn
Alert Btn
Secondary Btn

So many components, girl!

A whole kitchen sink of goodies comes with Foundation. Checkout the docs to see them all, along with details on making them your own.

Go to Foundation Docs