forked from fdnd-task/look-and-feel-corporate-identity
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (114 loc) · 5.63 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Project stekjesbieb (Buurtcampus Oost)</title>
<link rel="stylesheet" href="styles/styles.css">
<link rel="icon" type="image/x-icon" href="./assets/logo-favicon/tijdelijkeFavicon.png">
</head>
<body>
<header>
<a href="index.html"><img src="./assets/logo-favicon/PlantSwap-logo-green.svg" alt="Het Plant Swap logo"></a>
<nav class="main-navigation-menu">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="">terug</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
</ul>
</nav>
</header>
<main>
<div class="main-header">
<h1>Hoe verzorg ik mijn plant?</h1>
<h2> Informatie over hoe je jouw planten kunt verzorgen</h2>
<p>En ze leefden nog lang en gelukkig..!🪴✨</p>
</div>
<!-- ======== CAROUSEL "TIPS VAN BUURTBEWONERS" ======== -->
<section class="box-buurtbewoners">
<h2>Planten verzorgtips van buurtbewoners</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et id pariatur porro architecto.
Porro neque reiciendis sit a vitae repellat inventore ab, est voluptate provident excepturi
dignissimos quis alias sint.</p>
<div class="carousel-tips-buurtbewoners">
<ul class= "slides">
<li class="slides-item slide-1" id="slide-1">
<img id="buurtbewoner-foto-1" alt="buurtbewoner Riet geeft plant water" src="./assets/afbeeldingen-rechtenvrij/buurtbewoner-riet-plant-water.jpeg">
<p>“In de winter sproei ik mijn bananenplant 2x per week” - Riet, 65</p>
<a href=""></a>
</li>
<li class="slides-item slide-2" id="slide-2">
<img alt="buurtbewoner Leyla mat haar plant in handen" src="./assets/afbeeldingen-rechtenvrij/buurtbewoner-leyla-plant.webp">
<p>“Mijn cactus wil graag veel zonlicht maar weinig water” - Leyla, 22</p>
<a href=""></a>
</li>
<li class="slides-item slide-3" id="slide-3">
<img alt="" src="./assets/afbeeldingen-rechtenvrij/buurtbewoner-rafi-plant-verzorging.webp">
<p>“Mijn Aloë Vera houd niet van een laag water onder in de pot” - Rafi, 24</p>
<a href=""></a>
</li>
<li class="slides-item slide-4" id="slide-4">
<img alt="" src="./assets/afbeeldingen-rechtenvrij/buurtbewoner-johan-plant-verpotten.jpeg">
<p>“Een raam op het noorden wordt mijn monstera super blij van” - Johan, 31</p>
<a href=""></a>
</li>
</ul>
</div>
</section>
<!-- ======== BOX "VISIT OBA" ========-->
<div class="box-visit-oba">
<h2> Kom langs bij ObA!</h2>
<div class="workshop-1">
<p>➳ wissel planten verzorgingstips uit met buurtgenoten (di & do 12:00-14:00)</p>
<button class="aanmelden-workshop-1" type="button">
<a href="">
<p>ben ik 🐝!</p>
</a>
</button>
</div>
<div class="workshop-2">
<p>➳ volg een workshop plantenverzorging(vrijdag 18 oktober 2022 16:00-17:00)</p>
<button class="aanmelden-workshop-2" type="button">
<a href="">
<p>ben ik 🐝!</p>
</a>
</button>
</div>
<a href=""><p>Ben je er nog niet over uit of je mee wil doen? Hier vind je meer informatie over de workshops</p></a>
</div>
</div>
<!-- ======== BOX "VIND JOUW PLANT" ========-->
<div class="box-vind-jouw-plant">
<h2>Vind jouw plant</h2>
<button type="button"><a href="plantenlijst-a-z.html"><p>plantenlijst A t/m Z</p></a></button>
<button type="button"><p>zoek op naam 🔍</p></button>
</div>
</main>
<footer>
<div class="footer-top">
<img src="./assets/footer/BuurtcampusFooter.svg" alt="buurtcampus footer">
</div>
<div class="footer-middle">
<ul>
<li><a href=""></a>💻</li>
<li><a href=""></a>☎</li>
<li><a href=""></a>💌</li>
<li><a href=""></a>📧</li>
</ul>
<form class="newsletter-form">
<h2>Meld je aan voor de Plantswap nieuwsbrief!</h2>
<p>Geen spam, wel veel handige planten tips & tricks. (Je plantjes zullen je dankbaar zijn😉)</p>
<div class="info">
<input type="text" placeholder="Je naam">
<input type="email" placeholder="Je e-mail">
</div>
<input type="submit" value="Aanmelden🪴">
</form>
</div>
<div class="footer-bottom">
<p>Met 💚 gemaakt door Tessa Viergever</p>
</div>
</footer>
</body>
</html>