buisness logo added to index-hero
This commit is contained in:
Gary
parent
801998155b
commit
e094449e2c
140
contact.php
140
contact.php
@ -13,84 +13,84 @@ include_once $URlcorrection . "includes/banner.php";
|
||||
|
||||
|
||||
<section class="ftco-section bg-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12">
|
||||
<div class="wrapper">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-7 d-flex">
|
||||
<div class="contact-wrap w-100 p-md-5 p-4">
|
||||
<h3 class="mb-4">Get in touch</h3>
|
||||
<form method="POST" id="contactForm" class="contactForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea name="message" class="form-control" id="message" cols="30" rows="7" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Send Message" class="btn btn-primary">
|
||||
<div class="submitting"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12">
|
||||
<div class="wrapper">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-7 d-flex">
|
||||
<div class="contact-wrap w-100 p-md-5 p-4">
|
||||
<h3 class="mb-4">Get in touch</h3>
|
||||
<form method="POST" id="contactForm" class="contactForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea name="message" class="form-control" id="message" cols="30" rows="7" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Send Message" class="btn btn-primary">
|
||||
<div class="submitting"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex align-items-stretch">
|
||||
<div class="info-wrap bg-primary w-100 p-lg-5 p-4">
|
||||
<h3 class="mb-4 mt-md-4">Contact us</h3>
|
||||
<div class="dbox w-100 d-flex align-items-start">
|
||||
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-phone"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Phone:</span> <a href="tel:07458190308">07458190308</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex align-items-stretch">
|
||||
<div class="info-wrap bg-primary w-100 p-lg-5 p-4">
|
||||
<h3 class="mb-4 mt-md-4">Contact us</h3>
|
||||
<div class="dbox w-100 d-flex align-items-start">
|
||||
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-phone"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Phone:</span> <a href="tel:07458190308">07458190308</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-paper-plane"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Email:</span> <a href="mailto:enquiries@warmseal-roofing.co.uk">enquiries@warmseal-roofing.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-globe"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Website:</span> <a href="https://warmseal-roofing.co.uk">warmseal-roofing.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-paper-plane"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Email:</span> <a href="mailto:enquiries@warmseal-roofing.co.uk">enquiries@warmseal-roofing.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dbox w-100 d-flex align-items-center">
|
||||
<div class="icon d-flex align-items-center justify-content-center">
|
||||
<span class="fa fa-globe"></span>
|
||||
</div>
|
||||
<div class="text pl-3">
|
||||
<p><span>Website:</span> <a href="https://warmseal-roofing.co.uk">warmseal-roofing.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
|
||||
@ -8323,17 +8323,17 @@ h1, h2, h3, h4, h5,
|
||||
height: 700px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
overflow: hidden; }
|
||||
overflow: d; }
|
||||
.owl-carousel.home-slider .slider-item .overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #000000;
|
||||
background: #000005;
|
||||
opacity: .2;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
z-index: 0; }
|
||||
z-index: 2; }
|
||||
@media (max-width: 1199.98px) {
|
||||
.owl-carousel.home-slider .slider-item {
|
||||
background-position: center center !important; } }
|
||||
@ -9778,3 +9778,32 @@ textarea.form-control {
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.banner-logo {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 0;
|
||||
max-width: 250px;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.banner-logo a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.banner-logo img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.banner-logo img:hover {
|
||||
transform: scale(1.1);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
38
images/logo/Warmseal-Blue-Transparent.svg
Normal file
38
images/logo/Warmseal-Blue-Transparent.svg
Normal file
@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1800 1800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
stroke: #084697;
|
||||
stroke-miterlimit: 10;
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.cls-1, .cls-2, .cls-3, .cls-4 {
|
||||
fill: #084697;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.cls-2, .cls-3, .cls-4 {
|
||||
font-family: Arial-Black, Arial;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
font-size: 600px;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
font-size: 200px;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<text class="cls-4" transform="translate(389.34 1296.37) scale(.96 1)"><tspan x="0" y="0">Warmseal</tspan></text>
|
||||
<text class="cls-2" transform="translate(272 1411.15) scale(.96 1)"><tspan x="0" y="0">The Roofing Specialists</tspan></text>
|
||||
<text class="cls-3" transform="translate(611.89 1117.61) scale(.96 1)"><tspan x="0" y="0">W</tspan></text>
|
||||
<polygon class="cls-1" points="283.88 1117.61 97.5 1117.61 402 803 402 521.08 539.43 521.08 545 657 900 307.88 900.78 490.01 283.88 1117.61"/>
|
||||
<polygon class="cls-1" points="1517.88 1117.61 1708.49 1117.61 900 307.88 900.78 490.01 1517.88 1117.61"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
46
images/logo/Warmseal-Blue.svg
Normal file
46
images/logo/Warmseal-Blue.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 63 KiB |
47
images/logo/Warmseal-Logo.svg
Normal file
47
images/logo/Warmseal-Logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 126 KiB |
@ -1,34 +1,40 @@
|
||||
<div class="hero-wrap js-fullheight">
|
||||
<div class="home-slider js-fullheight owl-carousel">
|
||||
<div class="slider-item js-fullheight" style="background-image:url(images/hero-1.jpg);">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
|
||||
<div class="col-md-10 text-center ftco-animate">
|
||||
<div class="text w-100">
|
||||
<h2>The Roofing Specialists</h2>
|
||||
<h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>
|
||||
<p><a href="#" class="btn btn-primary">Book a Free Quote</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-slider js-fullheight owl-carousel">
|
||||
<div class="slider-item js-fullheight" style="background-image:url(images/hero-1.jpg);">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
|
||||
<div class="col text-center ftco-animate banner-logo">
|
||||
<a href="index.php" class="navbar-brand d-flex">
|
||||
<img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="img-fluid" alt="Warmseal Logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="row no-gutters slider-text align-items-center justify-content-center">
|
||||
<div class="col-md-10 text-center ftco-animate">
|
||||
<div class="text w-100">
|
||||
<h2>The Roofing Specialists</h2>
|
||||
<h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>
|
||||
<p><a href="#" class="btn btn-primary">Book a Free Quote</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slider-item js-fullheight" style="background-image:url(images/hero-2.jpg);">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
|
||||
<div class="col-md-8 text-center ftco-animate">
|
||||
<div class="text w-100">
|
||||
<h2 class="text-primary">The Roofing Specialists</h2>
|
||||
<h1 class="mb-4">Quality roofing at a affordable price</h1>
|
||||
<p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="slider-item js-fullheight" style="background-image:url(images/hero-2.jpg);">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
|
||||
<div class="col-md-8 text-center ftco-animate">
|
||||
<div class="text w-100">
|
||||
<h2 class="text-primary">The Roofing Specialists</h2>
|
||||
<h1 class="mb-4">Quality roofing at a affordable price</h1>
|
||||
<p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,41 +1,43 @@
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex" href="index.php"><div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-roof-2"></span></div>Warmseal</a>
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="facebook.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-facebook"></i></span></a>
|
||||
<a href="twitter.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-twitter"></i></span></a>
|
||||
<a href="instagram.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-instagram"></i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-3 d-flex align-items-center">
|
||||
<!--<a class="navbar-brand d-flex" href="index.php">
|
||||
<div class="icon d-flex align-items-center justify-content-center"><img src="<?= $URLcorection ?>images/logo/Warmseal-Blue.svg" class="img-fluid" alt="Warmseal Logo"></div>
|
||||
</a>-->
|
||||
</div>
|
||||
<div class="col-3 d-flex justify-content-end align-items-center">
|
||||
<div class="social-media">
|
||||
<p class="mb-0 d-flex">
|
||||
<a href="facebook.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-facebook"></i></span></a>
|
||||
<a href="twitter.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-twitter"></i></span></a>
|
||||
<a href="instagram.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-instagram"></i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.php" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.php" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.php" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="projects.php" class="nav-link">Projects</a></li>
|
||||
<!--<li class="nav-item"><a href="blog.php" class="nav-link">Blog</a></li>-->
|
||||
<li class="nav-item"><a href="contact.php" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="menu-wrap flex-md-column-reverse d-md-flex">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="fa fa-bars"></span> Menu
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item"><a href="index.php" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.php" class="nav-link">About</a></li>
|
||||
<li class="nav-item"><a href="services.php" class="nav-link">Services</a></li>
|
||||
<li class="nav-item"><a href="projects.php" class="nav-link">Projects</a></li>
|
||||
<!--<li class="nav-item"><a href="blog.php" class="nav-link">Blog</a></li>-->
|
||||
<li class="nav-item"><a href="contact.php" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- END nav -->
|
||||
@ -59,19 +59,19 @@
|
||||
<div class="col-md-12">
|
||||
<div class="carousel-container">
|
||||
<div class="image-row continuous-scroll">
|
||||
<div class="col-md-3">
|
||||
<div class="col-lg-3 col-md-3 col-sm-12">
|
||||
<img src="<?= $URLcorection ?>images/projects/1.webp" alt="Image 1" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-lg-3 col-md-3 col-sm-12">
|
||||
<img src="<?= $URLcorection ?>images/projects/2.webp" alt="Image 2" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-lg-3 col-md-3 col-sm-12">
|
||||
<img src="<?= $URLcorection ?>images/projects/3.webp" alt="Image 3" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-lg-3 col-md-3 col-sm-12">
|
||||
<img src="<?= $URLcorection ?>images/projects/4.webp" alt="Image 4" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-lg-3 col-md-3 col-sm-12">
|
||||
<img src="<?= $URLcorection ?>images/projects/5.webp" alt="Image 5" class="image-item">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user