-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (89 loc) · 2.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Potato World</title>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div class="header">
<h3 id="lonely-h3">Potato World</h3>
<ul class="header-links">
<li><a href="">Russet Burbank</a></li>
<li><a href="">Yukon Gold</a></li>
<li><a href="">Belle de Fontenay</a></li>
</ul>
</div>
<div class="sub-header">
<div class="sub-header-left">
<h1>Welcome to potato world</h1>
<p>
Here is the wonderful world of potato. It looks cool because it is.
Potato world, for all your potato needs.
</p>
<button>Sign up</button>
</div>
<div>
<img
src="./images/midsection-farmer-holding-organic-potatoes-while-standing-farm-sunny-day.jpg"
alt="some sweet taters | Image by tonodiaz on Freepik"
/>
</div>
</div>
<div class="lonely-p">
<p>Look at our pretty potatoes</p>
</div>
<div class="body-4cards">
<div class="card">
<img src="./images/russet_burbank.jpg" alt="Russet Burbank" />
<p>Russet Burbank</p>
</div>
<div class="card">
<img class="card-image" src="./images/yukon.jpg" alt="Yukon Gold" />
<p>Yukon Gold</p>
</div>
<div class="card">
<img src="./images/belle-de-fontenay.jpg" alt="Belle de Fontenay" />
<p>Belle de Fontenay</p>
</div>
<div class="card">
<img src="./images/russian-blue.jpg" alt="Russian Blue" />
<p>Russian Blue</p>
</div>
</div>
<div class="quote-cont">
<div class="quote">
<a href="https://www.youtube.com/watch?v=QiqqC_fbP1c" target="_blank">
<p>
"I have potato blood in my veins. My life is potato. In your working
life and your living - it's always potatoes. I dream of potatoes.
When you're going to harvest, in your mind and in your heart you
feel that you are going to export the potatoes and you're not going
to see them anymore. That hurts."
</p>
</a>
</div>
<div class="quote-source">
<p>-Maltese Potato Farmer</p>
</div>
</div>
<div class="call-to-action">
<div class="call-to-action-square">
<div class="call-left">
<p id="call-title">Order your potatos today!</p>
<p>
We also have a pack of different potatoes so you can try a bunch
aaaaah
</p>
</div>
<div class="call-button">
<button>Order now</button>
</div>
</div>
</div>
<div class="footer">
<p>Copyright © Odin Crujo Project 2024</p>
</div>
</body>
</html>