30 |
31 | The Fulham Miracle
32 |
33 |
34 |
35 | The Fulham Miracle: Resurrecting a 25-Year-Old Vaillant Turbomax Boiler for Just £20
36 | Description:
37 | Problem: A Freezing Dilemma in Fulham
38 | When winter struck and the heating went cold, a desperate homeowner in Fulham couldn’t find a reliable Vaillant repair specialist. Despite already spending over £450 on various failed attempts to revive his 25-year-old Vaillant Turbomax boiler, he still had no hot water or heating.
39 | The Diagnosis: Pinpoint Precision Saves the Day
40 | After a thorough examination, we quickly identified that the issue was a malfunctioning flow sensor. A simple £20 part was all that was needed to bring life back to this veteran appliance.
41 | The Solution: Efficient and Affordable
42 |
43 | - No need for a brand-new boiler, saving the client a substantial amount of money.
44 | - Only £20 in parts plus labor, a fraction of what was previously spent on repairs.
45 | - Customer received hot water and heating immediately after the repair was done.
46 |
47 |
51 | The Takeaway: Experience Counts
52 | Sometimes a simple solution can save the day, but it takes an experienced eye to spot it. Don’t waste money and time on unreliable fixes. When in doubt, call the experts to get the job done right the first time.
53 | Call to Action: Don’t Be Left in the Cold!
54 | Got a boiler issue that’s driving you up the wall? Need an expert opinion you can trust? Contact us now to get your heating and hot water back in action without breaking the bank!
55 |
59 |
60 |
64 |
65 | Things To Do in United Kingdom
66 |
67 |
68 |
72 |
76 |
77 |
83 |
84 |
85 |
86 | Useful Links
87 |
97 |
98 |
100 |
101 |
102 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
2 | /* Global Styles */
3 | * {
4 | font-family: "Montserrat", sans-serif;
5 | margin: 0;
6 | padding: 0;
7 | box-sizing: border-box;
8 | }
9 | body {
10 | padding: 1px 10%;
11 | background: #fdcd47;
12 | }
13 | a{
14 | text-decoration: none;
15 | }
16 | a.gien:link {
17 | color: #1B5380;
18 | }
19 | a.gien:visited {
20 | color: #1B5380;
21 | }
22 | a.gien:hover {
23 | color: #FF5F07;
24 | }
25 | a.gien:active {
26 | color: #1B5380;
27 | }
28 | /* Container Styles */
29 | .container {
30 | display: flex;
31 | height: 89vh;
32 | }
33 | .main-wrapper{
34 | flex: 2;
35 | overflow-y: scroll;
36 | .emphasized { font-style: italic; }
37 | }
38 | .side-bar{
39 | background: #000000;
40 | flex: .1;
41 | padding: 40px;
42 | }
43 | .side-bar ul{
44 | padding: 0 40px;
45 | list-style: none;
46 | }
47 | .side-bar{
48 | background: #34347f;
49 | h2 {
50 | color: white;
51 | text-align: center;
52 | font-size: 55px;
53 | }
54 | }
55 | @media only screen and (max-width: 100px) {
56 | .container {
57 | flex-direction: column;
58 | }
59 | .side-bar{
60 | background: #114;
61 | color: #0E416B !important;
62 | }
63 | .side-bar a{
64 | color: #0E416B !important;
65 | }
66 | }
67 | /* Navigation Menu Styles */
68 | nav.nav-menu {
69 | width: 100%;
70 | background-color: #0071dc;
71 | padding: 10px;
72 |
73 | }
74 | /* Add a black background color to the top navigation */
75 | .topnav {
76 | background-color: #ffffff;
77 | overflow: hidden;
78 | }
79 | /* Style the links inside the navigation bar */
80 | .topnav a {
81 | float: left;
82 | color: #000000;
83 | text-align: center;
84 | padding: 18px 18px;
85 | text-decoration: none;
86 | font-weight: bold;
87 | font-size: 22px;
88 | }
89 | /* Change the color of links on hover */
90 | .topnav a:hover {
91 | color: #4985e6;
92 | }
93 | /* Right-aligned section inside the top navigation */
94 | .topnav-right {
95 | float: right;
96 | font-weight: lighter;
97 | padding-top: 25px;
98 | }
99 | /* Main Content Wrapper Styles */
100 | .main-wrapper {
101 | background: #dbe2e9;
102 | padding: 40px 50px;
103 | text-align: left;
104 | }
105 | li {
106 | font-size: medium;
107 | text-align: justify;
108 | margin: 2px;
109 | margin-left: 80px;
110 | padding-top: 5px;
111 | padding-right: 80px;
112 | padding-left: 5px;
113 | color: #000000;
114 | }
115 | a {
116 | color: #000000;
117 | }
118 | a:hover{
119 | color: #fdcd47;
120 | }
121 | section {
122 | margin-bottom: 20px;
123 | }
124 | section.head,
125 | section.youtube-embed {
126 | text-align: center;
127 | }
128 | .button-link {
129 | display: block;
130 | margin: 20px 0 0 50px;
131 | padding: 10px 40px;
132 | width: fit-content;
133 | background: #fdcd47;
134 | border-radius: 5px;
135 | text-decoration: none;
136 | color: rgb(255, 255, 255);
137 | font-weight: bold;
138 | transition: 0.3s transform ease-in-out;
139 | }
140 | .button-link1 {
141 | display: block;
142 | margin: 2px 0 0 0;
143 | padding: 2px 8px;
144 | width: fit-content;
145 | border-radius: 12px;
146 | text-decoration: none;
147 | font-weight: bold;
148 | color: rgb(255, 255, 255);
149 | transition: 0.3s transform ease-in-out;
150 | }
151 | .button-link:hover {
152 | transform: scale(1.05);
153 | background-color: #0570a7;
154 | }
155 | .button-link1:hover {
156 | transform: scale(1.05);
157 | background-color: rgb(230, 230, 231);
158 | border: 1px solid #ffffff;
159 | color: #3f175f;
160 | }
161 | h1 {
162 | font-size: 52px;
163 | padding-right: 40px;
164 | padding-bottom: 50px;
165 | padding-top: 40px;
166 | color: #000000;
167 | }
168 | h2 {
169 | font-size: 30px;
170 | margin-top: 30px;
171 | margin-bottom: 30px;
172 | margin-left: 50px;
173 | color: #000000;
174 | }
175 | h3 {
176 | font-size: 24px;
177 | font-weight: bold;
178 | padding-top: 20px;
179 | padding-bottom: 2px;
180 | padding-right: 15px;
181 | margin-left: 50px;
182 | margin-right: 40px;
183 | color: #000000;
184 | }
185 | h4 {
186 | font-size: 20px;
187 | font-weight: bold;
188 | padding-top: 20px;
189 | padding-bottom: 2px;
190 | margin-left: 50px;
191 | color: #ffffff;
192 | }
193 | ul{
194 | text-align: justify;
195 | }
196 | .side ul{
197 | text-align: justify;
198 | margin-bottom: 10px;
199 | line-height: 1.5rem;
200 | font-family: "Cormorant SC", sans-serif;
201 | font-size:30px;
202 | }
203 | ol{
204 | padding-left: 30px;
205 | text-align: justify;
206 | }
207 | .side ol{
208 | text-align: justify;
209 | margin-bottom: 10px;
210 | line-height: 1.5rem;
211 | font-family: "Cormorant SC", sans-serif;
212 | font-size:30px;
213 | }
214 | p {
215 | text-align: justify;
216 | margin-bottom: 30px;
217 | line-height: 1.5rem;
218 | padding-top: 10px;
219 | padding-right: 15px;
220 | margin-left: 50px;
221 | margin-right: 40px;
222 | font-size: medium;
223 | color: #000000
224 | }
225 | /* Three image containers (use 25% for four, and 50% for two, etc) */
226 | .column {
227 | float: left;
228 | width: 25%;
229 | padding: 5px;
230 | }
231 | /* Clear floats after image containers */
232 | .row::after {
233 | content: "";
234 | clear: both;
235 | display: table;
236 | }
237 | .center {
238 | margin-left: auto;
239 | margin-right: auto;
240 | }
241 |
242 | /* Clear floats after the columns */
243 | .row:after {
244 | content: "";
245 | display: table;
246 | clear: both;
247 | }
248 | div.gallery {
249 | border: 1px solid #ccc;
250 | }
251 |
252 | div.gallery:hover {
253 | border: 1px solid #777;
254 | }
255 |
256 | div.gallery img {
257 | width: 20%;
258 | height: auto;
259 | justify-content: center;
260 | }
261 |
262 | div.desc {
263 | padding: 10px;
264 | text-align: center;
265 | }
266 |
267 | * {
268 | box-sizing: border-box;
269 | }
270 |
271 | .responsive {
272 | padding: 0 6px;
273 | float: left;
274 | width: 25%;
275 | }
276 |
277 | @media only screen and (max-width: 700px) {
278 | .responsive {
279 | width: 49.99999%;
280 | margin: 6px 0;
281 | }
282 | }
283 |
284 | @media only screen and (max-width: 500px) {
285 | .responsive {
286 | width: 100%;
287 | }
288 | }
289 |
290 | .clearfix:after {
291 | content: "";
292 | display: table;
293 | clear: both;
294 | }
295 | /* Create two equal columns that floats next to each other */
296 | .column {
297 | float: left;
298 | width: 50%;
299 | padding: 10px;
300 | margin-bottom: 50px;
301 | height: 200px;
302 | }
303 | img {
304 | max-width: 100%;
305 | float: left;
306 | border: 0px solid white;
307 | border-radius: 0px;
308 | margin: 0px;
309 | }
310 | img.gien {
311 | max-width: 100%;
312 | float: left;
313 | border: 0px solid white;
314 | border-radius: 0px;
315 | margin: 0px;
316 | }
317 | .hero-gien {
318 | background-image: linear-gradient(rgba(71, 71, 71, 0.5), rgba(77, 77, 77, 0.5)), url("#");
319 | height: 300px;
320 | background-position: center;
321 | background-repeat: no-repeat;
322 | background-size: cover;
323 | position: relative;
324 | }
325 | .hero-text {
326 | text-align: center;
327 | position: absolute;
328 | top: 50%;
329 | left: 30%;
330 | transform: translate(-0%, 0%);
331 | color: rgb(12, 9, 9);
332 | font-weight: bold;
333 | font-size: 20px;
334 | }
335 | .two-col {
336 | display: flex;
337 | justify-content: space-between;
338 | gap: 0px;
339 | }
340 | .two-col div {
341 | width: 100%;
342 | }
343 | @media only screen and (max-width: 900px) {
344 | body {
345 | padding: 0;
346 | }
347 | .two-col {
348 | flex-direction: column;
349 | }
350 | .two-col div {
351 | width: 100%;
352 | }
353 | .main-wrapper {
354 | padding: 5%;
355 | }
356 | }
--------------------------------------------------------------------------------
