-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
187 lines (162 loc) · 6.24 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
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore our range of solutions at Express PVC Specialist. From pool covers to retractable awnings, discover innovative PVC solutions for all your outdoor needs.">
<meta name="keywords" content="PVC solutions, Express PVC Specialist, outdoor solutions, pool covers, retractable awnings, roller blinds, high-quality PVC">
<link rel="icon" type="image/png" href="img/EPS.png" sizes="16x16">
<link rel="icon" type="image/png" href="img/EPS.png" sizes="32x32">
<link rel="icon" type="image/png" href="img/EPS.png" sizes="64x64">
<title>SOLUTIONS | EPS</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/snowcard.css">
<link rel="stylesheet" href="css/contact.css">
<link rel="stylesheet" href="css/services.css">
<link rel="stylesheet" href="css/button.css">
<style>
header {
background-image: url(img/Pvc2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 500px;
position: sticky;
top: 0;
z-index: 0;
}
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0">
</head>
<body>
<header>
<nav class="navbar">
<a class="logo" href="index.html">EPS<span>.</span></a>
<ul class="menu-links">
<span id="close-menu-btn" class="material-symbols-outlined">close</span>
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="services.html">Solutions</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
<span id="hamburger-btn" class="material-symbols-outlined">menu</span>
</nav>
</header>
<p class="pap"> SOLUTIONS:</p><hr>
<br>
<br>
<br>
<br>
<div class="design-wrapper">
<!-- First Container -->
<div class="design">
<h2 class="
inside">Pool Covers
</h2>
<p class="design-paragraph">
Keep your pool safe and clean with our custom-designed pool covers. Our durable PVC covers provide protection from debris, UV rays, and harsh weather, ensuring your pool stays pristine and ready for use.
</p>
<a href="poolcover.html" role="button" class="design-button"> Read More
</a>
</div>
<!-- Second Container -->
<div class="design">
<h2 class="
inside">Roller Blinds
</h2>
<p class="design-paragraph">
Crafted from high-quality PVC materials, our blinds offer versatile light control and durable performance, perfect for both residential and commercial spaces.
</p>
<a href="blinds.html" role="button" class="design-button"> Read More
</a>
</div>
<!-- Third Container -->
<div class="design">
<h2 class="
inside">Retractable Awnings
</h2>
<p class="design-paragraph">
Enjoy shade and protection from the elements at the touch of a button, with our innovative retractable designs tailored to fit your specific needs.
</p>
<a href="retractable.html" role="button" class="design-button"> Read More
</a>
</div>
<!-- Forth Container -->
<div class="design">
<h2 class="
inside">Wedge Awnings
</h2>
<p class="design-paragraph">
Designed for versatility and durability, our wedge awnings provide effective sun protection while complementing the aesthetic of your home or business
</p>
<a href="wedge.html" role="button" class="design-button"> Read More
</a>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- Site footer -->
<hr>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<h6><B>About EPS</B></h6>
<p class="text-justify">We specialize in transforming outdoor spaces with premium PVC solutions. Our expert team delivers exceptional craftsmanship, innovative designs, and outstanding service for pool covers, roller blinds, awnings, and more. Trust us to enhance your outdoor environment with durable, stylish, and functional solutions tailored to your needs.</p>
</div>
<br>
<div class="col-xs-6 col-md-3">
<h6><B>Quick Links</B></h6>
<ul class="footer-links">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<br>
<div class="col-xs-6 col-md-3">
<h6><B>Other</B></h6>
<ul class="footer-links">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
</ul>
</div>
<br>
</div>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p class="copyright-text">Copyright © 2024 All Rights Reserved by
<a href="https://occxlnce.co.za/">Occxlnce Creative Studio</a>.
</p>
</div>
</div>
</div>
</footer>
<script src="js/script.js"></script>
<script>
const header = document.querySelector("header");
const hamburgerBtn = document.querySelector("#hamburger-btn");
const closeMenuBtn = document.querySelector("#close-menu-btn");
// Toggle mobile menu on hamburger button click
hamburgerBtn.addEventListener("click", () => header.classList.toggle("show-mobile-menu"));
// Close mobile menu on close button click
closeMenuBtn.addEventListener("click", () => hamburgerBtn.click());
</script>
</body>
</html>