-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmyprocess.html
141 lines (131 loc) · 7.24 KB
/
myprocess.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
<!DOCTYPE html>
<html>
<head>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-102592785-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments)
};
gtag('js', new Date());
gtag('config', 'UA-102592785-2');
</script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-102592785-2', 'auto');
ga('send', 'pageview');
</script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NTCT263');
</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<title>My Process | VictorHorton.com</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="js/bootstrap-4.0.0beta/css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Bentham" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTCT263"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="webname">
<div class="sticky">
<h1>My Process</h1>
</div>
<p>Website Development and Design</p>
</div>
<nav class="navbar navbar-expand-md navbar-dark" style="background-color: orange">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="examples.html" class="nav-link">Examples</a></li>
<li class="nav-item"><a href="myprocess.html" class="nav-link active">My Process</a></li>
<li class="nav-item"><a href="offer.html" class="nav-link">What I offer</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact Me</a></li>
</ul>
</div>
</nav>
<section class="wrapper">
<div>
<h2>My Process</h2>
</div>
<div>
<h3>Step 1</h3>
<p>
So, the process starts with a mobile first approach. As I said before mobile first is content driven, there for user focused. The point of a website is to give users something. Whether that something is information or merchandise, we want them to stay there as long as they need to, in order to get everything they need.</p>
<p>We sit down and literally draw out what you want the site to look like, this is called wire framing. The wire frame will allow me to design the site the way you want. I will be able to give you tips and trick along the way, I can also tell you what I can and can't do. The wire frame is a rough draft of the site.
</p>
</div>
<div>
<h3>Step 2</h3>
<p>
The 2nd step of the process is mostly on me. I design the site with all of the information we have talked about during wire framing. Now the content or "copy" is on you. I will tell you what "copy" I need to best represent your site. I can help with this, but no one knows your business better than you. A lot of this can be done via email, as to not take up more of your time than I need to. Once I have the wire frame complete, even if the "copy" isn't done, we will meet again to review your site. Once approves by you I build the site.
</p>
</div>
<div>
<h3>Step 3</h3>
<p>
The 3rd step of the process will be done without you seeing. This is were I will build the site per the wire frame and the content you provide. The time this takes depends on the size of the site. Expectations will be discussed before this step begins. After completion, you will review the site to make any changes. I will make changes then review again.
</p>
</div>
<div>
<h3>Step 4</h3>
<p>The 4th and final step will be launching of the site. We will do a soft launch to make sure all of the features are working and the different screen sizes are responsive. Once that is checked and working fine, then the site is ready to launch. You will be encouraged to start publicly advertising your site as it will be ready for your customers.</p>
</div>
<div class="portfolio">
<h2><a href="offer.html"> What I offer →</a></h2>
</div>
</section>
<footer>
<div class="socialMedia">
<a href="https://www.facebook.com/victor.c.horton" target="_blank" title="FaceBook"><span class="icon-facebook" data-icon="ea90">
</span></a>
<a href="https://www.instagram.com/victorh502/" target="_blank" title="Instagram"><span class="icon-instagram" data-icon="ea92">
</span></a>
<a href="https://twitter.com/VictorHorton" target="_blank" title="Twitter"><span class="icon-twitter" data-icon="ea96">
</span></a>
<a href="https://www.linkedin.com/in/victorhorton/" target="_blank" title="LinkedIn"><span class="icon-linkedin2" data-icon="eaca">
</span></a>
</div>
<p>Victorhorton.com © 2018</p>
</footer>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/bootstrap-4.0.0beta/js/bootstrap.js"></script>
<script src="js/main.js"></script>
</body>
</html>