generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtails.html
150 lines (145 loc) · 6.67 KB
/
tails.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
<!DOCTYPE html>
<html lang="en" style="font-size: 16px">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Two Dogs, blog about two rescue dogs">
<meta name="keywords" content="dogs, blog, chinese crested, husky">
<link rel="stylesheet" href="assets/css/global.css">
<link rel="stylesheet" href="assets/css/galleries.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" type="image/x-icon" href="assets/images/two-dogs-favicon.svg">
<title>Two Dogs</title>
</head>
<body>
<header>
<a href="index.html" id="logo">
<span class="logo-icon">Two D<i class="fas fa-paw"></i>gs</span>
</a>
<a href="#main-menu"
id="main-menu-toggle"
class="menu-toggle"
aria-label="Open main menu">
<span class="sr-only">Open main menu</span>
<span class="fa fa-bars" aria-hidden="true"></span>
</a>
<nav id="main-menu" class="main-menu" aria-label="Main menu">
<a href="#main-menu-toggle"
id="main-menu-close"
class="menu-close"
aria-label="Close main menu">
<span class="sr-only">Close main menu</span>
<span class="fa fa-close" aria-hidden="true"></span>
</a>
<ul>
<li><a href="meet.html">meet</a></li>
<li><a href="tails.html">tails</a></li>
<li><a href="gallery.html">gallery</a></li>
<li><a href="sign-up.html">sign up</a></li>
</ul>
</nav>
<a href="#main-menu-toggle"
class="backdrop"
tabindex="-1"
aria-hidden="true" hidden></a>
</header>
<section id="page-title">
<h1>Tails of the Two Dogs</h1>
</section>
<section class="two-col">
<img src="assets/images/blog/eric_went_missing.jpg" alt="dog snuggled in blanket">
<div>
<p class="caption">September 19th 2022</p>
<h2>That time Eric went missing</h2>
<p>We had just landed in Germany for a well needed break when we got the phonecall - Eric slipped his lead and ran off. </p>
<a href="blog/eric-went-missing.html" class="btn btn-maroon">read the latest tail</a>
</div>
</section>
<div id="blog-gallery">
<article>
<a href="blog/jims-hair.html">
<img src="assets/images/blog/jims_hair.jpg" alt="husky walking in snow">
<h3>Jim's feckin' hair</h3>
</a>
<p class="caption">September 12th 2022</p>
<p>It's everywhere. I’m not sure you really understand. His hair is EVERYWHERE.</p>
<a href="blog/jims-hair.html" class="hyper-link">Read more about Jim's hair</a>
<hr>
</article>
<article>
<a href="blog/erics-fake-cough.html">
<img src="assets/images/blog/erics_fake_cough.jpg" alt="small dog sticking his tongue out at the camera">
<h3>Eric’s fake cough</h3>
</a>
<p class="caption">September 5th 2022</p>
<p>It’s not allergies. It’s not something he ate. It’s not a hairball, a bone or toy.</p>
<a href="blog/erics-fake-cough.html" class="hyper-link">Read more about Eric's fake cough</a>
<hr>
</article>
<article>
<a href="blog/tony-came-to-visit.html">
<img src="assets/images/blog/tony_visits.jpg" alt="silhouette of a small chihuahua called tony">
<h3>Tony came to visit</h3>
</a>
<p class="caption">August 29th 2022</p>
<p>Let me introduce you to Tony. Tony is an obese, arthritic and angry chihuahua.</p>
<a href="blog/tony-came-to-visit.html" class="hyper-link">Read more about Tony's visit</a>
<hr>
</article>
<article>
<a href="blog/hes-not-a-child.html">
<img src="assets/images/blog/not_a_child.jpg" alt="dog snuggled in blanket">
<h3>He's not a child</h3>
</a>
<p class="caption">August 22th 2022</p>
<p>Ever accuse someone of dragging a small naked child up a mountain on a lead?</p>
<a href="blog/hes-not-a-child.html" class="hyper-link">Read more about naked Eric</a>
<hr>
</article>
<article>
<a href="blog/jim-has-an-enemy.html">
<img src="assets/images/blog/jims_enemy.jpg" alt="jim standing on his back legs at a window">
<h3>Jim has an enemy</h3>
</a>
<p class="caption">August 15th 2022</p>
<p>Jim is the friendliest dog ever - if the house was being robbed, he'd want to play.</p>
<a href="blog/jim-has-an-enemy.html" class="hyper-link">Read more about Jim's enemy</a>
<hr>
</article>
<article>
<a href="blog/walking-two-dogs.html">
<img src="assets/images/blog/walking_two_dogs.jpg" alt="a group of dogs and a man on a wet beach">
<h3>Walking two dogs</h3>
</a>
<p class="caption">August 8th 2022</p>
<p>I sympathise with Eric's nerves and I love Jim's playful energy but walks are tough.</p>
<a href="blog/walking-two-dogs.html" class="hyper-link">Read more about waking the two dogs</a>
<hr>
</article>
</div>
<section id="sign-up-banner">
<div class="two-col">
<h3>Sign up to our blog, Tails of Two Dogs</h3>
<a class="btn btn-maroon" href="sign-up.html">sign up</a>
</div>
</section>
<footer>
<ul class="socials">
<li>
<a href="https://instagram.com" target="_blank" rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" rel="noopener"
aria-label="Visit our YouTube page (opens in a new tab)"><i class="fa fa-youtube"></i></a>
</li>
<li>
<a href="https://facebook.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook"></i></a>
</li>
</ul>
</footer>
<!-- font-awesome script -->
<script src="https://kit.fontawesome.com/1bb627a8c8.js" crossorigin="anonymous"></script>
</body>
</html>