Skip to content

Commit 9079359

Browse files
buckyrobertsbuckyroberts
committed
Added Foundation source code.
1 parent 01bed80 commit 9079359

File tree

5 files changed

+228
-0
lines changed

5 files changed

+228
-0
lines changed

‎Foundation/002_gridSystem.html

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 9]>
3+
<html class="lt-ie10" lang="en">
4+
<![endif]-->
5+
<html class="no-js" lang="en">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
10+
<title>thenewboston</title>
11+
12+
<link rel="stylesheet" href="css/normalize.css">
13+
<link rel="stylesheet" href="css/foundation.css">
14+
<script src="js/vendor/modernizr.js"></script>
15+
</head>
16+
<body>
17+
18+
<div class="row">
19+
<div class="medium-4 columns" style="background: lightblue">4</div>
20+
<div class="medium-6 columns" style="background: lightsalmon">6</div>
21+
<div class="medium-2 columns" style="background: lightgreen">2</div>
22+
</div>
23+
24+
<div class="row">
25+
<div class="medium-6 columns" style="background: lightsalmon">6</div>
26+
<div class="medium-6 columns" style="background: lightgray">6</div>
27+
</div>
28+
29+
<script src="js/vendor/jquery.js"></script>
30+
<script src="js/foundation.min.js"></script>
31+
<script>
32+
$(document).foundation();
33+
</script>
34+
</body>
35+
</html>

‎Foundation/003_dynamicLayouts.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 9]>
3+
<html class="lt-ie10" lang="en">
4+
<![endif]-->
5+
<html class="no-js" lang="en">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
10+
<title>thenewboston</title>
11+
12+
<link rel="stylesheet" href="css/normalize.css">
13+
<link rel="stylesheet" href="css/foundation.css">
14+
<script src="js/vendor/modernizr.js"></script>
15+
</head>
16+
<body>
17+
18+
<!--
19+
small = mobile
20+
medium = tablets
21+
large = desktop
22+
-->
23+
24+
<div class="row">
25+
26+
<div class="small-6 large-2 columns" style="background: lightsalmon;">Left</div>
27+
<div class="small-6 large-10 columns" style="background: lightgreen;">Right</div>
28+
29+
</div>
30+
31+
<script src="js/vendor/jquery.js"></script>
32+
<script src="js/foundation.min.js"></script>
33+
<script>
34+
$(document).foundation();
35+
</script>
36+
</body>
37+
</html>

‎Foundation/004_blockGrid.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 9]>
3+
<html class="lt-ie10" lang="en">
4+
<![endif]-->
5+
<html class="no-js" lang="en">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
10+
<title>thenewboston</title>
11+
12+
<link rel="stylesheet" href="css/normalize.css">
13+
<link rel="stylesheet" href="css/foundation.css">
14+
<link rel="stylesheet" href="main.css">
15+
<script src="js/vendor/modernizr.js"></script>
16+
</head>
17+
<body>
18+
19+
<div class="row">
20+
21+
<ul class="small-block-grid-3 medium-block-grid-5">
22+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
23+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
24+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
25+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
26+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
27+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
28+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
29+
<li><img src="http://foundation.zurb.com/docs/assets/img/examples/satelite.jpg"></li>
30+
</ul>
31+
32+
</div>
33+
34+
<script src="js/vendor/jquery.js"></script>
35+
<script src="js/foundation.min.js"></script>
36+
<script>
37+
$(document).foundation();
38+
</script>
39+
</body>
40+
</html>

‎Foundation/005_typography.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 9]>
3+
<html class="lt-ie10" lang="en">
4+
<![endif]-->
5+
<html class="no-js" lang="en">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
10+
<title>thenewboston</title>
11+
12+
<link rel="stylesheet" href="css/normalize.css">
13+
<link rel="stylesheet" href="css/foundation.css">
14+
<link rel="stylesheet" href="main.css">
15+
<script src="js/vendor/modernizr.js"></script>
16+
</head>
17+
<body>
18+
19+
<div class="row">
20+
<div class="medium-12 columns">
21+
22+
<ul class="inline-list">
23+
<li><a href="#">Home</a></li>
24+
<li><a href="#">About</a></li>
25+
<li><a href="#">Profile</a></li>
26+
</ul>
27+
28+
<blockquote>
29+
This is how you make quotes.
30+
<cite>Bucky Roberts</cite>
31+
</blockquote>
32+
33+
<h4>Labels</h4>
34+
<p>Hey can you go to the store and pickup <span class="label">cream cheese?</span></p>
35+
36+
<h4>Keystrokes</h4>
37+
<p>To make your browser faster type <kbd>Alt + F4</kbd></p>
38+
39+
</div>
40+
</div>
41+
42+
<script src="js/vendor/jquery.js"></script>
43+
<script src="js/foundation.min.js"></script>
44+
<script>
45+
$(document).foundation();
46+
</script>
47+
</body>
48+
</html>

‎Foundation/006_offCanvasSideMenu.html

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 9]>
3+
<html class="lt-ie10" lang="en">
4+
<![endif]-->
5+
<html class="no-js" lang="en">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
10+
<title>thenewboston</title>
11+
12+
<link rel="stylesheet" href="css/normalize.css">
13+
<link rel="stylesheet" href="css/foundation.css">
14+
<link rel="stylesheet" href="main.css">
15+
<script src="js/vendor/modernizr.js"></script>
16+
</head>
17+
<body>
18+
19+
<div class="off-canvas-wrap" data-offcanvas>
20+
<div class="inner-wrap">
21+
22+
<!-- Toggle button -->
23+
<a class="left-off-canvas-toggle" href="#">Toggle Menu</a>
24+
25+
<!-- Offcanvas menu -->
26+
<aside class="left-off-canvas-menu">
27+
<ul class="no-bullet">
28+
<li><a href="#">Home</a></li>
29+
<li><a href="#">Profile</a></li>
30+
<li><a href="#">Logout</a></li>
31+
</ul>
32+
</aside>
33+
34+
<!-- Main content -->
35+
<div class="row">
36+
<div class="medium-6 columns bg-2">Hey now dude</div>
37+
<div class="medium-6 columns bg-3">This is some sample content</div>
38+
</div>
39+
40+
<!-- Exit overlay -->
41+
<a class="exit-off-canvas"></a>
42+
43+
</div>
44+
</div>
45+
46+
<script src="js/vendor/jquery.js"></script>
47+
<script src="js/foundation.min.js"></script>
48+
<script>
49+
$(document).foundation();
50+
</script>
51+
</body>
52+
</html>
53+
54+
55+
56+
57+
58+
59+
60+
61+
62+
63+
64+
65+
66+
67+
68+

0 commit comments

Comments
 (0)