-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
458 lines (358 loc) · 18.2 KB
/
index.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Higher Ground Studio</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://cdn.snipcart.com/themes/2.0/base/snipcart.min.css" rel="stylesheet" type="text/css" />
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-6534095-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-6534095-1');
</script>
</head>
<body id="top">
<!-- preloader
================================================== -->
<div id="preloader">
<div id="loader" class="dots-jump">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- header
================================================== -->
<header class="s-header">
<div class="row">
<div class="header-logo">
<a class="site-logo" href="index.html">
<img src="images/logo.svg" alt="Higher Ground Studio">
</a>
</div>
<nav class="header-nav-wrap">
<ul class="header-main-nav">
<li class="current"><a class="smoothscroll" href="#home" title="intro">Intro</a></li>
<li><a class="smoothscroll" href="#about" title="about">About</a></li>
<li><a class="smoothscroll" href="#pricing" title="pricing">Pricing</a></li>
<li><a class="smoothscroll" href="#contact" title="contact">Contact Us</a></li>
</ul>
<div class="header-cta">
<a href="#pricing" class="btn btn--primary header-cta__btn smoothscroll">Improve your SEO</a>
</div>
</nav> <!-- end header-nav-wrap -->
<a class="header-menu-toggle" href="#"><span>Menu</span></a>
</div>
</header> <!-- end header -->
<!-- home
================================================== -->
<section id="home" class="s-home target-section" data-parallax="scroll" data-image-src="images/hero-bg.jpg"
data-natural-width=3000 data-natural-height=2000 data-position-y=center>
<div class="shadow-overlay"></div>
<div class="home-content">
<div class="row home-content__main">
<div class="home-content__left">
<h1>
We are obsessed <br>
with the best SEO
</h1>
<h3>
We are obsessed with search engine optimization and fast sites (which go hand in hand).
How can you turn a potential customer if they can't find you in the first place?
This is where SEO comes in, as it will increase your site hits through organic searches that
cost you no advertisement money to improve.
</h3>
<div class="home-content__btn-wrap">
<a href="#contact" class="btn btn--primary home-content__btn smoothscroll">
Get Started
</a>
</div>
</div> <!-- end home-content__left-->
<div class="home-content__right">
<img src="images/hero-app-screens-800.png"
srcset="images/hero-app-screens-800.png 1x, images/hero-app-screens-1600.png 2x">
</div> <!-- end home-content__right -->
</div> <!-- end home-content__main -->
</div> <!-- end home-content -->
<a href="#about" class="home-scroll smoothscroll">
<span class="home-scroll__text">Scroll</span>
<span class="home-scroll__icon"></span>
</a>
</section> <!-- end s-home -->
<!-- about
================================================== -->
<section id="about" class="s-about target-section">
<div class="row section-header has-bottom-sep" data-aos="fade-up">
<div class="col-full">
<h1 class="display-1">
What problem are you trying to solve?
</h1>
<p class="lead">
We are here to come alongside you and to help you reach your next goal.
</p>
</div>
</div> <!-- end section-header -->
<div class="row wide about-desc" data-aos="fade-up">
<div class="col-full slick-slider about-desc__slider">
<div class="about-desc__slide">
<h3 class="item-title">Not #1 on searches.</h3>
<p>
The best search engine optimization (SEO) can quickly help your competition outrank you on
searches, even if you’ve been on the top of the first page previously.
</p>
</div> <!-- end about-desc__slide -->
<div class="about-desc__slide">
<h3 class="item-title">My website is slow.</h3>
<p>
We have lots of experience speeding up websites and will be part of our audit to review and
provide recommendations. Speed is based on many factors such as clean code, the server it is on,
size of images and compression to name a few, we can help with much of this or provide
recommendations.
</p>
</div> <!-- end about-desc__slide -->
<div class="about-desc__slide">
<h3 class="item-title">Low Quality Content.</h3>
<p>
A perfectly optimised and healthy website is only the 1st step of the journey. Without great
content (the best resource for a given search term or topic) and not many other websites linking
to you, the website will struggle to rank, amazing epic content is absolutely the most important
factor.
</p>
</div> <!-- end about-desc__slide -->
<div class="about-desc__slide">
<h3 class="item-title">Not Secure.</h3>
<p>
It is a must to have a SSL secured website now. Search engines now lower the ranking of
non-secure sites and will be one of the first steps to improve your rank.
</p>
</div> <!-- end about-desc__slide -->
</div> <!-- end about-desc__slider -->
</div> <!-- end about-desc -->
</section> <!-- end s-about -->
<!-- about-how
================================================== -->
<section id="about-how" class="s-about-how target-section">
<div class="row section-header">
<h2 class="display-2 text-center" data-aos="fade-up">How We Work</h2>
<div class="process" data-aos="fade-up">
<div class="process__steps block-1-2 block-tab-full group">
<div class="col-block step">
<h3 class="item-title">Get started</h3>
<p>
We will get in touch and get all the information that we need to improve your SEO.
</p>
</div>
<div class="col-block step">
<h3 class="item-title">Customized SEO Review</h3>
<p>
We will provide you with a customized SEO review prior to started to optimize your site.
</p>
</div>
<div class="col-block step">
<h3 class="item-title">Search Engine Optimization</h3>
<p>
This is where all the magic happens. We will take your SEO review and implement the changes.
</p>
</div>
<div class="col-block step">
<h3 class="item-title">Post SEO Review</h3>
<p>
We will send you a customized post SEO review of what we did and how it has changed your
ranking.
</p>
</div>
</div> <!-- end process__steps -->
</div> <!-- end process -->
</div> <!-- end about-how -->
</section> <!-- end s-about-how -->
<!-- pricing
================================================== -->
<section id="pricing" class="s-pricing target-section">
<div class="row section-header align-center" data-aos="fade-up">
<div class="col-full">
<h1 class="display-1">
Our Simple <br> Straight-Forward Pricing.
</h1>
<p class="lead">
SEO Optimizations is all about building the foundations of the website, ensuring the content is
right and of good quality and getting it positioned perfectly to reach your goals.
</p>
</div>
</div> <!-- end section-header -->
<div class="row plans block-1-2 block-m-1-2 block-tab-full stack">
<div class="col-block item-plan" data-aos="fade-up">
<div class="item-plan__block" id="seoreview">
<div class="item-plan__top-part">
<h3 class="item-plan__title">Customized SEO Review</h3>
<p class="item-plan__price">$150</p>
<p class="item-plan__per">Per Site</p>
</div>
<div class="item-plan__bottom-part">
<ul class="item-plan__features">
<li>Titles and Descriptions</li>
<li>Crawling and 404 Errors</li>
<li>Mobile Usability</li>
<li>Speed Optimization Tips</li>
<li>Alts </li>
<li>Canonicals</li>
<li>Sitemap</li>
<li>Robots.txt</li>
<li>AMP Errors</li>
<li>Step by Step Plan</li>
<li>For DIYers</li>
</ul>
<button class="snipcart-add-item btn btn--primary large full-width" data-item-id="1"
data-item-name="SEO Review" data-item-price="150.00" data-item-weight="20"
data-item-url="https://highergroundstudio.com" data-item-description="SEO Review">
Get Started
</button>
</div>
</div>
</div> <!-- end item-plan -->
<div class="col-block item-plan item-plan--popular" data-aos="fade-up">
<div class="item-plan__block">
<div class="item-plan__top-part">
<h3 class="item-plan__title">SEO Optimization</h3>
<p class="item-plan__price">$300</p>
<p class="item-plan__per">Per Site</p>
</div>
<div class="item-plan__bottom-part">
<ul class="item-plan__features">
<li><span>Customized</span> SEO Review PLUS</li>
<li>Competitors Analysis</li>
<li><span>Optimize</span> SEO</li>
<li>Search Console Registration</li>
<li>Robots.txt (fix and/or create)</li>
<li>Sitemap(s) (fix and/or create)</li>
<li>Google My Business (fix and/or create)</li>
<li>Search Console Optimization</li>
<li>Provide Solutions to fix technical problems</li>
<li><span>Post</span> SEO Review</li>
</ul>
<button class="snipcart-add-item btn btn--primary large full-width" data-item-id="2"
data-item-name="SEO Optimization" data-item-price="300.00" data-item-weight="20"
data-item-url="https://highergroundstudio.com" data-item-description="SEO Optimization">
Get Started
</button>
</div>
</div>
</div> <!-- end item-plan -->
</div> <!-- end plans -->
</section> <!-- end s-pricing -->
<!-- contact
================================================== -->
<section id="contact" class="s-contact target-section">
<div class="row section-header align-center" data-aos="fade-up">
<div class="col-full">
<h1 class="display-1">
Get in Touch.
</h1>
<p class="lead">
We are here to make your dreams come true.<br />Drop us a line on any question you may have and we
will get back to you shortly.
</p>
</div>
</div> <!-- end section-header -->
<div class="row">
<div class="col-full tab-full">
<div class="fw_form">
<form name="contact" id="mc-form" method="POST" data-netlify="true" data-netlify-recaptcha="true">
<div>
<label for="name">Your Name</label>
<input class="full-width" placeholder="Shawn Spencer" type="text" name="name" />
</div>
<div>
<label for="email">Your email</label>
<input class="full-width" type="email" placeholder="Shawn@psych.com" id="email"
name="email">
</div>
<label for="message">Message</label>
<textarea class="full-width" name="message" placeholder="Your message" id="message"></textarea>
<div data-netlify-recaptcha="true"></div>
<br>
<button class="btn full-width">Submit</button>
</form>
</div>
</div>
</div>
</section> <!-- end s-contact -->
<!-- footer
================================================== -->
<footer class="s-footer footer">
<div class="row footer__bottom">
<div class="footer__about col-five tab-full left">
<h4>About Higher Ground Studio.</h4>
<p>
Higher Ground Studio is a small, talented design and development studio located in the mountains of
Colorado.
</p>
</div>
<div class="col-five md-seven tab-full right end">
<div class="row">
<div class="footer__site-links col-five mob-full">
<h4>Site links.</h4>
<ul class="footer__site-links">
<li><a href="#home" class="smoothscroll">Intro</a></li>
<li><a href="#about" class="smoothscroll">About</a></li>
<li><a href="#pricing" class="smoothscroll">Pricing</a></li>
<li><a href="#contact" class="smoothscroll">Contact Us</a></li>
</ul>
</div>
<div class="footer__contact col-seven mob-full">
<h4>Contact Us.</h4>
<p>
Phone: (303) 515 0928
</p>
<p>
Need help or have a question? Contact us at: <br>
<a href="mailto:support@highergrounddtudio.com"
class="footer__mail-link">support@highergrounddtudio.com</a>
</p>
</div>
</div>
</div>
<div class="col-full ss-copyright">
<span>© Copyright Higher Ground Studio 2019</span>
</div>
</div> <!-- end footer__bottom -->
<div class="go-top">
<a class="smoothscroll" title="Back to Top" href="#top"></a>
</div>
</footer> <!-- end s-footer -->
<!-- Java Script
================================================== -->
<script src="https://code.jquery.com/jquery-3.6.4.slim.min.js" integrity="sha256-a2yjHM4jnF9f54xUQakjZGaqYs/V1CYvWpoqZzC2/Bw=" crossorigin="anonymous"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="https://cdn.snipcart.com/scripts/2.0/snipcart.js" id="snipcart"
data-api-key="M2I2NTdjMDQtN2ZlMi00ZTRiLThmNzItMGE4ZDUwMGJmMmE3NjM3MDIwMDAyMzQzODMyMjEx"></script>
<script>
Snipcart.execute('registerLocale', 'en', {
"thankyou_message": "Thanks for your order! We will contact you soon to get started!"
});
</script>
</body>