+++ /dev/null
-<!doctype html>
-<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
-<html class="no-js" lang="en" dir="ltr">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Foundation for Sites Testing</title>
- <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
- <link href="../assets/css/foundation-prototype.css" rel="stylesheet" />
-
- </head>
- <body>
- <div class="row column">
- <h2 class="margin-top-1">Buttons</h2>
- <button type="button" class="button rounded bordered primary">Primary</button>
- <button type="button" class="button rounded bordered secondary">Secondary</button>
- <button type="button" class="button rounded bordered success">Success</button>
- <button type="button" class="button rounded bordered alert">Alert</button>
- <button type="button" class="button rounded bordered warning">Warning</button>
- </div>
- <div class="row column">
- <h2 class="margin-top-1">Images</h2>
- <img src="http://placehold.it/100x100" class="rounded margin-right-1">
- <img src="http://placehold.it/100x100" class="rounded-circle">
- </div>
- <div class="row column">
- <h2 class="margin-top-1">Cards</h2>
- <div class="rounded bordered card" style="width: 300px;">
- <img src="../assets/img/generic/rectangle-1.jpg">
- <div class="card-divider">
- Rounded Card
- </div>
- <div class="card-section">
- <h4>This is a card.</h4>
- <p>It has an easy to override visual style, and is appropriately subdued.</p>
- </div>
- </div>
- </div>
- <div class="row column">
- <h2 class="margin-top-1">Tables</h2>
- <table class="rounded bordered">
- <thead>
- <tr>
- <th width="200">Table Header</th>
- <th>Table Header</th>
- <th width="150">Table Header</th>
- <th width="150">Table Header</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Content Goes Here</td>
- <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
- <td>Content Goes Here</td>
- <td>Content Goes Here</td>
- </tr>
- <tr>
- <td>Content Goes Here</td>
- <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
- <td>Content Goes Here</td>
- <td>Content Goes Here</td>
- </tr>
- <tr>
- <td>Content Goes Here</td>
- <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
- <td>Content Goes Here</td>
- <td>Content Goes Here</td>
- </tr>
- <tr>
- <td>Content Goes Here</td>
- <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
- <td>Content Goes Here</td>
- <td>Content Goes Here</td>
- </tr>
- </tbody>
- </table>
- </div>
- <p class="margin-vertical-1"> </p>
-
- <script src="../assets/js/vendor.js"></script>
- <script src="../assets/js/foundation.js"></script>
- <script>
- $(document).foundation();
- </script>
- </body>
-</html>
projects / thirdparty / foundation / foundation-sites.git / commitdiff
