-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbusiness.html
137 lines (123 loc) · 6.38 KB
/
business.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
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Dustin Hays</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo">Dustin Hays</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<!-- <a href="#">Layouts</a>
<ul>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
</ul> -->
</li>
<li><a href="business.html">Business</a></li>
<li><a href="portfolio.html">Personal</a></li>
<li><a href="index.html#four">Work</a></li>
<li><a href="index.html#five" class="">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2>What is a responsive website anyway?</h2>
<p><a class="clear-link" href="https://en.wikipedia.org/wiki/Responsive_web_design"> A responsive website is a website that changes its style and layout in accordance with a user's device and/or orientation.</a></p>
</header>
<div class="row gtr-150">
<div class="col-8 col-12-medium">
<!-- Content -->
<section id="content">
<a href="https://business-concept-two.netlify.app/index.html" class="image fit"><img src="images/business-two-white.png" alt="business-concept-two" /></a>
<h3>In other words, your website is optimized to look and operate amazingly no matter the device being used.
</h3>
<p>When starting a new build I will begin with a template as this is common practice among web developers. Building a website from scratch can take a very long time costing you the customer a ridiculous amount of billable hours. These days there is a template for just about anything a person could imagine from websites that link hundreds and even thousands of pages like a newspaper or online retailer to single-page layouts that act as a hub to all your social media outlets there is likely already a design in existence that is an exact and perfect fit for you and your business.
</p>
<h3>Do you want to see more?</h3>
<p>Click the image above or the learn more button below to head into the largest of my example websites. It has the most links and the most pages demonstrating how four simple page layouts can interact with each other creating a vast network of clickable items. Interaction can be an excellent way to make you, your services, or your products more memorable and/or desirable to potential consumers.
</p>
<ul class="actions">
<li><a href="https://business-concept-two.netlify.app/index.html" class="button">Learn More</a></li>
</ul>
</section>
</div>
<div class="col-4 col-12-medium">
<!-- Sidebar -->
<section id="sidebar">
<section>
<h3>When you are ready to build</h3>
<p>We will start things off with a simple conversation about your wants and needs after which I will research some templates and return a handful of options that could possibly work. I will not charge for this initial consultation or research.
</p>
<p>I will 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>
<footer>
<ul class="actions">
<li><a href="#" class="button icon fa-envelope">Contact</a></li>
</ul>
</footer>
</section>
<hr />
<section>
<a href="https://business-concept-one.netlify.app/" class="image fit"><img src="images/business-one-golden.png" alt="" /></a>
<h3>Need something a little more streamlined?</h3>
<p>This example of a website is straightforward while remaining eloquent. Click the image above or the learn more button below to explore a website design that cuts out all the fat. Regardless of what you need, somebody somewhere has created a design that is your dream come true. By calling on me I will find that design and turn your ideas into reality.
</p>
<footer>
<ul class="actions">
<li><a href="https://business-concept-one.netlify.app/" class="button">Learn More</a></li>
</ul>
</footer>
</section>
</section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/hays_dustin_u" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/in/dustin-hays-965898229/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/dustinhaysu" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>© Dustin Hays. All rights reserved.</li><li><a class="clear-link" href="#">Top of page</a></li> </ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.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>