-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathleaves-of-paradise.html
executable file
·143 lines (135 loc) · 7.94 KB
/
leaves-of-paradise.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
<!DOCTYPE html>
<hmtl>
<title>Leaves of Paradise
</title>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<head>
<style></style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../styles/leaves-of-paradise.css">
<script>
</script>
</head>
<body>
<header id="header">
<section id="navigation">
<img id="header-img" src="../images/LeavesofParadise.jpg">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#product-info">About</a></li>
<li><a class="nav-link" href="#buy-product">Products</a></li>
<li><a class="nav-link" href="#form">Sign Up</a></li>
</ul>
</nav>
</section>
<div id="page-title">
<h1 class="header-img">Leaves of Paradise </h1>
</div>
</header>
<section id="main-section">
<div id="product-info">
<img src="https://images.unsplash.com/photo-1470162656305-6f429ba817bf?ixid=MnwxMjA3fDB8MHxzZWFyY2h8OXx8dGVhfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=60"
class="product-info-photo" alt="image of tea product">
<h2 class="welome-blurb">
Welcome to Paradise
</h2>
<p class="about-product">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi? Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi?Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi?Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi?
</p>
<hr>
<p class="about-product">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi?Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi?Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia, accusantium natus molestias quidem,
amet id ipsum eum sint quas ea nihil vitae optio
ratione nemo, distinctio expedita cupiditate
laudantium labore! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Maiores obcaecati
quasi animi neque ratione quos atque ad aliquam
porro, amet, unde error? Dolorem necessitatibus
autem maiores vitae distinctio saepe nisi?
</p>
</div>
<div class="container" id="buy-product">
<div class="product">
<img src="https://images.unsplash.com/photo-1530536306355-1bd7a4113d88?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cGVwcGVybWludCUyMHRlYXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"
class="tea-product-img" alt="image of tea product">
<br>Tea 1<br>
$30<br><button>Purchase</button>
</div>
<div class="product">
<img src="https://images.unsplash.com/photo-1530536306355-1bd7a4113d88?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cGVwcGVybWludCUyMHRlYXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" class="tea-product-img" alt="image of tea product">
<br>Tea 2 <br>
$30<br><button>Purchase</button>
</div>
<div class="product">
<img src="https://images.unsplash.com/photo-1530536306355-1bd7a4113d88?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cGVwcGVybWludCUyMHRlYXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"
class="tea-product-img" alt="image of tea product">
<br>Tea 3<br>
$30<br><button>Purchase</button>
</div>
</div>
<div class="container" id="sign-up">
<h3>Sign up For Our Newsletter</h3>
<br>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input type="email" id="email" name="email" placeholder="Email address" />
<input type="submit" name="submit" id="submit" value="Subscribe" />
</form>
</div>
</section>
<footer id="footer">
<h6> © Khandice Schuhmann </h6>
</footer>
</body>
</html>