Skip to content

Commit 287921d

Browse files
buckyrobertsbuckyroberts
committed
Foundation code added.
1 parent 9079359 commit 287921d

File tree

4 files changed

+225
-0
lines changed

4 files changed

+225
-0
lines changed

‎Foundation/007_dualToggleMenuLayout.html

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
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+
<!-- Top menu bar -->
23+
<nav class="tab-bar">
24+
<section class="left-small">
25+
<a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
26+
</section>
27+
<section class="middle tab-bar-section">
28+
<h1 class="title">thenewboston</h1>
29+
</section>
30+
<section class="right-small">
31+
<a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
32+
</section>
33+
</nav>
34+
35+
<!-- Left menu -->
36+
<aside class="left-off-canvas-menu">
37+
<ul class="off-canvas-list">
38+
<li><label>Pages</label></li>
39+
<li><a href="#">Home</a></li>
40+
</ul>
41+
</aside>
42+
43+
<!-- Right menu -->
44+
<aside class="right-off-canvas-menu">
45+
<ul class="off-canvas-list">
46+
<li><label>Friends</label></li>
47+
<li><a href="#">No one</a></li>
48+
</ul>
49+
</aside>
50+
51+
<!-- Main content -->
52+
<section class="main-section">
53+
<p>Bacon ipsum dolor amet pancetta prosciutto ball tip tri-tip tail salami. Tenderloin tongue ham leberkas. Filet mignon boudin doner kielbasa turducken flank ground round ham porchetta brisket t-bone alcatra venison jowl pastrami. Jerky prosciutto drumstick, ham hock beef hamburger brisket fatback alcatra pork belly rump. Shoulder frankfurter t-bone meatball, pork loin rump picanha.</p>
54+
<p>Bacon ipsum dolor amet pancetta prosciutto ball tip tri-tip tail salami. Tenderloin tongue ham leberkas. Filet mignon boudin doner kielbasa turducken flank ground round ham porchetta brisket t-bone alcatra venison jowl pastrami. Jerky prosciutto drumstick, ham hock beef hamburger brisket fatback alcatra pork belly rump. Shoulder frankfurter t-bone meatball, pork loin rump picanha.</p>
55+
<p>Bacon ipsum dolor amet pancetta prosciutto ball tip tri-tip tail salami. Tenderloin tongue ham leberkas. Filet mignon boudin doner kielbasa turducken flank ground round ham porchetta brisket t-bone alcatra venison jowl pastrami. Jerky prosciutto drumstick, ham hock beef hamburger brisket fatback alcatra pork belly rump. Shoulder frankfurter t-bone meatball, pork loin rump picanha.</p>
56+
</section>
57+
58+
<a class="exit-off-canvas"></a>
59+
60+
</div>
61+
</div>
62+
63+
<script src="js/vendor/jquery.js"></script>
64+
<script src="js/foundation.min.js"></script>
65+
<script>
66+
$(document).foundation();
67+
</script>
68+
</body>
69+
</html>

‎Foundation/008_topNavigationBar.html

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
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+
<nav class="top-bar" data-topbar role="navigation">
20+
21+
<!-- Logo -->
22+
<ul class="title-area">
23+
<li class="name">
24+
<h1><a href="#">thenewboston</a></h1>
25+
</li>
26+
<li class="toggle-topbar menu-icon">
27+
<a href="#"><span></span></a>
28+
</li>
29+
</ul>
30+
31+
<!-- Buttons -->
32+
<section class="top-bar-section">
33+
34+
<!-- Right buttons -->
35+
<ul class="right">
36+
<li><a href="#">Profile</a></li>
37+
<li class="has-dropdown">
38+
<a href="#">Bucky</a>
39+
<ul class="dropdown">
40+
<li><a href="#">Logout</a></li>
41+
</ul>
42+
</li>
43+
</ul>
44+
45+
<!-- Left buttons -->
46+
<ul class="left">
47+
<li><a href="#">Stream</a></li>
48+
<li><a href="#">Photo</a></li>
49+
</ul>
50+
51+
</section>
52+
53+
</nav>
54+
55+
<script src="js/vendor/jquery.js"></script>
56+
<script src="js/foundation.min.js"></script>
57+
<script>
58+
$(document).foundation();
59+
</script>
60+
</body>
61+
</html>

‎Foundation/009_topNavSearchAndLeftMenu.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+
<div class="medium-4 columns">
22+
<ul class="side-nav">
23+
<li><a href="#">Children Games</a></li>
24+
<li><a href="#">Adult Videos</a></li>
25+
<li class="divider"></li>
26+
<li><a href="#">Logout</a></li>
27+
</ul>
28+
</div>
29+
30+
<div class="medium-8 columns bg-2">Right side</div>
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/010_breadcrumbsAndAlerts.html

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
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="breadcrumbs">
23+
<li><a href="#">Forum</a></li>
24+
<li><a href="#">Java</a></li>
25+
<li class="current"><a href="#">Question about JavaFX</a></li>
26+
</ul>
27+
28+
<!-- Basic -->
29+
<div data-alert class="alert-box">
30+
Your message has been sent!
31+
<a href="#" class="close">&times;</a>
32+
</div>
33+
34+
<!-- Success -->
35+
<div data-alert class="alert-box success radius">
36+
New high score!
37+
<a href="#" class="close">&times;</a>
38+
</div>
39+
40+
<!-- Warning -->
41+
<div data-alert class="alert-box alert round">
42+
Don't send nude pics to you ex!
43+
<a href="#" class="close">&times;</a>
44+
</div>
45+
46+
</div>
47+
</div>
48+
49+
<script src="js/vendor/jquery.js"></script>
50+
<script src="js/foundation.min.js"></script>
51+
<script>
52+
$(document).foundation();
53+
</script>
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)