forked from StartBootstrap/startbootstrap-landing-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (180 loc) · 8.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="All about Roswell, the yellow field Lab (yellow laborador retriever). Info, pictures, breeders, rescues, care, temperament, health, puppy pictures, and more.">
<meta name="author" content="Roswell is an AKC (unregisgered) American field lab. He was born in Arizona and raised for 4 years in Bend, Oregon. His original family couldn't provide the needed opportunity for Roswell and he was rehomed January 2019. He currently lives and plays in western Oregon, where he can be found serving as an honorary Bark Ranger for an ecological preserve in the Western Cascade mountains.">
<title>Roswell - The Best Dog in Eugene</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/landing-page.min.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-light bg-light static-top">
<div class="container">
<a class="navbar-brand" href="#">Eat, Sleep, Dogventure, Repeat...</a>
</div>
</nav>
<!-- Masthead -->
<header class="masthead text-white text-center">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<h1 class="mb-5">Roswell is "paws down" the best dog in Eugene - and beyond!</h1>
</div>
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
</div>
</div>
</div>
</header>
<!-- Icons Grid -->
<section class="features-icons bg-light text-center">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="icon-screen-desktop m-auto text-primary"></i>
</div>
<h3>Roswell Loves all the Pats</h3>
<p class="lead mb-0">It doesn't matter the time of day, just provide the gentle head pats!</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="icon-layers m-auto text-primary"></i>
</div>
<h3>Don't Shop - Adopt</h3>
<p class="lead mb-0">Roswell, born in AZ, living in Eugene, Oregon</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="icon-check m-auto text-primary"></i>
</div>
<h3>Loves to Fetch</h3>
<p class="lead mb-0">Runs fast, plays hard!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Image Showcases -->
<section class="showcase">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/dog-showcase-1.jpg');"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Fully Responsive to Human Needs</h2>
<p class="lead mb-0">Whether you want to snuggle or adventure across an Oregon ridgeline, Roswell will be ready!</p>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 text-white showcase-img" style="background-image: url('img/dog-showcase-2.jpg');"></div>
<div class="col-lg-6 my-auto showcase-text">
<h2>Training certificates through Eugene's best personal trainers</h2>
<p class="lead mb-0">Roswell has the spirit of a 2yr old yellow lab but the skills of a national champion field lab. He's the greatest dog in Eugene!</p>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/dog-showcase-3.jpg');"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Forest Therapy and Nature Walks</h2>
<p class="lead mb-0">Roswell is a lover of the great outdoors. He will lead you fearlessly through the wilderness outback while also spending time reflecting on feelings and personal growth!</p>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="testimonials text-center bg-light">
<div class="container">
<h2 class="mb-5">What people are saying...</h2>
<div class="row">
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
<img class="img-fluid rounded-circle mb-3" src="img/best-dog-1.jpg" alt="">
<h5>Bebs F.</h5>
<p class="font-weight-light mb-0">"Roswell has spent a lot of time supervising on construction projects. He's not always easy to work with, but he gets the job done right the first time. Highly recommended!"</p>
</div>
</div>
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
<img class="img-fluid rounded-circle mb-3" src="img/best-dog-2.jpg" alt="">
<h5>Turin H.</h5>
<p class="font-weight-light mb-0">"When I first saw Roswell at the national champion field try outs, I was like, oh that pretty face will never do well. Boy was I wrong. Roswell has proven time and time again that he is in fact the best dog in Eugene. Please contact me directly at <a href="http://nutritionbyhand.com">Nutrition by Hand</a> for more information."</p>
</div>
</div>
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
<img class="img-fluid rounded-circle mb-3" src="img/best-dog-3.jpg" alt="">
<h5>Leo O.</h5>
<p class="font-weight-light mb-0">"Roswell has unbounded enthusiasm for life, but he also knows how to rest and recover. He times is efforts perfectly down to the last second so he can be ready for the next dogventure at any moment. This guy is highly recommended for any of your adventuring needs!"</p>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="call-to-action text-white text-center">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<h2 class="mb-4">Roswell of Golden Fields of Wheat</h2>
</div>
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer bg-light">
<div class="container">
<div class="row">
<div class="col-lg-6 h-100 text-center text-lg-left my-auto">
<ul class="list-inline mb-2">
<li class="list-inline-item">
<a href="#">About</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="#">Contact</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="#">Terms of Use</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="#">Privacy Policy</a>
</li>
</ul>
<p class="text-muted small mb-4 mb-lg-0">© Roswell Dog 2020. All Rights Reserved.</p>
</div>
<div class="col-lg-6 h-100 text-center text-lg-right my-auto">
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="https://www.instagram.com/gravelpaws/?hl=en">
<i class="fab fa-instagram fa-2x fa-fw"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>