-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (134 loc) · 6.83 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" href="favicon(1).ico">
<title>Adams Brothers Pools</title>
<link rel = "stylesheet" type = "text/css" href = "css/style.css">
<link rel = "stylesheet" type = "text/css" href = "css/index.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body>
<header id = "top">
<div class = "top-row-wrapper">
<p id = "serving">Serving Southern California Since 1981</p>
<a href = "index.html"><img id = "logo" src = "adams_logo.png" alt = "Adams Bros Pools"></a>
<p id = "start">Start Your Project Today!
<a href = "contact.php" >FREE ESTIMATE</a>
</p>
<img src = "menu_icon.png" id = "menu-icon" onclick = "toggleMenu()">
</div>
<nav id = "navbar">
<ul id = "menuList">
<li><a href = "index.html">HOME</a></li>
<li class = "dropdown-button"><a href = "#">GALLERY <span>◢</span></a>
<ul class = "dropdown">
<li><a href= "g_newpools.html">NEW POOLS</a></li>
<li><a href = "g_remodels.html">REMODELS</a></li>
<li><a href = "g_coping.html">TILE&COPING</a></li>
<li><a href = "g_decking.html">DECKING</a></li>
<li><a href = "g_3d.html">3D PROJECT DESIGNS</a></li>
<li><a href = "g_miscellaneous.html">MISCELLANEOUS</a></li>
</ul>
</li>
<li class = "dropdown-button"><a href = "#" >MATERIALS <span>◢</span></a>
<ul class = "dropdown">
<li><a href= "tile.html">TILE</a></li>
<li><a href = "coping.html">COPING</a></li>
<li><a href = "decking.html">DECKING</a></li>
<li><a href = "pebble.html">PEBBLE</a></li>
<li><a href = "turf.html">TURF</a></li>
</ul>
</li>
<li><a href = "contact.php">CONTACT US</a></li>
<li><a href = "about.html">ABOUT</a></li>
</ul>
</nav>
</header>
<main>
<div class = "slideshow">
<div class = "slides fade">
<img src = "slides_images/s1.JPG">
</div>
<div class = "slides fade">
<img src = "slides_images/s2.JPG">
</div>
<div class = "slides fade">
<img src = "slides_images/s3.JPG">
</div>
<div class = "slides fade">
<img src = "slides_images/s4.JPG">
</div>
<div class = "slides fade">
<img src = "slides_images/s5.JPEG">
</div>
<a class = "prev" onclick = "plusSlides(-1)">❮</a>
<a class= "next" onclick = "plusSlides(1)">❯</a>
</div>
<script src = "js/slide_show.js" type = "text/javascript"></script>
<div class = "first-section-wrapper">
<section class = "first-section">
<h3>THIS IS </h3>
<h2>ADAMS BROTHERS</h2>
<p>
Adam Brothers has been building and renovating swimming pools since 1981. We have completed
thousands of projects led by our experience and innovation which
has developed long lasting customer relationships and success. Our goal is
to exceed expectations and create an aquatic aesthetic atmosphere to be appreciated by
families for generations.
</p>
</section>
</div>
<section id = "services">
<h2>OUR SERVICES</h2>
<div class = "service">
<div class = "service-content">
<h3>REMODELING</h3>
<p>
We specialize in transforming your existing pool space to a new
modern and efficient entertainment enviroment. We add spas, baja shelfs, waterfalls,
custom decking, and automation.
</p>
</div>
<div class = "service-imgs">
<img src = "service_images/remodel1.JPEG" alt = "remodel1">
<img src = "service_images/remodel2.JPG" alt = "remodel2">
</div>
</div>
<div class = "service">
<div class = "service-content">
<h3>NEW POOL CONSTRUCTION</h3>
<p>
The love for your backyard is extremely important with us.
This is why we take a personal detailed approach to creating your
project vision.
</p>
</div>
<div class = "service-imgs">
<img src = "service_images/newpool1.JPG" alt = "newpool1">
<img src = "service_images/newpool2.JPG" alt = "newpool2">
</div>
</div>
<div class = "service">
<div class = "service-content">
<h3>PAVERS-DECKING</h3>
<p>
We offer many decking solutions including pavers, concrete, stone,
and a variety of custom products to enhance any project.
</p>
</div>
<div class = "service-imgs">
<img src = "service_images/pavers1.JPG" alt = "pavers1">
<img src = "service_images/pavers2.JPG" alt = "pavers2">
</div>
</div>
</section>
</main>
<footer>
<a href = "#top"> ↑ </a>
<p id = "rights">Adams Brothers Pools -All rights reserved @2021</p>
</footer>
<script src = "js/menu.js" type = "text/javascript"></script>
</body>
</html>