-
Notifications
You must be signed in to change notification settings - Fork 0
/
page.html
156 lines (133 loc) · 7.15 KB
/
page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="">
<meta name="description" content="">
<meta name="robots" content="noindex, nofollow">
<title>Design | *Site Name*</title>
<!-- Font Scripts -->
<script defer type="text/javascript" src="js/fonts.js"></script>
<!-- FontAwesome Kit -->
<script src="https://kit.fontawesome.com/1c0794db94.js" crossorigin="anonymous"></script>
<!-- External Styles -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css">
<!-- Internal Styles -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body id="home">
<header class="header" role="banner">
<div class="container">
<div class="group">
<div class="logo">
<a href="index.html" class="force">
<img src="https://eternityatom.com/images/atom_logo.svg" title="Return Home" alt="Logo">
</a>
</div>
<nav class="nav" role="navigation" aria-label="Site Menu">
<ul>
<li><a href="#">Link</a></li>
<li class="trigger"><a href="#">Link <i class="fal fa-caret-down" aria-hidden="true"></i></a>
<ul class="drop">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li class="trigger">
<a href="#">Link <i class="fal fa-caret-down" aria-hidden="true"></i></a>
<ul class="drop">
<li><a href="#">Drop Link</a></li>
<li><a href="#">Drop Link</a></li>
<li><a href="#">Drop Link</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main role="main">
<div class="layout layout_sidebar">
<div class="col col_1">
<section class="richtext">
<div class="container">
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quia eveniet, eum doloribus pariatur facere debitis! Corporis tenetur, quia saepe accusantium quasi culpa. Ad molestiae, cumque! Minus doloribus nesciunt sit provident deserunt, quisquam, ex, nihil dicta ab molestias ea rerum! Saepe laboriosam ex, earum, dolore aut unde nostrum mollitia necessitatibus id cum perferendis a debitis amet exercitationem hic obcaecati minus!</p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore a quam voluptatibus autem deserunt quasi soluta culpa, qui cupiditate incidunt.</p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore a quam voluptatibus autem deserunt quasi soluta culpa, qui cupiditate incidunt.</p>
</div>
</section>
</div>
<div class="col col_2">
<section class="richtext">
<div class="container">
<h3>Sidebar</h3>
<p>Testing the sidebar</p>
</div>
</section>
</div>
</div>
<div class="layout layout_two_columns">
<div class="col col_1">
<section class="richtext">
<div class="container">
<h2>Item</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore a quam voluptatibus autem deserunt quasi soluta culpa, qui cupiditate incidunt.</p>
<br />
<h2>Item</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore a quam voluptatibus autem deserunt quasi soluta culpa, qui cupiditate incidunt.</p>
</div>
</section>
</div>
<div class="col col_2">
<section class="richtext">
<div class="container">
<h2>Item</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore a quam voluptatibus autem deserunt quasi soluta culpa, qui cupiditate incidunt.</p>
<br />
<h2>Item</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore a quam voluptatibus autem deserunt quasi soluta culpa, qui cupiditate incidunt.</p>
</div>
</section>
</div>
</div>
</main>
<footer class="footer" role="contentinfo">
<div class="container">
<div class="social-icons">
<a href="#" target="_blank" title="Follow us on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" target="_blank" title="Follow us on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" title="Follow us on Pinterest"><i class="fab fa-pinterest-p"></i></a>
<a href="#" target="_blank" title="Follow us on Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" target="_blank" title="Follow us on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blank" title="Follow us on YouTube"><i class="fab fa-youtube"></i></a>
</div>
<div class="address">182 Main Street | Burlington, Vermont 05401</div>
<div class="contact">
<a href="#">(000) 000-0000</a> | <a href="#">[email protected]</a>
</div>
<div class="copyright" role="contentinfo">© 2019 *Site Name* | All Rights Reserved</div>
<div class="ewd">
<a href="https://eternitywebdev.com/" target="_blank">
<img src="images/website_by_eternity.svg" alt="Website By Eternity">
</a>
</div>
</div>
</footer>
<!-- External Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.1/flickity.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/ScrollMagic.min.js"></script>
<!-- Internal Scripts -->
<script src="js/demo.js"></script>
<script src="js/nav.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>