-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
206 lines (202 loc) · 9.4 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content=“IE=edge”>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/images/favicon.png">
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<i class="fab fa-twitter-square"></i>
<i class="fab fa-facebook-square"></i>
<i class="fab fa-github"></i>
<i class="fab fa-pinterest"></i>
<i class="far fa-copyright"></i>
<link rel="stylesheet" href="assets/assets/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>
<body id="top">
<header class="header">
<!--<div>
Indubly
</div>-->
<nav class="navbar">
<a href="#" class="nav-logo">Indubly</a>
<ul class="nav-menu">
<li class="nav-item"><a href="#top" class="nav-link">Top</a></li>
<li class="nav-item"><a href="#about" class="nav-link">About</a></li>
<li class="nav-item"><a href="#cabin" class="nav-link">Cabins</a></li>
<li class="nav-item"><a href="#creativity" class="nav-link">Kicking</a></li>
<li class="nav-item"><a href="#gaming" class="nav-link">Gaming</a></li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<section id="hero">
<!--<h1>The Indubly</h1>-->
<h2><span class="smaller-headline">Leisure Activity Consultants</span></h2>
<img src="images/Indubly Logo.png" alt="indubly logo" title="Bear in a tophat and a monocle" class="responsive">
</section>
<section id="Indubly">
<h3 class="animate__animated animate__bounce">The Indubly!</h3>
<p>The name “Indubly” comes from our bear mascot saying “Indubitably”and the fact that
some people are not well read, and therefore cannot pronounce such a difficult word.</p>
<ul class="grid">
<li><a href="#cabin">Cabin Rentals</a></li>
<li><a href="#creativity">Creativity</a></li>
<li><a href="#gaming">Gaming</a></li>
</ul>
</section>
<section id="cabin" class="cabin">
<img src="images/michael-pfister-w-oF_ChTNNQ-unsplash.jpg">
<h3>Cabin Rentals</h3>
<h4>Book your next cabin trip with the Indubly!</h4>
<ul>
<li><a
href="https://www.gatlinburg.com/places-to-stay/cabins-and-chalets/?view=list&sort=qualityScore">Gatlinburg</a>
</li>
<li><a href="https://parks.ky.gov/prestonsburg/lodging/cottages/jenny-wiley-cottages">Jenny Wiley</a></li>
</ul>
</section>
<section id="creativity">
<img src="images/Kicking Imagination Logo.png" class="responsive">
<img src="images/dan-counsell-zIwAchjDirM-unsplash.jpg" class="responsive">
<h3>One of our creators wants to be an author!<br>(Too bad he doesn't do much writing.)</h3>
</section>
<section id="gaming">
<h3>Gaming with Indubly</h3>
<h2>The Indubly is all about gaming!</h2>
<ul class="grid1">
<li>
<img src="images/pexels-pixabay-209774.jpg" alt="man throwing baseball" class="round1" .>
<h4>Baseball</h4>
</li>
<li>
<img src="images/pexels-syed-hasan-mehdi-839428.jpg" alt="chess" class="round1">
<h4>Board Games</h4>
</li>
<li>
<img src="images/pexels-stephen-hardy-7061817.jpg" alt="dice" class="round1">
<h4>Dungeons and Dragons</h4>
</li>
<li>
<img src="images/pexels-tony-schnagl-6469031.jpg" alt="hockey" class="round1">
<h4>Hockey</h4>
</li>
<li>
<img src="images/pexels-cottonbro-4835419.jpg" alt="game over" class="round1">
<h4>Retro Video Games</h4>
</li>
</ul>
</section>
<section id="about">
<div class="background-image" style="background-image: url('images/peter-herrmann-7_T0trRZWLE-unsplash.jpg');">
<h3>Indubly Creators</h3>
<h4>These are the people behind the fun</h4>
<!--<div class="background-image" style="background-image: url('images/peter-herrmann-7_T0trRZWLE-unsplash.jpg');">-->
<!--<img src="/images/giorgio-trovato-jgv0-gbw0vo-unsplash.jpg"> -->
<ul class="grid">
<li>
<img src="images/Spoon.jpg" class="round">
<h3>Spoon</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec tempor neque. Sed sed libero sed
libero feugiat malesuada mollis sed sem. Duis mattis laoreet odio, et placerat libero vehicula
ac.
Vivamus nec est vitae purus interdum elementum euismod sit amet libero. Nulla facilisi. Sed
ultrices, turpis ut porttitor porta, ex leo ornare mi, in accumsan mi dolor ac lectus. Mauris
est
sapien, ullamcorper sit amet elit ut, posuere blandit ligula. Cras pretium, justo condimentum
gravida volutpat, augue tortor imperdiet diam, at ullamcorper nibh sem laoreet mi. Quisque
pretium
urna vel metus scelerisque, non sagittis urna mattis. Morbi lacinia a ex vitae imperdiet.
Aliquam
viverra, enim ac ultrices eleifend, enim lacus luctus risus, ut lobortis sapien quam in odio.
Curabitur vel rutrum enim, sit amet cursus felis. Nunc massa ligula, mattis quis leo ac,
interdum
eleifend velit. Maecenas condimentum id nunc quis convallis. Morbi mollis nunc eu tellus
molestie
venenatis.</p>
<img src="images/JD.jpg" class="round">
<h3>J.D.</h3>
<p>Nullam mattis in quam nec commodo. Maecenas imperdiet leo sed faucibus hendrerit. Phasellus
dapibus
diam eget velit bibendum, a fringilla mauris malesuada. Praesent eget elit luctus, mollis ipsum
in,
congue nisl. Maecenas rutrum et arcu vel cursus. Phasellus porttitor dignissim leo non
porttitor.
Sed dignissim volutpat justo, vitae iaculis tellus commodo vel. Fusce sit amet nisi dictum,
posuere
quam non, viverra nulla. Nam feugiat, velit eu vestibulum elementum, augue arcu rutrum odio, sed
venenatis libero ante vel justo. Phasellus efficitur, nunc at cursus malesuada, nulla nibh
accumsan
ligula, quis molestie turpis metus a orci. Nullam sit amet rhoncus purus. Suspendisse lacinia
tempor
nisi, a lacinia dui auctor sed. Sed sed iaculis mauris. Aenean et auctor arcu, id facilisis
felis.
Proin sed arcu sit amet turpis imperdiet convallis id vitae erat.</p>
</li>
<li>
<img src="images/Tom.jpg" class="round">
<h3>Tom</h3>
<p>Bacon ipsum dolor amet corned beef bresaola swine andouille. Spare ribs chislic ham hock, fatback
strip steak andouille pork chop filet mignon picanha cupim sausage t-bone chicken. Burgdoggen
chislic short loin drumstick jerky swine meatloaf porchetta t-bone venison tail boudin pig short
ribs. Porchetta pig tongue bacon short ribs.<br>
Pancetta biltong filet mignon doner bacon. Ball tip chicken t-bone spare ribs pork pork chop
pastrami pork belly cow tenderloin. Chuck landjaeger prosciutto, meatloaf pork chop pastrami
drumstick filet mignon. Leberkas boudin pastrami hamburger landjaeger beef ribs rump t-bone
brisket
kevin ham meatloaf prosciutto flank tongue. Venison porchetta hamburger, short loin ribeye spare
ribs boudin pastrami pig drumstick. Frankfurter chislic turducken, ham porchetta pig filet
mignon
capicola kevin.</p>
<img src="images/Dustin.jpg" class="round">
<h3>LunchBox</h3>
<p>Biltong chuck chicken kevin, bresaola pastrami rump leberkas shoulder shank ball tip sirloin
boudin
jerky short ribs. Biltong doner tongue turkey short loin bacon flank chuck andouille cow
turducken
meatloaf porchetta ground round chislic. Venison buffalo ribeye cupim, landjaeger drumstick pig
pork
loin shankle porchetta. Frankfurter short loin beef ribs biltong ribeye.<br>
Pancetta biltong filet mignon doner bacon. Ball tip chicken t-bone spare ribs pork pork chop
pastrami pork belly cow tenderloin. Chuck landjaeger prosciutto, meatloaf pork chop pastrami
drumstick filet mignon. Leberkas boudin pastrami hamburger landjaeger beef ribs rump t-bone
brisket
kevin ham meatloaf prosciutto flank tongue. Venison porchetta hamburger, short loin ribeye spare
ribs boudin pastrami pig drumstick. Frankfurter chislic turducken, ham porchetta pig filet
mignon
capicola kevin.</p>
</li>
<li>
<img src="images/James.jpg" class="round">
<h3>James</h3>
<p>Meatloaf ribeye drumstick leberkas chuck pork belly flank. Bresaola swine pig buffalo, tenderloin
rump kielbasa meatloaf pork chop pastrami fatback frankfurter shank pancetta spare ribs. Alcatra
brisket swine sirloin rump kielbasa chuck. Salami tongue tri-tip sirloin cupim kevin chuck strip
steak chicken pastrami tail drumstick beef ribs pork loin. Strip steak tri-tip meatloaf ground
round
capicola chuck kielbasa ball tip. Swine t-bone alcatra, hamburger salami pastrami cow doner beef
brisket kevin frankfurter.</p>
</li>
</ul>
</div>
</section>
<script src="assets/assets/query.js"></script>
</body>
<footer>
<ul class="grid2">
<li><a href+"#" target="_blank"><i class="fa fa-twitter-square"></i></li>
<li><a href+"#" target="_blank"><i class="fa fa-facebook-square"></i></li>
<li><a href+"#" target="_blank"><i class="fa fa-github"></i></li>
<li><a href+"#" target="_blank"><i class="fa fa-pinterest"></i></li>
</ul>
<h2>Indubly is not licensed by any professional organization, nor do they make money.<br>At All.</h2><br>
<h4>Seriously.
We're broke.</h4>
<p><a href+"#" target="_blank"><i class="fa fa-copyright"></i>2021 Petross</p>
</footer>
</html>