-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
130 lines (102 loc) · 4.54 KB
/
Copy pathservices.html
File metadata and controls
130 lines (102 loc) · 4.54 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
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
<!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>Services — Victoria's Coffee </title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body id="main">
<!-- Nav -->
<nav>
<h1> <a href="index.html">Victoria's Coffee</a></h1>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a class="nav-active" href="services.html">Services</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- Mobile Side-nav -->
<span id = "close-menu" class="open-slide">
<a href="#" onclick="openSlideMenu()">
<svg width="30" height="30">
<path d="M0,5 30,5" stroke="#f4f4f4" stroke-width="3"/>
<path d="M0,14 30,14" stroke="#f4f4f4" stroke-width="3"/>
<path d="M0,23 30,23" stroke="#f4f4f4" stroke-width="3"/>
</svg>
</a>
</span>
</nav>
<div id="side-menu" class="side-nav">
<a href="#" class="btn-close" onclick="closeSlideMenu()">×</a>
<a href="about.html">About</a>
<a href="locations.html">Locations</a>
<a href="services.html">Services</a>
<a href="work.html">Work</a>
<a href="contact.html">Contact</a>
</div>
<!-- Main: Services Content -->
<main>
<div class="services-header-text">
<h2>VICTORIA'S SERVICES</h2>
<h3>LET US HELP YOU.</h3>
</div>
<div class="services-boxes-container">
<div class="services-boxes coffee-training">
<img src="./images/coffee-training.jpg" alt="man leveling off portafilter with finger">
<div class="coffee-training-text">
<h3>TRAINING PROGRAM</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minima eius ipsa animi veniam explicabo, corrupti ad consectetur cupiditate incidunt? Adipisci cupiditate, mollitia dolorum quidem soluta beatae, quisquam rerum, earum repellendus eius ut possimus atque magni?</p>
</div>
<div class="btn-container">
<a class="services-boxes-btn" href="contact.html">LET'S TRAIN</a>
</div>
</div>
<div class="services-boxes coffee-catering">
<img src="./images/coffee-catering.jpg" alt="three people holding coffee cups">
<div class="coffee-catering-text">
<h3>CATERING SERVICES</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel iusto delectus facere quibusdam fugiat quisquam pariatur eos, molestias a tenetur, praesentium inventore repellat iure aut sint ipsa recusandae voluptas laboriosam excepturi? Numquam autem tenetur tempore.</p>
</div>
<div class="btn-container">
<a class="services-boxes-btn" href="catering-form.html">LET'S PLAN</a>
</div>
</div>
<div class="services-boxes coffee-repairs">
<img src="./images/coffee-repairs.jpg" alt="silver espresso machine">
<div class="coffee-repairs-text">
<h3>REPAIR SERVICES</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda obcaecati minus quae ad culpa itaque, inventore nulla laboriosam beatae dolore expedita deserunt at incidunt voluptate ratione consequatur commodi, sapiente, cupiditate amet. Corporis rem nulla praesentium?</p>
</div>
<div class="btn-container">
<a class="services-boxes-btn" href="contact.html">LET'S FIX IT</a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="work.html">Careers</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li class="mail-link"> <a href="mailto:info@victoriascoffee.com">info@victoriascoffee.com</a></li>
<li class="instagram-icon"> <a href="#"><i class="fab fa-instagram fa-2x"></i></a></li>
</ul>
<form action="#">
<h3>Sign up to receive our weekly updates</h3>
<input type="email" name="email" id="email" placeholder="Email Address">
<button type="submit">Sign Up</button>
</form>
<div class="copyright-p">
<p>© VICTORIA'S COFFEE 2019.</p>
</div>
</footer>
<!-- JS -->
<script src="./js/main.js"></script>
</body>
</html>