71 lines
3.6 KiB
HTML
71 lines
3.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Bootstrap shopping list</title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
|
<link rel="stylesheet" href="../css/custom.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- navbar -->
|
||
|
|
<nav class="navbar navbar-expand-sm navbar-light bg-gradient-primary">
|
||
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto">
|
||
|
|
<li class="nav-item active dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
|
|
Obst und Gemüse
|
||
|
|
</a>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||
|
|
<a class="dropdown-item" href="#">Frühling</a>
|
||
|
|
<a class="dropdown-item" href="#">Sommer</a>
|
||
|
|
<a class="dropdown-item" href="#">Herbst</a>
|
||
|
|
<a class="dropdown-item" href="#">Winter</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
|
|
Milchprodukte
|
||
|
|
</a>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||
|
|
<a class="dropdown-item" href="#">Milch</a>
|
||
|
|
<a class="dropdown-item" href="#">Jogurt</a>
|
||
|
|
<a class="dropdown-item" href="#">Käse</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
|
||
|
|
<div class="carousel-inner">
|
||
|
|
<div class="carousel-item active">
|
||
|
|
<img src="./img/veg1.jpg" class="d-block w-100 carousel-img" alt="vegetables">
|
||
|
|
</div>
|
||
|
|
<div class="carousel-item">
|
||
|
|
<img src="./img/veg2.jpg" class="d-block w-100 carousel-img" alt="vegetables">
|
||
|
|
</div>
|
||
|
|
<div class="carousel-item">
|
||
|
|
<img src="./img/veg3.jpg" class="d-block w-100 carousel-img" alt="vegetables">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
|
||
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
|
|
<span class="sr-only">Previous</span>
|
||
|
|
</a>
|
||
|
|
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
|
||
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
|
|
<span class="sr-only">Next</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- scripts -->
|
||
|
|
<script src="../node_modules/jquery/dist/jquery.js"></script>
|
||
|
|
<script src="../node_modules/popper.js/dist/popper.js"></script>
|
||
|
|
<script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|