forked from fredrhae/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
67 lines (62 loc) · 2.62 KB
/
index.html
File metadata and controls
67 lines (62 loc) · 2.62 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
<!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 rel="stylesheet" href="style.css">
</head>
<body>
<header id="navbar">
<img src="./images/cupcake.png" width="80px" height="60px">
<div id="texto-navbar">
<p>The bests cake in town delivered in your door</p>
</div>
</header>
<div id="links">
<a href="#">
<button class="button-enlaces">Home</button>
</a>
<a href="#">
<button class="button-enlaces">Cakes</button>
</a>
<a href="#">
<button class="button-enlaces">Ordering</button>
</a>
<a href="#">
<button class="button-enlaces">Lessons</button>
</a>
<a href="#">
<button class="button-enlaces">About</button>
</a>
</div>
<div id="welcome">
<img src="./images/tarta_welcome.png" width="50%" height="50%" alt="">
<div id="welcome-texto">
<h1>Welcome</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Massa eget egestas purus viverra. Ut ornare lectus sit amet est.
Pellentesque id nibh tortor id aliquet lectus proin. Duis at tellus at urna condimentum mattis
pellentesque. Diam maecenas ultricies mi eget mauris. Consectetur purus ut faucibus pulvinar
elementum integer enim. Volutpat sed cras ornare arcu dui vivamus. Praesent elementum facilisis
leo vel fringilla est. Bibendum est ultricies integer quis auctor.
Facilisis volutpat est velit egestas dui id ornare arcu.</p>
</div>
</div>
<div id="tartas">
<img src="./images/tarta_1.png" class="tarta-image" width="20%" height="20%" style="margin: 0;" alt="">
<img src="./images/tarta_2.png" class="tarta-image" width="20%" height="20%" alt="">
<img src="./images/tarta_3.png" class="tarta-image" width="20%" height="20%" alt="">
<img src="./images/tarta_4.png" class="tarta-image" width="20%" height="20%" style="margin: 0;" alt="">
</div>
<footer>
<div id="enlaces-footer">
<button class="button-enlaces">Carrers</button>
<button class="button-enlaces">Recetas</button>
<button class="button-enlaces">Redes</button>
</div>
<p>Tartas deliciosas Inc.</p>
</footer>
</body>
</html>