generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
134 lines (134 loc) · 8.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A Better Puppers</title>
<link rel="stylesheet" href="assets/css/style.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/2f377630da.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<!--bootstrap Navbar, button and collapse feature-->
<nav class="navbar navbar-expand-sm">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fas fa-bars" aria-hidden="true"></i></span><span>Menu</span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html"><i class="fa fa-home" aria-hidden="true"></i> Home <span class="sr-only">(current)</span> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="exercise.html"><i class="fas fa-paw" aria-hidden="true"></i> Exercise Guide</a>
</li>
<li class="nav-item">
<a class="nav-link" href="socialisation.html"><i class="fas fa-dog" aria-hidden="true"></i> Socialisation (The Four Keys)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="feedingGuide.html"><i class="fas fa-bone" aria-hidden="true"></i> Feeding Guide </a>
</li>
<li class="nav-item">
<a class="nav-link" href="contactUs.html"><i class="fas fa-check-double" aria-hidden="true"></i> Contact Us</a>
</li>
</ul>
</div>
</nav>
<div class="container jumboBG">
<div class="row">
<div class="col-sm-12 inner-box">
<h3 class = "welcome"> thanks for visting A Better Puppers. </h3>
</div>
</div>
</div>
</header>
<br>
<div class="container">
<h5>We're here to provide actionable solutions to the three biggest problems dog owners run into:</h5>
<ul>
<li>Weight issues.</li>
<li>Energy levels.</li>
<li>Behaviour.</li>
</ul>
<p>No gimmicks, no pay walls, just helpful suggestions and some custom guides. Check out the links below, and you can always sign up to our newsletter for more info <a href="contactUs.html">here.</a></p>
</div>
<br>
<!--BOOSTRAP CARDS-->
<div class="container">
<div class="row">
<div class="col-md-3 offset-md-1 offset-sm-0">
<div class="card h-100 w-100">
<div class="card-body customBlue">
<h5 class="card-title">Diet</h5>
<p class="card-text">Check out our feeding guide, hints & tips.</p>
<a href="feedingGuide.html" class="btn btn-success">Yummers !</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100 w-100">
<div class="card-body customOrange">
<h5 class="card-title">Excercise</h5>
<p class="card-text">Lots of do's and don't's, and a guide.</p>
<a href="exercise.html" class="btn btn-success">Fetch !</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100 w-100">
<div class="card-body customPurple">
<h5 class="card-title">Socialising</h5>
<p class="card-text">New friends, or mending fences.</p>
<a href="socialisation.html" class="btn btn-success">Who's the best !</a>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<h2>Our Story.</h2>
<div class="row no-gutters">
<div class="col-md-4 col-sm-4">
<img src="assets/images/gsd.jpg" class="img-fluid" alt="German Shephard Dog">
</div>
<div class="col-md-7 offset-md-1 col-sm-7 offset-sm-0">
<p> About a year ago we adopted our first dog adding a third puppers to our family. Bowie was a two year old GSD, and she hadn't been given the best start in life.
She was under weight due to being bounced around foster homes with no real time to adjust. She'd spent most of her life in chain-link run with no access to
other dogs or people. She never learned how to play.
</p>
<p> Left alone for long periods when her owner was away, the only interactions she had were always through her run's fencing. She didn't know how to behave, and would often
pee herself when someone raised their voice to tell her to stop (a word no one ever took the time to explain). We welcomed her in, and for a few weeks we couldn't believe
how quickly she was adjusting, and getting on better and better with our other dogs. Boots the seven year old Lab, and our other GSD Panda who was four at the time.
</p>
<p> As you may have guessed things went sideways for us. Bowie and Panda got into a huge fight over a toy and my partner had to interject. Both GSD's needed the vet and my partner
ended up at the doctors with serious injuries. We agonised over what to do, but quickly decided we'd try everything we could before giving up either Bowie or Panda.
</p>
</div>
</div>
</div>
<br>
<div class="container">
<p><span class="allCaps">then</span>...Our vet told us about Shauna (a dog behaviouralist). She absolutely blew us away at our first meeting. She instantly knew everything we'd been doing wrong, and had practical solutions.
She told us right there that there was hope for us, and assured us with time and patience we could repair the rift between Bowie and Panda, and ensure history didn't repeat itself.
Check out thses links for <span class="underline"><a href="feedingGuide.html">'Diet', </a><a href="exercise.html">'Exercise', </a>and <a href="socialisation.html">'Socialising', </a></span> to see some of what we learned, or sign up ot our newsletter for more <a href="contactUs.html">here.</a>
</p>
</div>
<br class="mediaQueryHide">
<!--FOOTER-->
<div class="container">
<footer id="footer">
<a class="footer-items" href="https://www.facebook.com" target="_blank" rel="noopener"><i class="fab fa-facebook-square" aria-hidden="true"></i><span>Facebook</span></a>
<a class="footer-items" href="https://www.twitter.com" target="_blank" rel="noopener"><i class="fab fa-twitter-square" aria-hidden="true"></i><span>Twitter</span></a>
<a class="footer-items" href="https://www.instagram.com" target="_blank" rel="noopener"><i class="fab fa-instagram" aria-hidden="true"></i><span>Instagram</span></a>
<a class="footer-items" href="https://www.dogactionwelfaregroup.ie/donate/" target="_blank" rel="noopener"><i class="fas fa-donate"></i><span>Donate</span></a>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="assets/script/script.js"></script>
</body>
</html>