-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (106 loc) · 6.81 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
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clean the Capital</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,500,0,0" />
<script src="script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>
</head>
<body>
<a id="logo" class="big" href="https://www.CleantheCapital.com"><img src="images/Logo.svg" alt="Clean the Capital Logo"></a>
<div id="navbar">
<div class="left"></div>
<div class="right">
<a id="login" href="#login"> <span class="material-symbols-outlined">account_box</span> <p>-Login-</p> </a>
<a id="language" href="#language"> <span class="material-symbols-outlined">translate</span> <p>-Language-</p> </a>
<a id="chat" href="#chat"> <span class="material-symbols-outlined">chat_apps_script</span> <p>-Chat now-</p> </a>
<a id="book" href="https://booking.setmore.com/scheduleappointment/7dbafa29-f857-4a95-ac36-aa418ef24dc4"> <span class="material-symbols-outlined">schedule</span> <p>Schedule a call</p> </a>
<a id="phone" href="tel:+15038517269"><span class="material-symbols-outlined">phone_forwarded</span> <p>503-851-7269</p> </a>
</div>
</div>
<div id="hero" class="fade-in">
<img src="images/image.svg" alt="Hopefully, we'll forget what it looked like">
<!-- Button with animation -->
<button class="button">
<a href="https://booking.setmore.com/scheduleappointment/7dbafa29-f857-4a95-ac36-aa418ef24dc4">
<span>Book your consultation</span></a>
<div class="Wave"></div>
<div class="Wave"></div>
</button>
<p>Proceeds from your cleaning projects fund public cleaning projects in the capital of Oregon. </p>
</div>
<img src="images/wave1.svg" alt="blue svg wave"/>
<!-- Services section for residential customers. Uses grid to define space for elements. -->
<div class="box fade-in">
<div class="video-box">
<video class="MyVideo" autoplay muted loop>
<source src="MainPromo.mp4" type="video/mp4">
</video>
</div>
<div class = "services">
<h3>Residential Services</h3>
<p>We offer pressure washing services for residential customers in Salem and surrounding areas. Whether you need to clean your driveway, patio, deck or siding, we have the right equipment and expertise to make your home look new again.</p>
<div class = "service-item">
<span class="material-symbols-outlined">garage</span>
<h4>Driveway Cleaning</h4>
<p>We can remove dirt, oil stains, moss and algae from your driveway using high-pressure water jets. Our driveway cleaning service will enhance your curb appeal and increase your property value.</p> </div>
<div class = "service-item">
<span class="material-symbols-outlined">outdoor_grill</span>
<h4>Patio Cleaning</h4>
<p>We can restore your patio to its original beauty by removing dirt, grime, mold and mildew from your concrete or stone surfaces. Our patio cleaning service will make your outdoor space more inviting and enjoyable.</p> </div>
<div class = "service-item">
<span class="material-symbols-outlined">other_houses</span>
<h4>Siding Cleaning</h4>
<p>We can clean your siding from dust, dirt, pollen and stains using our soft washing technique that is gentle on your materials. Our siding cleaning service will protect your home from damage and decay.</p> </div>
</div>
</div>
<!-- SVG image from file as transtion --> <img src="images/wave2.svg" alt="svg wave blue"/>
<div class="services fade-in">
<h3>Commercial Services</h3>
<p>We offer pressure washing services for commercial customers in Salem and surrounding areas. Whether you need to clean your driveway, patio, deck or siding, we have the right equipment and expertise to make your home look new again.</p>
<!-- Oil -->
<div class="service-item">
<span class="material-symbols-outlined">oil_barrel</span>
<h4>Oil Stain Restoration</h4>
<p>We can remove oil stains from your concrete surfaces using our specialized equipment and products. Our oil stain restoration service will make your business look more professional and attractive.</p> </div>
<!-- Graffiti -->
<div class="service-item">
<span class="material-symbols-outlined">imagesearch_roller</span>
<h4>Graffiti Removal</h4>
<p>We can remove graffiti from your walls, fences, signs and other surfaces using our high-pressure water jets and eco-friendly chemicals. Our graffiti removal service will restore your property's appearance and value.</p></div>
<!-- Parking lot -->
<div class="service-item">
<span class="material-symbols-outlined">view_week</span>
<h4>Parking Lot Cleaning</h4>
<p>We can clean your parking lot from dirt, debris, gum, grease and other contaminants using our powerful sweepers and washers. Our parking lot cleaning service will improve your safety and sanitation standards.</p> </div>
<!-- High traffic-->
<div class="service-item">
<span class="material-symbols-outlined">directions_walk</span>
<h4>High Traffic Area Cleaning</h4>
<p>We can clean your high traffic areas such as sidewalks, entrances, stairs and ramps using our hot water pressure washing system. Our high traffic area cleaning service will enhance your image and reputation.</p> </div>
<!-- Always clean-->
<div class="service-item">
<span class="material-symbols-outlined">event_repeat</span>
<h4>Always Clean Routine</h4>
<p>We can schedule regular pressure washing services for your business according to your needs and budget. Our always clean routine service will keep your property looking its best all year round.</p> </div>
<!-- Dumpster rescue-->
<div class="service-item">
<span class="material-symbols-outlined">bath_outdoor</span>
<h4>Dumpster Pad Rescue</h4>
<p>We can rescue your dumpster pad from foul odors, bacteria, pests and stains using our hot water pressure washing system and disinfectants. Our dumpster pad rescue service will protect your health and environment.</p> </div>
</div>
<span class="material-symbols-outlined">
sprinkler
</span>
<span class="material-symbols-outlined">
volunteer_activism
</span>
<span class="material-symbols-outlined">
real_estate_agent
</span>
<span class="material-symbols-outlined">
auto_awesome
</span>
</body>
</html>