-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
81 lines (81 loc) · 5.61 KB
/
services.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
<!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 name="keywords" content="services, personal, chef, Andy">
<meta name="description" content="Chef Andy provides personal chef services and cooking lessons. Sample menu includes a shrimp Caesar salad, pan roasted chicken, and chocolate lava cake.">
<title>Services | Chef Andy</title>
<link rel="icon" href="/images/icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Roboto+Condensed&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/services.css">
</head>
<body>
<nav>
<h1><a href="./index.html">Chef Andy</a></h1>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./services.html">Services</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav>
<div class="body-content">
<header class="services-header">
<h2>Services</h2>
<p>Fine food, fine service.</p>
</header>
<div class="services-background">
<h2 class="divider">How it works</h2>
<div class="services-container"><!-- Flex container -->
<section class="services-content"><!-- Flex item -->
<img class="services-icon" src="images/consultation-icon.jpg" alt="Free consultation" width="100" height="100">
<h3>Free Consultation</h3>
<p>The first step is a totally free consultation, to discuss your food choices, the number of attendees, and plan out the date and time. After the consultation, a written price quote will be provided to you for approval.</p>
</section>
<section class="services-content"><!-- Flex item -->
<img class="services-icon" src="images/service-icon.jpg" alt="Free consultation" width="100" height="100">
<h3>The Service</h3>
<p>The chef, and any additional staff, will arrive one hour before the meal is to be served. You and your guests will be served the menu you have selected. Once the meal is completed, your kitchen will be cleaned.</p>
</section>
<section class="services-content"><!-- Flex item -->
<img class="services-icon" src="images/cost-icon.jpg" alt="Free consultation" width="100" height="100">
<h3>The Cost</h3>
<p>Prices are based on your menu and the number of participants. Additional staff at a rate of $30/hr is required for every additional five guests. A 50% deposit is required for work to begin. The remaining 50% is due 24 hours before the service date.</p>
</section>
<section class="services-content"><!-- Flex item -->
<img class="services-icon" src="images/cooking-lesson-icon.jpg" alt="Free consultation" width="100" height="100">
<h3>Cooking Lessons</h3>
<p>Want to learn how to cook like a chef? Private one-on-one lessons available at $75/hr. Groups up to five are $50/hr, per participant. All cooking ingredients are included. Cooking lessons need to be booked at least one week in advance.</p>
</section>
</div> <!-- END OF .services-container -->
</div><!-- END OF .services-background -->
<div class="menu-container">
<h2 class="divider">Sample Menu</h2>
<div class="menu-section"><!-- Flex container -->
<section class="menu-item"><!-- Flex item -->
<h3>Signature 3-Course Meal</h3>
<p class="center"><b>Price: </b>$199 for 2 people (plus $75 for every additional person).</p>
<h4 class="less-margin-bottom">1. Appetizer:</h4>
<p class="less-margin-top">Shrimp Caesar salad with spicy croutons.</p>
<h4 class="less-margin-bottom">2. Entrée:</h4>
<p class="less-margin-top">Pan roasted chicken with thyme, on a bed of mash potatoes.</p>
<h4 class="less-margin-bottom">2. Dessert:</h4>
<p class="less-margin-top">Chocolate lava cake topped with fresh blueberries.</p>
<div class="menu-item menu-img-container center">
<img class="img-3-course-meal" src="images/shrimp-caesar-salad-with-spicy-croutons.jpg" alt="Shrimp Caesar salad with spicy croutons" title="Shrimp Caesar Salad" width="150" height="100">
<img class="img-3-course-meal" src="images/entree-pan-roasted-chicken-breasts.jpg" alt="Pan roasted chicken entrée" title="Chicken Entrée" width="300" height="200">
<img class="img-3-course-meal" src="images/dessert-lava-cake.jpg" alt="Chocolate lava cake" title="Chocolate Lava Cake" width="300" height="200">
</div>
</section>
</div> <!-- END OF .menu-section -->
</div><!-- END OF .menu-container -->
<a class="go-to-top" href="#top">↑</a>
</div><!-- END OF .body-content -->
<footer><small>©2023 Chef Andy</small></footer>
</body>
</html>