generated from Goncalves95/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
155 lines (139 loc) · 6.72 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
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
146
147
148
149
150
151
152
153
154
155
<!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">
<!-- Meta tags for search engines -->
<meta name="description"
content="Chef Prime is a new ideology, bring to your home the best colinary squills from the best chef's in Algarve, Portugal">
<meta name="keywords" content="chef's, home, home chef, culinary events, Prime, Algarve, Portugal, Events, Privet events, Privet Chef,
Hollidays menu, breackfast, Hight Gastronomy">
<meta name="author" content="Fernando Goncalves">
<!-- Title -->
<title>Chef Prime</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<!-- Link for css Page-->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header -->
<header>
<div class="header">
<div id="logo">
<h1>
<img src="assets/images/pequeno.png" class="logo-center" alt="logo of Chef Prime">
<a href="index.html" aria-label="logo, go to the Home page">Chef Prime</a>
</h1>
</div>
<!-- Nav bar for medium and large screens -->
<div id="nav">
<ul class="large-screen">
<li><a href="index.html" aria-label="Go to the home page" class="current-page">Home</a></li>
<li><a href="gallery.html" aria-label="Go to the images gallery">Gallery</a></li>
<li><a href="contact.html" aria-label="Go to contact page">Contact</a></li>
</ul>
</div>
</div>
<!-- Nav bar for small screens (dropdown)-->
<div>
<input type="checkbox" id="toggler" name="toggler">
<label for="toggler" class="toggle-menu small-screen">
<span class="open"><i class="fa-solid fa-bars"></i></span>
<span class="close"><i class="fa-solid fa-x"></i></span>
</label>
<nav class="collapsing-nav">
<ul>
<li><a href="index.html" aria-label="Go to the home page" class="current-page">Home</a></li>
<li class="sub-container"><a href="gallery.html" aria-label="Go to the Galler page">Gallery</a></li>
<li><a href="contact.html" aria-label="Go to contact page">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Main Content -->
<div id="about" class="content" aria-labelledby="hero-image">
<div id="hero-image">
<div>
<h3 id="hero-text">
Privet Chef's<br>
in your Home or Event</h3>
</div>
</div>
<!-- About section -->
<section id="about-algarve">
<div class="text-content">
<h1>Algarve</h1>
<p><b>Algarve</b> The Algarve, a region in the far south of Portugal, is known for its Mediterranean
beaches
and golf resorts. Its Mediterranean cuisine is also known throughout the world for the best and
tastiest gastronomy.
It's based on olive oil, grilled meats and fresh fish, caught on the day.
</p>
</div>
<div class="text-content">
<h1>About Chef Prime</h1>
<p><b>Algarve Chef Prime's</b> aim is to provide a high gastronomy service to surprise someone special
or even your family, tomake a special event and why not take your vacation and not worry about
the menu? At Algarve Chef Prime you can choose just one meal a day or all the meals of your day,
and a chef will be on hand to do the necessary shopping and prepare the menus you've chosen for
your family's holiday.
</p>
</div>
</section>
<!-- Our Services card's -->
<h1 id="our-services">Our Services</H1>
<section>
<div id="services" aria-labelledby="our-services">
<div id="chef-home" class="card">
<div class="card-text-content">
<h1>Chef in Home</h1>
<p>A romantic evening where you want to surprise with haute cuisine.
You'll have a chef just for your requests in the comfort of your own home.
</p>
</div>
</div>
<div id="events" class="card">
<div class="card-text-content">
<h1>Event Planing</h1>
<p>We can plan your event. From planning your menu to cooking and serving.
If you want to surprise your guests, hire ourShow Cooking.
</div>
</div>
<div id="holidays" class="card">
<div class="card-text-content">
<h1>Holidays Menu</h1>
<p> Don't waste time with meals for your family. We take care of everything
fromplanning your menu, shopping for the menu and cooking. That way you'll have more
time for your holidays.
</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer aria-labelledby="social">
<div id="social">
<ul>
<li><a href="https://www.linkedin.com/" aria-label="Find us on Linkedin (opens in new tab)" rel="noopener"
target="linkedin"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/" aria-label="Find us on Instagram (opens in new tab)" rel="noopener"
target="instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.facebook.com/" aria-label="Find us on Facebook (opens in new tab)" rel="noopener"
target="facebook"><i class="fa-brands fa-square-facebook"></i></a></li>
<li><a href="https://www.tiktok.com/" aria-label="Find us on Tiktok (opens in new tab)" rel="noopener"
target="tiktok"><i class="fa-brands fa-tiktok"></i></a></li>
<li><a href="https://www.youtube.com/" aria-label="Find us on Youtube (opens in new tab)" rel="noopener"
target="youtube"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
<br>
<h3>© Fernando Gonçalves 2023</h3>
</div>
</footer>
<!-- Script always in the end of the page -->
<script src="https://kit.fontawesome.com/049d55f482.js" crossorigin="anonymous" defer></script>
</body>
</html>