buisness logo added to index-hero
This commit is contained in:
Gary
parent
801998155b
commit
e094449e2c
@ -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 |
@ -4,6 +4,12 @@
|
||||
<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>
|
||||
|
||||
@ -3,7 +3,9 @@
|
||||
<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>
|
||||
<!--<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">
|
||||
|
||||
@ -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