-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (75 loc) · 3.22 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
<!DOCTYPE html>
<html>
<head>
<title>pastelLisboa</title>
<!--? META -->
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="utf-8" http-equiv="encoding">
<!--? FONTS -->
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap" rel="stylesheet">
<!--? ICONS -->
<script src="https://kit.fontawesome.com/c0594c7b16.js" crossorigin="anonymous"></script>
<!--? STYLES -->
<link href="CSS/index.css" rel="stylesheet">
<body>
<span id="width" class="width-container"></span>
<div class="overall-wrapper">
<header>
<a href="index" class="logo" aria-label="pastel lisboa logo">Pastel Lisboa</a>
<nav class="nav">
<ul>
<li><a href="index" class="active"><i class="fas fa-home"><span>home</span></i></a></li>
<li><a href="menu"><i class="fas fa-cookie-bite"><span> menu</span></i></a></li>
<li><a href="locations"><i class="fas fa-map-marker-alt"><span> locations</span></i></a></li>
<li><a href="socialmedia"><i class="fas fa-mobile"><span> social media</span></i></a></li>
</ul>
</nav>
</header>
<main class="main">
<section class="left">
<div class="article">
<h1 class="article-title pseudo">Welcome</h1>
<p>You will be able to navigate through a piece of history and tradition when you browse through our menu. We provide the very best Portugal has to offer when it comes to cuisine.</p>
<span class="span-picture"></span>
<span class="rect"></span>
<span class="squ"></span>
</div>
<span class="design-top design"></span>
</section>
<section class="right">
<span class="design-bottom design"></span>
<div class="article second">
<h2 class="pseudo">Founded in 1952</h2>
<p>Our brand has always kept its excellence and the quality of our product is of the upmost priority. Pastel Lisboa has received multiple awards and has established itself as the pinnacle of the portuguese culture for the last few decades.</p>
<span class="span-picture"></span>
<span class="rect"></span>
<span class="squ"></span>
</div>
</section>
</main>
<footer class="foot main-grid">
<a href="index.html" class="footer-logo">Pastel Lisboa</a>
<div class="sitemap">
<a href="index">Home</a>
<a href="menu">Menu</a>
<a href="locations">Locations</a>
<a href="socialmedia">Media</a>
</div>
<div class="copyright">
<p>Pastel Lisboa - all rights reserved - 2020</p>
</div>
<div class="main-footer main-grid">
<ul class="social-list">
<li class="social"><a href="#" class="link"><i class="fab fa-twitter"></i></a></li>
<li class="social"><a href="#" class="link"><i class="fab fa-facebook-square"></i></a></li>
<li class="social"><a href="#" class="link"><i class="fab fa-instagram"></i></a></li>
<li class="social"><a href="#" class="link"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</footer>
</div>
<script src="JS/pastelLisboa.js"></script>
</body>
</html>