-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio3.html
105 lines (90 loc) · 4.77 KB
/
portfolio3.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
<!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 the latest projects by Express PVC Specialist. From pool covers to retractable awnings, discover our innovative solutions and craftsmanship.">
<meta name="keywords" content="Express PVC Specialist projects, PVC solutions, pool covers, retractable awnings, outdoor projects, innovative design">
<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>Project | EPS</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/snowcard.css">
<link rel="stylesheet" href="css/poster.css">
<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>
<body>
<main class="grid">
<div class="title title--primary">
<span class="text-light">Winchester Hills Johannesburg</span>
<span class="text-bold">Custom Pool Cover Installation for Rendani</span>
</div>
<div class="clover">
<a
href="portfolio3.html"
target="_blank"
rel="noopener noreferrer"
>
<img
src="img/tress.jpg"
alt="Photo by occxlnce"
/>
</a>
</div>
<ul class="info">
<li>
<span class="text-bold"><b>Client Overview:</b></span>
<span class="text-light">Rendani, a resident of Winchester Hills, Johannesburg, required a practical and aesthetically pleasing pool cover for his home. The neighborhood of Winchester Hills is known for its serene environment and well-maintained homes, and Rendani's house reflects this standard.</span>
</li>
<li>
<span class="text-bold"><b>Project Objective:</b></span>
<span class="text-light">To design, manufacture, and install a custom pool cover that aligns with the home’s environment and provides durable protection for the pool.</span>
</li>
<li>
<span class="text-bold"><b>Scope of Work:</b></span>
<span class="text-light">The project involved an initial site visit to take precise measurements and discuss Rendani’s preferences. The pool cover was designed to blend seamlessly with the surroundings while ensuring optimal functionality and ease of use.</span>
</li>
<li>
<span class="text-bold"><b>Challenges and Solutions:</b></span>
<span class="text-light">The challenge was to create a pool cover that would fit perfectly and enhance the overall appearance of the pool area. Through meticulous measurement and high-quality materials, the cover was designed and installed to meet these requirements.</span>
</li>
<li>
<span class="text-bold"><b>Materials Used:</b></span>
<span class="text-light">The pool cover was crafted from premium, UV-resistant PVC material, ensuring durability and long-term protection from environmental elements.</span>
</li>
<li>
<span class="text-bold"><b>Project Outcome:</b></span>
<span class="text-light">The custom pool cover, installed on 20 March 2024, provides excellent protection while complementing the aesthetic of Rendani’s home. The pool area now benefits from enhanced safety and reduced maintenance needs.</span>
</li>
</ul>
<div class="title title--secondary">
<span class="text-light">Installation Date:</span>
<span class="text-bold"><b>20 March 2024</b></span>
</div>
</main>
<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>