-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrezepte.html
145 lines (128 loc) · 8.69 KB
/
rezepte.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
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- bootstrap icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Ernährung</title>
</head>
<body style="background-color: pink;">
<div class="container-fluid">
<!--Navbar top-->
<div class="row sticky-top">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Preggo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="homescreen.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="rezepte.html">Rezepte</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="test.html">Das Elixir des Lebens</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Ausloggen</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- pregnancy progress-->
<div class="progress" style="height: 30px; margin-bottom: 10px; padding-left: 0px;">
<div id="progress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%; background-color: #d63384;">Noch 70 Tage bis zur Entbindung</div>
</div>
</div>
<div class="row mb-5">
<div class="col-12">
<!-- Karussel-->
<div id="carouselExampleControlsNoTouching" class="carousel slide mt-2" data-bs-touch="false" data-bs-interval="false">
<div class="carousel-inner">
<div class="carousel-item active">
<p>Frühstück</p>
<a href="https://meatlessmealsformeateaters.blogspot.com/2011/05/fruit-punch-smoothie.html">
<img src="images/fruit-punch-smooothie.jpg" class="d-block w-100 img-fluid" alt="...">
</a>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorem sequi distinctio non iusto esse qui similique. Possimus dolor earum similique, rem exercitationem ipsam eaque deleniti dolores vel sint et. Saepe eligendi incidunt
iusto atque aliquam quia itaque doloribus vitae voluptatum earum, aspernatur cum minima adipisci. Molestias enim facilis quae sequi, et quos amet, saepe ea, aliquid voluptatibus perspiciatis quas quo voluptatum nihil? Placeat
deserunt aliquam ipsum accusamus dolore architecto unde?</p>
</div>
<div class="carousel-item">
<p>Mittagessen</p>
<a href="https://www.gutekueche.at/lachsnudeln-rezept-1375">
<img src="images/lachsnudeln.jpg" class="d-block w-100" alt="...">
</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, suscipit? Corrupti eos ad eveniet explicabo dolores illum unde, asperiores blanditiis exercitationem dolorem voluptatum recusandae quibusdam sed quisquam
labore, odit harum sapiente totam temporibus reiciendis error. Asperiores placeat totam quas tenetur, dolorem inventore aspernatur dolorum, corporis rem, consequatur incidunt. Sapiente earum dolore nesciunt ipsa ducimus?
Quo veniam cum aut facilis vitae iusto officia qui, placeat dolorum dicta? Cumque quibusdam aut deserunt harum, necessitatibus nobis fuga voluptas eius culpa quos maiores sit excepturi modi labore voluptates libero placeat,
nemo odio facilis amet corporis optio architecto exercitationem. Non odit illum pariatur adipisci officia?</p>
</div>
<div class="carousel-item">
<p>Abendessen</p>
<a href="https://www.lidl-kochen.de/rezeptwelt/low-carb-garnelen-gemuese-pfanne-266230">
<img src="images/Gemüse-Garnelen-pfanne.jpg" class="d-block w-100" alt="...">
</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt dolorum aut ut omnis suscipit, voluptatem similique fugiat officia enim commodi maxime, modi ipsam doloribus porro provident, rem adipisci vitae nulla obcaecati
quisquam dolore fuga. Qui iste assumenda, minus fugit at hic aliquid iure rerum repellat tenetur aspernatur minima fugiat, quaerat cupiditate eius dolorum quos delectus. Debitis eaque, neque necessitatibus error doloribus
similique officiis itaque ab magnam, illo iste nam aperiam molestias asperiores provident ratione! Quam non quia consectetur ducimus sunt. Deleniti sint atque quisquam nisi, sed rerum eligendi vero, rem aperiam beatae asperiores
ducimus temporibus officia quibusdam nulla nam saepe.</p>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControlsNoTouching" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControlsNoTouching" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
<!-- navbar bottom -->
<div class="row fixed-bottom">
<!-- navbar bottom -->
<nav class="navbar navbar-dark bg-dark">
<div class="container justify-content-evenly">
<a class="navbar-brand" href="#">
<i class="bi-person-fill"></i>
</a>
<a class="navbar-brand" href="calendar.html">
<i class="bi-calendar-fill"></i>
</a>
<a class="navbar-brand" href="#">
<i class="bi-camera-fill"></i>
</a>
<a class="navbar-brand" href="#">
<i class="bi-heart-fill"></i>
</a>
</div>
</nav>
</div>
<script src="js/bootstrap.min.js"></script>
</div>
</body>
</html>