-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (83 loc) · 4.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Trails && Ales</title>
<link rel="stylesheet" href="css/index.css">
<!-- <link rel="stylesheet" href="navbar.css"> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="icon" type="image/png" href="images/mountain.png">
</head>
<body>
<div class="parent">
<nav class="nav">
<ul>
<li><a href="index.html" alt="Home"><img src="images/mountain.png" alt="logo">Home</a></li>
<li><a href="html/BlogPost1.html" alt="BlogPost1">Blog</a></li>
<li><a href="html/AboutUs.html" alt="aboutUs">AboutUs</a></li>
<li><a href="html/subscribe.html" alt="subscribe">Subscribe</a></li>
</ul>
</nav>
<header class="div1 header">
<h1><span>TRAILS && ALES</span></h1>
<h2><span><em>Exploring the best <strong>hikes </strong> and <strong>brews </strong> in New
Hampshire</em></span></h2>
</header>
<div class="content">
<div class="div2">
<h3>Kickin' it in Keene.</h3>
<img src="images/Keenebeer.jpg" alt="Beer flight">
<p class="date">12th August 2019</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis iaculis tellus, vel egestas
augue posuere at. Phasellus feugiat, metus sit amet dictum luctus, lacus lorem dapibus nisi, ut
maximus urna ligula ut diam. Sed id mi iaculis, laoreet purus a, porta nibh. Nulla in nisi in metus
faucibus ornare at eu ex. Etiam et tortor leo. Maecenas pharetra, orci id tincidunt suscipit, purus
elit consequat dui, eu faucibus mauris libero quis orci. Cras mattis aliquam lectus.</p>
<button><a href="html/BlogPost1.html">Read More</a></h3></button>
</div>
<div class="div3">
<h3>Natural beauty.</h3>
<img src="images/NatBeauty.jpg" alt="Presidential Fall">
<p class="date">18th September 2019</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis iaculis tellus, vel egestas
augue posuere at. Phasellus feugiat, metus sit amet dictum luctus, lacus lorem dapibus nisi, ut
maximus urna ligula ut diam. Sed id mi iaculis, laoreet purus a, porta nibh. Nulla in nisi in metus
faucibus ornare at eu ex. Etiam et tortor leo. Maecenas pharetra, orci id tincidunt suscipit, purus
elit consequat dui, eu faucibus mauris libero quis orci. Cras mattis aliquam lectus.</p>
<button><a href="html/BlogPost2.html">Read More</a></h3></button>
</div>
<div class="div4">
<div class="us"></div>
<span>Martha Kalisz, PT, DPT: Proud Badger and Tar Heel.</span>
<span>Ben Buchanan, PT, DPT: Orthopedic guru.</span>
<span>Two physical therapists living in New Hampshire who love to explore our state by hiking and
brewery hopping.</span>
</div>
</div>
<!-- <footer class="div5 footer1">
<a href="https://www.instagram.com/mskalisz"><img src="images/insta.png" alt="instagram"></a>
<a href="https://www.facebook.com/martha.kalisz/"><img src="images/fb.png" alt="facebook"></a>
<a href="https://www.linkedin.com/in/martha-kalisz-a250a4106/"><img src="images/linkedin.png"
alt="linkedin"></a>
<a href="contact.asp"><img src="images/email.png" alt="ContactMe"></a>
</footer>
<footer class="div6 footer2">
<div>2020. Made for Udacity Project 1</div>
</footer> -->
<footer class="div 5 footer">
<div class="footer1">
<a href="https://www.instagram.com/mskalisz"><img src="images/insta.png" alt="instagram"></a>
<a href="https://www.facebook.com/martha.kalisz/"><img src="images/fb.png" alt="facebook"></a>
<a href="https://www.linkedin.com/in/martha-kalisz-a250a4106/"><img src="images/linkedin.png"
alt="linkedin"></a>
<a href="https://www.twitter.com"><img src="images/twitter.png" alt="twitter"></a>
<a href="contact.asp"><img src="images/email.png" alt="ContactMe"></a>
</div>
<div class="div 5 footer2">
<div>2020. Made for Udacity Project 1</div>
</div>
</footer>
</div>
</body>
</html>