-
Notifications
You must be signed in to change notification settings - Fork 560
/
index.html
110 lines (98 loc) · 3.33 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Vacation Rentals & Unique Homes</title>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
rel="stylesheet"
type="text/css"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Pangolin&family=Lato&display=swap"
rel="stylesheet"
/>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<div class="logo">Thinkfulbnb</div>
<nav>
<ul id="menu">
<li><a>Stay</a></li>
<li><a>About</a></li>
<li><a>Ideas</a></li>
<li><a>Host</a></li>
</ul>
</nav>
</header>
<main>
<!-- Stay -->
<section id="stay">
<h2>Find the perfect vacation rental</h2>
<!-- Create a form here -->
</section>
<!-- About -->
<section id="about" class="alternate-background">
<h2>About</h2>
<img
src="images/vacation-rental-pool.png"
alt="Thinkfulbnb - Vacation rental pool"
/>
<img
src="images/vacation-rental-inside-stone.png"
alt="Thinkfulbnb - Vacation rental inside stone"
/>
<p>
Fusce porta odio nunc, eget pretium massa rutrum sit amet. Etiam
fringilla aliquam dapibus. Maecenas quis nisi sed turpis aliquam
porttitor eget ut quam. Sed vel scelerisque ex. Duis in pharetra
neque, at tempus lorem. Aenean mi magna, posuere at quam sed, euismod
gravida neque.
</p>
</section>
<!-- Ideas -->
<section id="ideas">
<h2>Ideas</h2>
<h3>Forest retreats</h3>
<img
src="images/forest-retreat.png"
alt="Thinkfulbnb - Forest retreat"
/>
<h3>Beaches</h3>
<img src="images/beach-house.png" alt="Thinkfulbnb - Beach house" />
<h3>Rustic cabins</h3>
<img src="images/cabin.png" alt="Thinkfulbnb - Cabin" />
<h3>Pet-friendly</h3>
<img src="images/pet-friendly.png" alt="Thinkfulbnb - Pet-friendly" />
</section>
<!-- Host -->
<section id="host" class="alternate-background">
<h2>Want to Become a Thinkfulbnb Host?</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
molestie in est id efficitur. Sed hendrerit ut turpis quis dapibus.
Nam sit amet iaculis lectus. Aliquam erat volutpat. Praesent rhoncus
pellentesque eros in aliquet. Sed accumsan elit lacus, id ultrices
libero rutrum vitae.
</p>
<ul>
<li>Mauris in pellentesque ligula.</li>
<li>Sed accumsan elit lacus, id ultrices libero rutrum vitae.</li>
<li>Nunc vitae ex eget neque pellentesque porttitor.</li>
<li>Cras mollis lorem sagittis sapien imperdiet blandit. Vivamus.</li>
<li>
Donec vehicula ipsum nisi, eu consectetur leo feugiat et. Fusce eget
hendrerit mauris.
</li>
</ul>
<img src="images/become-a-host.png" alt="Thinkfulbnb - Become a host" />
</section>
</main>
<footer>
<p>© Thinkful</p>
</footer>
</body>
</html>