-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
73 lines (63 loc) · 3.96 KB
/
gallery.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery | SOS Remodeling</title>
<link rel="stylesheet" href="gallery.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<script defer src = "gallery.js"></script>
<meta name=”Description” content= "Discover excellence with SOS Remodeling, an award-winning construction company based out of Illinois." >
<link rel = "icon" href = "Images\icon test 3.png">
</head>
<body>
<nav class = "navbar">
<a href="home" class = "center-redirect"><i class="uil uil-estate"></i></a>
<span class = "center-redirect1"> | </span>
<a href="contact" class = "center-redirect"><i class="uil uil-envelope-edit"></i></a>
</nav>
<div class = "gallery-header"> Our Work </div>
<hr class = "hr">
<div class = "display-selector">
Displaying
<select class = "dropdown">
<option value="All">All</option>
<option value="Kitchens">Kitchens</option>
<option value="Bathrooms">Bathrooms</option>
<option value="Bedrooms">Bedrooms</option>
<option value="Garages">Garages</option>
<option value="Pools">Pools</option>
<option value="Houses">Houses</option>
</select>
</div>
<ul class = "images">
<li><img src = "Gallery Images\3257-Wood-Duck-Dr-NW-Prior-Lake-MN-55372-4-scaled.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\bedroom-416062_1280.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\canadian-home-construction.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\detached-3-car-garage.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\exterior_house-56a193115f9b58b7d0c0c3e4.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\hdxt_coin_8.jpg" class = "image fullscreen-image"></li>
<li><img src = "Gallery Images\istockphoto-178594527-612x612.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\istockphoto-515009797-612x612.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\istockphoto-611895696-612x612.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\istockphoto-1334926091-170667a.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\istockphoto-1364656744-170667a.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\istockphoto-1371803868-170667a.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\modern-bathroom-design-ideas-4129371-hero-723611e159bb4a518fc4253b9175eba8.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\pexels-curtis-adams-3935333.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\pexels-mark-mccammon-1080721.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\pexels-mark-mccammon-2724748.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\small-bathroom-ideas.jpg" class = "image fullscreen-image present"></li>
<li><img src = "Gallery Images\istockphoto-483546981-612x612.jpg" class = "image fullscreen-image present"></li>
</ul>
<div class="modal">
<span class="close">×</span>
<img src="" alt="Modal Image" class="modal-content">
<a class="prev">❮</a>
<a class="next">❯</a>
</div>
<div class = sub5>
<a href="contact"><button class = "contact-button"> Contact Us </button></a>
</div>
</body>
</html>