-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
157 lines (154 loc) · 7.04 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
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<meta name="Description" content="Walsh & Co. | Original Interior Design" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-beta1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Walsh & Co.</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Walsh & Co.
<br>
<span class="logo">Original Interior Design</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item text-center">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item dropdown text-center">
<li class="nav-item">
<a class="nav-link text-center" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" href="paint.html">Paint</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Image -->
<div id="hero-image">
<img src="assets/images/hero-image.jpg" class="img-fluid" alt="elegant lounge">
</div>
<div class="scroll-down"></div>
<!-- Landing Page About -->
<h2 class="headings text-center mt-5"><u>Tailoring Luxury Homes</u></h2>
<div class="container">
<div class="row align-items-center mt-2">
<div class="col-sm">
<img src="assets/images/about.jpg" class="img-fluid about-image mt-5" alt="blond haired business woman">
</div>
</div>
<div class="row align-items-center mt-2 index-about">
<div class="col-sm">
<h5 class="headings text-center mt-4">About</h5>
<br>
<div>
<p class="text-center"><b>Who we are:</b></p>
<p class="text-center">
We are a family run interior design business, based in Donnybrook, Dublin.
Daniel TS Walsh founded Walsh & Co. in 1989 after many years in the design industry.
We are now a 20 - strong team of designers and craftsmen. Run by Daniels daughter, Meaghan, pictured above.
</p>
<br>
<p class="text-center"><b>What we do:</b></p>
<p class="text-center">
We take your project from conception to completion, and manage everything along the way.
We take great care in selecting the right design for everyone that we work with.
We source beautiful furniture and lighting to ensure a bespoke finish.
We even have our own range of paint for you to choose from.
</p>
</div>
</div>
</div>
</div>
<!-- Covid Banner/Appointment -->
<div>
<p class="text-center mt-5 mb-5 px-3">
<b>At Walsh & Co. your safety comes first.</b>
<br>
For this reason we are limiting our appointment system to only three customers in the showroom at any one time.
<br>
For a dedicated one to one appointment with a member of our interior design team, please <a href="contact.html"
class="click-here"><b>book here.</b></a></p>
</div>
<!-- Footer -->
<footer class="text-center text-lg-start bg-light">
<section class="">
<div class="container text-center text-md-start mt-3">
<div class="row mt-3">
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto">
<!-- Footer Content -->
<h6 class="text-uppercase fw-bold mb-2">
<i aria-hidden="true" class="fas fa-swatchbook"></i>
Walsh & Co.
</h6>
<p>Opening times :</p>
<p>
<p>Monday - Saturday</p>
<p>
9am - 6pm
</p>
<p>
</div>
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-2">
<h6 class="text-uppercase fw-bold">
Contact
</h6>
<p><i aria-hidden="true" class="fas fa-envelope me-3"></i><a href="404.html"
class="email-link">info@walshandco.com</a></p>
<p><i aria-hidden="true" class="fas fa-phone me-3"></i><a href="tel:03-546-098-23">03 546 098
23</a> - London</p>
<p><i aria-hidden="true" class="fas fa-phone me-3"></i><a href="tel:01-764-097-06">01 764 097
06</a> - Dublin</p>
</div>
</div>
</div>
</section>
<!-- Social Media Links -->
<div class="text-center">
<a aria-label="pinterest link" href="https://www.pinterest.com" target="_blank" rel="noopener" class="me-4 text-reset"><i
class="fab fa-pinterest-p"></i></a>
<a aria-label="houzz link" href="https://www.houzz.com" target="_blank" rel="noopener" class="me-4 text-reset"><i
class="fab fa-houzz"></i></a>
<a aria-label="facebook link" href="https://www.facebook.com" target="_blank" rel="noopener" class="me-4 text-reset"><i
class="fab fa-facebook-f"></i></a>
<a aria-label="twitter link" href="https://twitter.com" target="_blank" rel="noopener" class="me-4 text-reset"><i
class="fab fa-twitter"></i></a>
<a aria-label="google link" href="https://google.com" target="_blank" rel="noopener" class="me-4 text-reset"><i
class="fab fa-google"></i></a>
<a aria-label="instagram link" href="https://instagram.com" target="_blank" rel="noopener" class="me-4 text-reset"><i
class="fab fa-instagram"></i></a>
</div>
<div class="text-center p-4">
<a class="text-reset fw-bold" href="index.html">Walsh&Co.com™</a>
</div>
</footer>
<!-- Footer credit https://mdbootstrap.com/docs/standard/navigation/footer/ -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.5.4/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-beta1/js/bootstrap.min.js"></script>
</body>
</html>