-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_test.html
241 lines (218 loc) · 14.8 KB
/
index_test.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vorpal Dice Press</title>
<meta charset="utf-8">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">
<link rel="stylesheet" href="https://use.typekit.net/dju0ivp.css"> <!-- adobe fonts -->
<link rel="stylesheet" type="text/css" href="slick/slick.css?v=1.2">
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css?v=1.3.7">
<link rel="stylesheet" type="text/css" href="css/styles.css?v=1.3.7">
<style>
:root {
color-scheme: light;
supported-color-schemes: light;
}
</style>
</head>
<body class="" data-gr-c-s-loaded="true">
<div id="wrapper">
<nav>
<div class="width-wrapper">
<div id="logo">
<a href="/">
<img class="site-logo" src="img/svg/VDP.svg">
<span>Vorpal Dice Press</span>
</a>
</div>
<!--<div><a href="#">Home</a></div>-->
<div><a href="#">Products</a></div>
<div><a href="#">Reviews</a></div>
<div><a href="#">Blog</a></div>
</div>
<div class="rule infinite"></div>
</nav>
<main>
<section id="features">
<div class="width-wrapper">
<div class="slider">
<div>
<a href="#">
<img src="img/productss/293658.png" alt="Monster Manual Expanded II" />
</a>
</div>
<div><a href="#"><img src="img/products/296403.png" /></a></div>
<div><a href="#"><img src="img/products/296621.png" /></a></div>
<div><a href="#"><img src="img/products/296935.png" /></a></div>
<div><a href="#"><img src="img/products/300725.png" /></a></div>
<div><a href="#"><img src="img/products/293658.png" /></a></div>
<div><a href="#"><img src="img/products/296621.png" /></a></div>
<div><a href="#"><img src="img/products/296935.png" /></a></div>
</div>
</div>
</section>
<section id="blogs">
<div class="width-wrapper">
<div class="blog">
<div class="blog-content">
<a href="#">
<h2>This Blog is so cool it goes on TOP</h2>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nisi neque, luctus a malesuada sed, porttitor quis leo. Aliquam ante elit, maximus in eros quis, vestibulum hendrerit nisi. Proin non ante at massa fermentum ullamcorper
eu
in
turpis. Nunc porttitor mi in ligula volutpat congue. Mauris vestibulum elit vel tincidunt fermentum. Aliquam at elit quis arcu pretium pellentesque eu aliquet arcu. Curabitur pulvinar quis nisl id ultricies. Suspendisse pulvinar porta
dapibus. Phasellus posuere diam cursus aliquet gravida. Nulla est sapien, laoreet non metus et, molestie dignissim felis. Curabitur laoreet nisi sapien, eu malesuada augue volutpat sed. In mi dui, elementum et quam egestas, vestibulum
ornare nulla. Sed turpis sapien, mollis eu massa aliquet, tempor gravida sapien. Aliquam sed tincidunt metus, porttitor dignissim risus. Duis metus arcu, interdum a lacus a, semper ultricies enim. Pellentesque condimentum pellentesque
nunc, nec varius dolor placerat ac.
Suspendisse bibendum purus non eros ultricies, non interdum mi vehicula. Donec erat augue, convallis a lorem et, condimentum placerat tellus. Vestibulum aliquam eu ante eu posuere. Nunc venenatis metus ac sagittis sollicitudin.
Praesent
et massa velit. Praesent eu ipsum ipsum. Cras et ipsum vestibulum erat condimentum vehicula vitae nec enim.
Ut id maximus libero, non ornare dui. Aenean eget libero id mi gravida fermentum ac vel nisl. Integer dictum augue ipsum, ut mollis nibh sollicitudin vel. Vestibulum purus ipsum, eleifend eu mi in, aliquam tempus eros. Cras quis nisl
ligula. In hac habitasse platea dictumst. Maecenas volutpat sapien euismod fermentum pellentesque. Vivamus nec ex in risus aliquet luctus eget et dui. Suspendisse ac neque quis leo tristique vehicula vitae sit amet erat. Aenean
posuere
dignissim arcu et vehicula. Integer augue neque, ornare id vulputate tristique, mollis eu urna.
Aliquam lacinia consectetur lectus, sagittis finibus felis. Nunc dolor diam, fringilla id odio dictum, efficitur laoreet mi. Aenean tincidunt lectus tellus, a hendrerit dolor maximus vitae. Vestibulum ac felis eu metus lacinia
facilisis
vitae et erat. Curabitur egestas aliquam mi non aliquet. Integer ac suscipit neque. Curabitur nisi libero, fermentum a tellus in, venenatis pharetra magna. Vestibulum eget consectetur risus, at malesuada ipsum. Vivamus fringilla vitae
felis non efficitur. Nullam vitae risus eget sem laoreet suscipit ac tempor magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Duis vestibulum ultricies risus id mattis. Ut venenatis dapibus metus. Nunc consequat finibus ipsum, maximus tincidunt nisl sodales non. Ut pellentesque eleifend risus. Vestibulum at pellentesque sem. Suspendisse potenti. Etiam massa
erat, aliquam aliquet odio eget, lobortis fringilla quam. Praesent in neque eget odio aliquet tempor sit amet at nunc. Sed tempus, risus non suscipit tincidunt, mi sapien auctor orci, ut posuere ipsum velit auctor orci. Nunc laoreet
magna
sed felis hendrerit cursus. Suspendisse tempus turpis quam, eu efficitur velit scelerisque vitae. Etiam in tincidunt ex, eu mollis eros. Fusce dictum malesuada metus, et lobortis quam dignissim a.</p>
</div>
<div class="read-more">
<div></div>
<div><a href="#">Read More...</a></div>
</div>
</div>
</div>
</section>
<section id="reviews">
<div class="width-wrapper">
<div class="review">
<div class="review-wrapper">
<div class="review-image"><a href="#"><img src="img/products/296621.png"></a></div>
<div class="review-content">
<a href="#">
<h2>Mordenkainen's Fiendish Folio Vol. 1</h2>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nisi neque, luctus a malesuada sed, porttitor quis leo. Aliquam ante elit, maximus in eros quis, vestibulum hendrerit nisi. Proin non ante at massa fermentum
ullamcorper
eu in turpis. Nunc porttitor mi in ligula volutpat congue. Mauris vestibulum elit vel tincidunt fermentum. Aliquam at elit quis arcu pretium pellentesque eu aliquet arcu. Curabitur pulvinar quis nisl id ultricies. Suspendisse
pulvinar
porta dapibus. Phasellus posuere diam cursus aliquet gravida. Nulla est sapien, laoreet non metus et, molestie dignissim felis. Curabitur laoreet nisi sapien, eu malesuada augue volutpat sed. In mi dui, elementum et quam egestas,
vestibulum ornare nulla. Sed turpis sapien, mollis eu massa aliquet, tempor gravida sapien. Aliquam sed tincidunt metus, porttitor dignissim risus. Duis metus arcu, interdum a lacus a, semper ultricies enim. Pellentesque condimentum
pellentesque nunc, nec varius dolor placerat ac.</p>
</div>
</div>
<div class="read-more">
<div></div>
<div><a href="#">Read More...</a></div>
</div>
</div>
<div class="review">
<div class="review-wrapper">
<div class="review-image"><a href="#"><img src="img/products/296935.png"></a></div>
<div class="review-content">
<a href="#">
<h2>Living Spellbook</h2>
</a>
<p>Ut id maximus libero, non ornare dui. Aenean eget libero id mi gravida fermentum ac vel nisl. Integer dictum augue ipsum, ut mollis nibh sollicitudin vel. Vestibulum purus ipsum, eleifend eu mi in, aliquam tempus eros. Cras quis
nisl
ligula. In hac habitasse platea dictumst. Maecenas volutpat sapien euismod fermentum pellentesque. Vivamus nec ex in risus aliquet luctus eget et dui. Suspendisse ac neque quis leo tristique vehicula vitae sit amet erat. Aenean
posuere dignissim arcu et vehicula. Integer augue neque, ornare id vulputate tristique, mollis eu urna.</p>
</div>
</div>
<div class="read-more">
<div></div>
<div><a href="#">Read More...</a></div>
</div>
</div>
<div class="review">
<div class="review-wrapper">
<div class="review-image"><a href="#"><img src="img/products/300725.png"></a></div>
<div class="review-content">
<a href="#">
<h2>Runes & Glyphs</h2>
</a>
<p>Duis vestibulum ultricies risus id mattis. Ut venenatis dapibus metus. Nunc consequat finibus ipsum, maximus tincidunt nisl sodales non. Ut pellentesque eleifend risus. Vestibulum at pellentesque sem. Suspendisse potenti. Etiam
massa
erat, aliquam aliquet odio eget, lobortis fringilla quam. Praesent in neque eget odio aliquet tempor sit amet at nunc. Sed tempus, risus non suscipit tincidunt, mi sapien auctor orci, ut posuere ipsum velit auctor orci. Nunc laoreet
magna sed felis hendrerit cursus. Suspendisse tempus turpis quam, eu efficitur velit scelerisque vitae. Etiam in tincidunt ex, eu mollis eros. Fusce dictum malesuada metus, et lobortis quam dignissim a.</p>
</div>
</div>
<div class="read-more">
<div></div>
<div><a href="#">Read More...</a></div>
</div>
</div>
</div>
</section>
</main>
<footer>
<img class="site-logo" src="img/svg/VDP-solo.svg">
<div class="wave-container">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
<path fill="#743286" fill-opacity="1"
d="M0,224L21.8,202.7C43.6,181,87,139,131,149.3C174.5,160,218,224,262,245.3C305.5,267,349,245,393,229.3C436.4,213,480,203,524,176C567.3,149,611,107,655,122.7C698.2,139,742,213,785,202.7C829.1,192,873,96,916,80C960,64,1004,128,1047,144C1090.9,160,1135,128,1178,133.3C1221.8,139,1265,181,1309,202.7C1352.7,224,1396,224,1418,224L1440,224L1440,0L1418.2,0C1396.4,0,1353,0,1309,0C1265.5,0,1222,0,1178,0C1134.5,0,1091,0,1047,0C1003.6,0,960,0,916,0C872.7,0,829,0,785,0C741.8,0,698,0,655,0C610.9,0,567,0,524,0C480,0,436,0,393,0C349.1,0,305,0,262,0C218.2,0,175,0,131,0C87.3,0,44,0,22,0L0,0Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
<path fill="#6ebb42" fill-opacity="1"
d="M0,32L21.8,58.7C43.6,85,87,139,131,133.3C174.5,128,218,64,262,85.3C305.5,107,349,213,393,224C436.4,235,480,149,524,138.7C567.3,128,611,192,655,202.7C698.2,213,742,171,785,144C829.1,117,873,107,916,122.7C960,139,1004,181,1047,176C1090.9,171,1135,117,1178,80C1221.8,43,1265,21,1309,42.7C1352.7,64,1396,128,1418,160L1440,192L1440,0L1418.2,0C1396.4,0,1353,0,1309,0C1265.5,0,1222,0,1178,0C1134.5,0,1091,0,1047,0C1003.6,0,960,0,916,0C872.7,0,829,0,785,0C741.8,0,698,0,655,0C610.9,0,567,0,524,0C480,0,436,0,393,0C349.1,0,305,0,262,0C218.2,0,175,0,131,0C87.3,0,44,0,22,0L0,0Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
<path fill="#dfbb25" fill-opacity="1"
d="M0,128L21.8,149.3C43.6,171,87,213,131,213.3C174.5,213,218,171,262,154.7C305.5,139,349,149,393,160C436.4,171,480,181,524,197.3C567.3,213,611,235,655,213.3C698.2,192,742,128,785,90.7C829.1,53,873,43,916,48C960,53,1004,75,1047,106.7C1090.9,139,1135,181,1178,176C1221.8,171,1265,117,1309,85.3C1352.7,53,1396,43,1418,37.3L1440,32L1440,0L1418.2,0C1396.4,0,1353,0,1309,0C1265.5,0,1222,0,1178,0C1134.5,0,1091,0,1047,0C1003.6,0,960,0,916,0C872.7,0,829,0,785,0C741.8,0,698,0,655,0C610.9,0,567,0,524,0C480,0,436,0,393,0C349.1,0,305,0,262,0C218.2,0,175,0,131,0C87.3,0,44,0,22,0L0,0Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
<path fill="#743286" fill-opacity="1"
d="M0,160L20,154.7C40,149,80,139,120,144C160,149,200,171,240,160C280,149,320,107,360,106.7C400,107,440,149,480,170.7C520,192,560,192,600,165.3C640,139,680,85,720,90.7C760,96,800,160,840,165.3C880,171,920,117,960,106.7C1000,96,1040,128,1080,154.7C1120,181,1160,203,1200,202.7C1240,203,1280,181,1320,154.7C1360,128,1400,96,1420,80L1440,64L1440,0L1420,0C1400,0,1360,0,1320,0C1280,0,1240,0,1200,0C1160,0,1120,0,1080,0C1040,0,1000,0,960,0C920,0,880,0,840,0C800,0,760,0,720,0C680,0,640,0,600,0C560,0,520,0,480,0C440,0,400,0,360,0C320,0,280,0,240,0C200,0,160,0,120,0C80,0,40,0,20,0L0,0Z">
</path>
</svg>
</div>
<div id="footer-content">
<div class="width-wrapper">
<div>
<h3>About</h3>
<span>
Suspendisse pulvinar porta dapibus. Phasellus posuere diam cursus aliquet gravida. Nulla est sapien, laoreet non metus et, molestie dignissim felis. Curabitur laoreet nisi sapien, eu malesuada augue volutpat sed.
</span>
</div>
<div>
<h3>Pages</h3>
<a href="#">Home</a>
<a href="#">Products</a>
<a href="#">Reviews</a>
<a href="#">Blog</a>
</div>
<div>
<h3>Socials</h3>
<a href="#"><img src="img/svg/facebook.svg"> <span>Facebook</span></a>
<a href="#"><img src="img/svg/twitter.svg"> <span>Twitter</span></a>
<script>
user = "vorpaldicepress";
domain = "gmail.com";
document.write('<a href=\"mailto:' + user + '@' + domain + '\"><img src="img/svg/email.svg" /> <span>Email</span></a>');
</script>
</div>
</div>
</div>
<div id="footer-footer">
<small>Copyright © 2020, Vorpal Dice Press  |  Website designed and coded by BornToDoStuff</small>
</div>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>