-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (148 loc) · 6.82 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1, minumum-scale=1, maximum-scale=1, user-scaleable=no">
<meta name="description" content="Mountain West - Lorem ipsum yada bildur">
<meta name="google-site-verification" content="aBcdeFghIjkLmnOpqRstUvwxYz1234567890">
<link rel="icon" type="icons/svg" href="images/target.png">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/favicon.png"><!-- iPad Retina-->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/favicon.png"><!--iPhone Retina -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/favicon.png"><!-- iPad 1 e 2 -->
<title>Mountain West</title>
</head>
<body>
<header>
<div class="layer">
<h1>Mountain West</h1>
</div>
<div id="nav-icon">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</header>
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
<main>
<div class="section-one">
<div class="column-one">
<h2>Quality Products</h2>
<p>Lorem ipsum dolor sit amet, pro an soleat tempor scaevola, dico
scriptorem at cum. Facer alterum denique ex mea, porro assueverit ne per.
Vitae laudem doming et mea, graece minimum invenire eos id</p>
<div class="border-bottom"></div>
</div>
<div class="column-two">
<h2>Low Price</h2>
<p>Modo ludus percipit usu eu, has an propriae dissentiunt. Eam ne fugit
nonumy facete, et veniam integre albucius ius, eum scripta volumus gubergren
ei. Eum autem dicam nominavi ei.</p>
<div class="border-bottom"></div>
</div>
</div>
<div class="testimonials">
<div class="testimonials--intro">
<h2>Testimonials</h2>
<p>His et veniam mollis, pri te clita virtute inermis. Zril nemore te pri,
an purto dicat feugiat vim, et sit mnesarchum contentiones. Ei quo autem
animal, ea essent suscipit tacimates mea. </p>
<div class="corner-border"></div>
<i class="arrow down"></i>
</div>
<div class="testimonials--block">
<p class="big-quote"><span class="big-quote--mark">"</span>Vix nulla
consulatu iracundia eu, ei dicta mazim fabellas sit. Novum eloquentiam
ea sed. Sumo consul ad sed, vix no hendrerit consectetuer. Consetetur
interesset his ne, ei porro causae intellegat est.
<span class="big-quote--mark">"</span></p>
<div class="testimonials--list">
<div class="testimony">
<img src="" alt="user">
<q>His et veniam mollis, pri te clita virtute inermis. Zril nemore te pri,
an purto dicat feugiat vim.</q>
<p class="user"></p>
</div>
<div class="testimony">
<img src="" alt="user">
<q>Utroque probatus elaboraret ne eos, id nec nihil accumsan consequuntur
, ea movet iracundia vim. Corpora indoctum quo an, fabulas salutandi
cu sed, vis eu ludus altera. Bonorum volumus salutandi est ex.</q>
<p class="user"></p>
</div>
<div class="testimony">
<img src="" alt="user">
<q>Veniam noster invenire ius ut, ad usu decore virtute assentior.
Vix in ancillae deserunt, dolorum liberavisse mea ei. Nulla exerci
fastidii ex sed. Et hinc possim mandamus mei, mei ut brute suscipiantur.
</q>
<p class="user"></p>
</div>
<div class="testimony">
<img src="" alt="user">
<q>Pro id viris quodsi liberavisse, ei prima interpretaris qui, eum
at iisque feugait nominati. Modus legendos neglegentur mel eu, vim no
idque fastidii, iudico altera euismod sit ne.</q>
<p class="user"></p>
</div>
</div> <!--end testimony block div-->
</div> <!--end testimony list div-->
</div> <!--end testimony div-->
<div class="history">
<h2>A History of Greatness</h2>
<p>Veniam noster invenire ius ut, ad usu decore virtute assentior. Vix
in ancillae deserunt, dolorum liberavisse mea ei. Nulla exerci fastidii
ex sed. Et hinc possim mandamus mei, mei ut brute suscipiantur. Case
paulo equidem ne eam, scriptorem liberavisse ea has. Homero imperdiet
scribentur te usu, ad pri vero appetere scripserit.</p>
<div class="chart__image">
<div class="chart__image--layer"></div>
</div>
<p>Pro id viris quodsi liberavisse, ei prima interpretaris qui, eum at
iisque feugait nominati. Modus legendos neglegentur mel eu, vim no idque
fastidii, iudico altera euismod sit ne. Cu mel alienum phaedrum oportere,
offendit atomorum eu mei. Vix purto probo at, vim platonem recteque
intellegebat no. In augue exerci scripserit nec, nobis putent conceptam
te vis.</p>
</div> <!--end of history div-->
<div class="family-owned">
<h2>Family Owned Since 1984</h2>
<p>No eos adipisci maiestatis, pri te recusabo pertinacia. Ea sed adipiscing
intellegam, possit eruditi vituperata quo ut. Sale labitur senserit an his,
sea no indoctum ocurreret, minimum elaboraret cu eos. Decore labitur eu cum,
illud mazim concludaturque at nam, iisque viderer fierent ut est.</p>
<div class="corner-border"></div>
<i class="arrow down"></i>
</div><!--end of family owned div-->
<div class="quote">
<div class="quote--intro ">
<h2>Get A Quote</h2>
<p>Ea inimicus iracundia efficiendi duo, cum scripta vivendo dissentiet an,
mandamus periculis aliquando est cu.</p>
</div>
<div class="quote--get">
<div class="quote--layer">
<button type="submit" name="button">Get a Quote</button>
</div>
</div> <!--end of quote-get div-->
</div><!--end of quote div-->
</main>
<footer>
<p>Mountain West</p>
<ul class="social-nav">
<li><a class="icon-facebook" ></a></li>
<li><a class="icon-linkedin"></a></li>
<li><a class="icon-instagram"></a></li>
</ul>
<p>©2018 StoneSquared<sup>2</sup><br> Development</p>
</footer>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</body>
</html>