-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (152 loc) · 6.15 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
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="Johnson Co. makes quality products.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Johnson Co. Gloves"/>
<meta property="og:image" content="images/johnson_ico.png"/>
<meta property="og:site_name" content="Johnson Co. Gloves"/>
<meta property="og:description" content="Johnson makes quality gloves."/>
<title>Johnson Co.</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<script src="js/modernizr-custom.js"></script>
<script src="js/waypoints.js" async></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="js/scripts.js" async></script>
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
<!-- Basic styling in case of broken css link -->
<style>
#body {
background: #eee;
font-size: 16px;
font-family: "aspira", Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
}
#primary-header {text-align: center;}
#close { visibility: hidden; }
#menu-icon {width: 28px;}
.nav-li { list-style: none;}
</style>
</head>
<body id="body">
<header id="primary-header">
<div class="nav-logo">
<a href="#">
<img class="logo" alt="Johnson Logo" src="images/johnson.png" >
<h5 class="company-name">Johnson Co.</h5>
</a>
</div>
<nav class="nav" id="primary-nav">
<div id="menu-icon-container">
<h5 id="menu-label">Menu</h5>
<svg version="1.1" id="menu-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-49 67.6 100 66.4" style="enable-background:new -49 67.6 100 66.4;" xml:space="preserve">
<path class="hamburger-block" id="hamburger" d="M-49,67.6H51v9.9H-49V67.6z M-49,95.8H51v9.9H-49V95.8z M-49,124.1H51v9.9H-49V124.1z"/>
<path class="hamburger-block" id="close" d="M-49,67.6l100,56.5l0,9.9L-49,77.5L-49,67.6z M-49,124.1L51,67.6l0,9.9L-49,134L-49,124.1z"/>
</svg>
</div>
<ul class="nav-ul">
<li class="nav-li">
<a class="a" href="#">Product</a>
</li>
<li class="nav-li">
<a class="a" href="#">Support</a>
</li>
<li class="nav-li">
<a class="a" href="#">About Us</a>
</li>
<li class="nav-li">
<a class="a" href="#">Blog</a>
</li>
</ul>
</nav>
</header>
<main id="main">
<section class="centered" id="hero-section">
<h1 class="h1">
Johnson Co. Gloves
</h1>
</section>
<section>
<div class="row light">
<div class="container">
<div class="four columns snippet">
<header>
<h4 class="h4">
What we do
</h4>
</header>
<p class="p">
Mauris urna purus, molestie eu purus et, ullamcorper tempus enim. Donec id nisl id neque varius mollis ac eu risus. Mauris laoreet vitae neque at blandit. Suspendisse ultrices, felis eget laoreet tristique, massa mi feugiat leo, quis lacinia diam lacus ullamcorper sapien.
</p>
</div>
<div class="four columns snippet">
<header>
<h4 class="h4">
Who we are
</h4>
</header>
<p class="p">
Sed porttitor neque sagittis ante commodo bibendum. Duis sodales in nunc vel accumsan. Donec dapibus, odio at maximus aliquam, urna est dignissim augue, finibus finibus metus leo at augue. Duis ornare vel turpis eget vestibulum. Vivamus aliquam imperdiet risus a mattis. Vestibulum ac nulla porta, vehicula ipsum aliquet, efficitur.
</p>
</div>
<div class="four columns snippet">
<header>
<h4 class="h4">
How we work
</h4>
</header>
<p class="p">
Maecenas elementum dui quis ornare viverra. Maecenas egestas at mauris ac pulvinar. Mauris ut maximus arcu. Duis ac dolor eu ante vehicula lacinia sit amet feugiat turpis. Vivamus massa tellus, commodo at vulputate nec, semper eget.
</p>
</div>
</div>
</div>
</section>
<section>
<div class="row" id="product-feature-bg"></div>
<div class="row" id="product-feature-blur"></div>
<div class="row dark centered" id="product-feature">
<div class="container">
<h2 class="h2">
Made for you, with care
</h2>
</div>
</div>
<div class="row dark" id="about-us" >
<div class="container">
<img id="johnson-co-logo" src="images/JohnsonCo.png" alt="Johnson Co." />
<div class="text-block">
<p class="p">
Our premium glove designers enthusiastically cultivate customized schemas by redefining integrated metacarpus channels in partnership with select importers, streamlining best-of-breed networks to produce aggregated, scaled, value-added handwarming ROI. By harnessing A-list value we integrate peer-to-peer mitt methodologies, competently fashioning compelling sartorial relationships. With Johnson Co.'s next-generation disintermediation of holistic phalangial architectures, this classic leather silhouette with multitone embellishments will have your fists quixotically clenched in quantitized comfort.
</p>
<p class="p">
Keeping to the mission of unending quality, Johnson Company gloves reaches out to nurture relationships with sourced leather, cotton, nylon, and advanced cloth producers. Select manufacturers and trusted distributors complete the Johnson family, providing streamlined operations for reliable delivery. Get in touch with us to learn more.
</p>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<small>
<a class="a" href="mailto:sburgess@shineunited.com">
Stephen Burgess, 2015
</a>
</small>
</div>
</footer>
</body>
</html>