This repository was archived by the owner on Apr 18, 2026. It is now read-only.
forked from CodeYourFuture/HTML-CSS-Coursework-Week3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
84 lines (80 loc) · 3.64 KB
/
index.html
File metadata and controls
84 lines (80 loc) · 3.64 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Responsive Cake webpage</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Truculenta:wght@500&display=swap" rel="stylesheet">
<!-- Add a link to your css file here -->
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CAKES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">ORDERIN</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">LESSONS</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="Logo" >
<img src="https://png.pngtree.com/template/20200104/ourmid/pngtree-cake-logo-icon-image_343913.jpg" alt="logo">
<br>
<p>"The beast cakes in town delivered to you door"</p>
</header>
<main>
<div class="text" >
<h1>Welcome</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Et maiores labore expedita nemo reiciendis
ipsam aliquid quam voluptatum eum deserunt
officiis libero omnis voluptate quo possimus cumque, animi, ullam exercitationem?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam doloremque magni rem
dolorum dolor ex fuga nulla ea, dolore maiores praesentium.
Quae explicabo ad ducimus repellat? Mollitia ea unde earum.</p>
<img class="bigCake" src="imagenes\t30_343215.jpg" alt="pastel grande">
</div>
<div class="imagenes">
<img class="imgI" src="imagenes\Choc-Fudge-Cake-b2d1909.jpg" alt="imagen1">
<img class="imgD" src="imagenes\descarga.jpg" alt="imagen2">
<img class="imgI" src="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/carrot-cake-f1b3d0c.jpg?quality=90&resize=504,458" alt="imagen3">
<img class="imgD" src="imagenes\pastel_carlosvbite.png" alt="imagen4">
</div>
</main>
<footer>
<div class="footer" >
<ul>
<li>twitter</li>
<li>facebook</li>
<li>instagram</li>
</ul>
</div>
<p>Date: 17/02/2021</p>
</footer>
</body>
</html>