-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsome-guy.html
179 lines (166 loc) · 8.39 KB
/
some-guy.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE HTML>
<!--
Strongly Typed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Business Concept Two</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="no-sidebar is-preload">
<div id="page-wrapper">
<!-- Header -->
<section id="header">
<div class="container">
<!-- Logo -->
<h1 id="logo">Sum Guy</h1>
<p>Forester</p>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a class="icon solid fa-home" href="index.html"><span>Home</span></a></li>
<li><a class="icon solid fa-cog" href="https://dustin-hays.netlify.app/"><span>Dustin Hays</span></a></li>
<li>
<a href="#" class="icon fa-chart-bar"><span>Dropdown</span></a>
<ul>
<li><a href="no-sidebar-layout.html">No Sidebar Layout</a></li>
<li><a href="left-sidebar-layout.html">Left Sidebar Layout</a></li>
<li><a href="right-sidebar-layout.html">Right SideBar Layout</a></li>
<li><a href="gibberish.html">Gibberish</a></li>
<li><a href="overwhelmed.html">Overwhelmed</a></li>
<li><a href="inspect-tutorial.html">Playing with Responsiveness</a></li>
<li>
<a href="pretend-employees.html">Pretend Employees</a>
<ul>
<li><a href="jane-smith.html">Jane Smith</a></li>
<li><a href="some-guy.html">Sum Guy</a></li>
<li><a href="good-boy.html">Good Boi</a></li>
</ul>
</li>
<li><a href="#email">Make Me a Website</a></li>
</ul>
</li>
<li><a class="icon solid fa-envelope" href="#email"><span>contact</span></a></li>
</ul>
</nav>
</div>
</section>
<!-- Main -->
<section id="main">
<div class="container">
<div id="content">
<!-- Post -->
<article class="box post">
<header>
<h2>Where the heck are the trees?!?</h2>
</header>
<span class="image featured"><img src="images/sum-guy.jpg" alt="" /></span>
<h3>(Insert stats and statistics here)</h3>
<p>Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit
ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique.
Curabitur leo nibh, rutrum eu malesuada in tristique</p>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni commodi accusamus reprehenderit?</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, neque!</li>
<li>Lorem, ipsum dolor.</li>
<li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Accusamus veniam fugiat dignissimos quasi mollitia.</li>
<li>Lorem, ipsum dolor.</li>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, incidunt tempora.</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique molestias maxime ipsa inventore dolor rerum, vitae, officia, fuga animi voluptates necessitatibus exercitationem?</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
</ul>
<li>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laboriosam, fugit quisquam quasi repellat non atque suscipit iure assumenda fuga, nisi explicabo sunt reiciendis rem, nobis maxime repudiandae possimus sapiente accusantium ea unde? Laudantium rem perspiciatis et nam. Laudantium?</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde cum eius tenetur quidem qui alias vitae, porro quibusdam rerum a, sit tempora voluptatibus saepe ratione ullam recusandae quae sapiente facilis in. Laborum nam laboriosam nulla. Dicta possimus, iure libero consectetur repellendus blanditiis, velit dolorum similique nemo, perspiciatis illo alias!</li>
</ul>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut culpa labore unde quod animi excepturi quas neque dignissimos, nemo necessitatibus nisi voluptates rem illum magni quae iusto id laborum sed repellat dolore temporibus? Accusantium doloremque repellendus provident eos ex quae nisi a nemo molestias. Dignissimos voluptas eaque atque, libero ipsa velit rerum, sunt a ex asperiores modi, corrupti non quis provident beatae id numquam eveniet recusandae in! Pariatur dignissimos perspiciatis ducimus praesentium voluptatum excepturi reiciendis ab odit cupiditate explicabo magnam inventore commodi veniam ratione nobis rerum quam, tempore iste. Ut consequuntur beatae eos quos aliquid et rerum ab.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, nisi adipisci. Numquam quibusdam, ea debitis nisi odio provident, consectetur dolorum mollitia nihil possimus sequi similique deserunt commodi totam cumque aperiam repudiandae.</p>
</article>
</div>
</div>
</section>
<!-- Footer -->
<div class="container">
<header id="email">
<h2>Let's get in touch:</h2>
</header>
<div class="row">
<div class="col-6 col-12-medium">
<section>
<form method="post" action="https://getform.io/f/8c1eadda-cdee-44e9-a6e8-6af208416432">
<div class="row gtr-50">
<div class="col-6 col-12-small">
<input name="name" placeholder="Name" type="text" />
</div>
<div class="col-6 col-12-small">
<input name="email" placeholder="Email" type="text" />
</div>
<div class="col-12">
<textarea name="message" placeholder="Message"></textarea>
</div>
<div class="col-12">
<button type="submit" class="form-button-submit button icon solid fa-envelope">Send Message</button>
<button id="clear-form" type="reset" class="form-button-submit button icon solid fa-circle">Clear</button>
</div>
</div>
</form>
</section>
</div>
<div class="col-6 col-12-medium">
<section>
<p>Don't be afraid to reach out. I do not upsell or manipulate. It is my goal to be successful and by that mark, I need my clients to be happy and proud of their websites. At the end of the day, it’s you selling my services.
</p>
<div class="row">
<div class="col-6 col-12-small">
<ul class="icons">
<li class="icon solid fa-envelope">
</li>
<li class="icon brands fa-github">
<a class="clearLink" href="github.com/dustinhaysu">github.com/dustinhaysu</a>
</li>
</ul>
</div>
<div class="col-6 col-12-small">
<ul class="icons">
<li class="icon brands fa-twitter">
<a class="clearLink" href="https://github.com/dustinhaysu">twitter.com/hays_dustin_u</a>
</li>
<li class="icon brands fa-linkedin">
<a class="clearLink" href="https://www.linkedin.com/in/dustin-hays-965898229/">linkedin.com/in/dustin-hays-965898229/</a>
</li>
</ul>
</div>
</div>
</section>
</div>
</div>
</div>
<div id="copyright" class="container">
<ul class="links">
<li>© Dustin Hays. All rights reserved.</li><li>Design: Business Concept Two</li><li><a class="clearLink" href="#">Back to Top</a> </li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>