-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (92 loc) · 4.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/index.css">
<title>Homepage</title>
</head>
<body>
<header class="nav-header">
<nav class="header__nav">
<a href="./index.html" class="logo" title="To home page">World Peas</a>
<div class="nav__menu-button-container">
<ul class="menu-button__activity">
<li><a href="/Figma-Basics/" class="shop">Shop</a></li>
<li><a href="/Figma-Basics/" class="news">Newstand</a></li>
<li><a href="/Figma-Basics/" class="about">Who we are</a></li>
<li><a href="/Figma-Basics/" class="profile">My profile</a></li>
</ul>
<a href="/Figma-Basics/" class="menu-button__basket">Basket <span class="in-basket">(3)</span></a>
</div>
</nav>
</header>
<main class="content">
<h1 class="visually-hidden">World Peas</h1>
<section class="main-header">
<div class="main-header-container">
<div class="main-header-internal-container">
<header>
<h2 class="slogan">
We’re <span class="italic-family">farmers</span>, <span class="italic-family">purveyors</span>,
and <span class="italic-family">eaters</span> of <br />
organically grown food.
</h2>
</header>
<a href="/Figma-Basics/" class="main-shop">Browse our shop</a>
</div>
</div>
</section>
<section class="organically-food">
<div class="organically-food-container">
<figure class="image-greenery">
<img
src="./assets/images/greenery.jpg"
srcset="./assets/images/2x_images/[email protected] 2x,
./assets/images/3x_images/[email protected] 3x"
alt="greenery"
width="504" height="693"
loading="lazy"
/>
</figure>
<figure class="image-healthy-food">
<img
src="./assets/images/healthy-food.jpg"
srcset="./assets/images/2x_images/[email protected] 2x,
./assets/images/3x_images/[email protected] 3x"
alt="healthy-food"
width="780" height="480"
loading="lazy"
/>
<figcaption class="healthy-food-description">
<span class="inter-medium">Central California</span> — The person who grew these was located in Central California and, er, hopefully very well-compensated.
</figcaption>
</figure>
</div>
</section>
<section class="believe">
<div class="believe-container">
<div class="faith-content">
<h3 class="faith-header">WHAT WE BELIEVE</h3>
<p class="faith">
<span>We believe in produce. Tasty produce. Produce like:</span>
<span>Apples. Oranges. Limes. Lemons. Guavas. Carrots. Cucumbers. Jicamas. Cauliflowers.
Brussels sprouts. Shallots. Japanese eggplants. Asparagus. Artichokes—Jerusalem
artichokes, too. Radishes. Broccoli. Baby broccoli. Broccolini. Bok choy. Scallions.
Ginger. Cherries. Raspberries. Cilantro. Parsley. Dill.</span>
<span>What are we forgetting?</span>
<span>Oh! Onions. Yams. Avocados. Lettuce. Arugula (to some, “rocket”). Persian cucumbers,
in addition to aforementioned “normal” cucumbers. Artichokes. Zucchinis. Pumpkins.
Squash (what some cultures call pumpkins). Sweet potatoes and potato-potatoes.
Jackfruit. Monk fruit. Fruit of the Loom. Fruits of our labor (this website). Sorrel.
Pineapple. Mango. Gooseberries. Blackberries. Tomatoes. Heirloom tomatoes. Beets.
Chives. Corn. Endive. Escarole, which, we swear, we’re vendors of organic produce,
but if you asked us to describe what escaroles are...</span>
</p>
</div>
</div>
</section>
</main>
</body>
</html>