Skip to content

Commit

Permalink
final changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@gmitchellf
gmitchellf committed Jan 13, 2024
1 parent ff245c8 commit 9e57fad
Show file tree
Hide file tree
Showing 3 changed files with 136 additions and 48 deletions.
13 changes: 12 additions & 1 deletion css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,10 +142,21 @@ p {

.btn-primary {
border: none;
border-radius: 0px;
background: var(--primary-color);
transition: all .3s ease-in-out;
padding: 10px 15px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: var(--primary-color);
}
}


#back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
cursor: pointer;
}
167 changes: 124 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,66 +65,123 @@ <h3 class="lead mb-4">Specialising in component cleaning/restoration services.</
</div>
</section>


<section id="services" class="vh-50 d-flex align-items-center">
<div class="container px-4 py-5 ">
<h2 class="pb-2 border-bottom">Our Services</h2>
<h2 class="pb-2 border-bottom"><i class="fa-solid fa-toolbox"></i> Our Services</h2>
<p class="lead">With over 20 year’s experience in the vehicle repair, refinish and restoration industry good
eye for
detail has been developed with a passion to produce the best finish possible.</p>

<div class="row g-4 py-5 row-cols-1 row-cols-lg-2">
<div class="col card d-flex align-items-start bg-dark">
<div>
<h2>VAPOUR BLASTING</h2>
<p>Vapour blasting also known as aqua blasting is a process that combines water, ultra-fine
glass
and compressed air to clean and restore alloy and other non-ferrous metals. This process is
nonaggressive.</p>
<p>It is an effective way to bring a component back to its factory fresh or “as new” finish,
most
good quality castings can be given a beautiful satin sheen look.</p>
<p>This process is ideal for many applications in a variety of industries including but not
limited to classic car and motorcycle restoration, Engineering and manufacturing.</p>
<div class="col">

<div class="card bg-dark h-100">
<div class="card-body">
<div class="card-header">
<h3><i class="fa-solid fa-check"></i> VAPOUR BLASTING</h3>
</div>
<div class="card-text">
<p>Vapour blasting also known as aqua blasting is a process that combines water, ultra-fine
glass
and compressed air to clean and restore alloy and other non-ferrous metals. This process is
nonaggressive.</p>
<p>It is an effective way to bring a component back to its factory fresh or “as new” finish,
most
good quality castings can be given a beautiful satin sheen look.</p>
<p>This process is ideal for many applications in a variety of industries including but not
limited to classic car and motorcycle restoration, Engineering and manufacturing.</p>
</div>
</div>
</div>
</div>
<div class="col card d-flex align-items-start bg-dark">
<div>
<h2>DRY BLASTING</h2>
<p>Also known as sand blasting or media blasting, It can be used to clean of a wide variety of
components. Used to remove corrosion, paints and surface coatings as well as preparing and
finishing surfaces, dry blast cleaning is suitable for steel and cast iron as well as some
non-ferrous metals.</p>
<p>Different types of media can be used to suit different applications.</p>
<p>* This service is limited to
smaller components due to the capacity of our equipment, we cannot accommodate
large/excessively
rusty parts.</p>
</div>
<div class="col">

<div class="card bg-dark h-100">
<div class="card-body">
<div class="card-header">
<h3><i class="fa-solid fa-check"></i> DRY BLASTING</h3>
</div>
<div class="card-text">
<p>Also known as sand blasting or media blasting, It can be used to clean of a wide variety
of
components. Used to remove corrosion, paints and surface coatings as well as preparing
and
finishing surfaces, dry blast cleaning is suitable for steel and cast iron as well as
some
non-ferrous metals.</p>
<p>Different types of media can be used to suit different applications.</p>
<p>* This service is limited to
smaller components due to the capacity of our equipment, we cannot accommodate
large/excessively
rusty parts.</p>
</div>
</div>
</div>


</div>
<div class="col card d-flex align-items-start bg-dark">
<div>
<h2>DEGREASING</h2>
<p>Our blasting process requires most parts to be degreased/pre-cleaned , in some cases we can
also offer degreasing as a separate service.</p>
<p>We use two different methods, solvent based, and hot aqua based.</p>
<div class="col">

<div class="card bg-dark h-100">
<div class="card-body">
<div class="card-header">
<h3><i class="fa-solid fa-check"></i> DEGREASING</h3>
</div>
<div class="card-text">
<p>Our blasting process requires most parts to be degreased/pre-cleaned , in some cases we
can
also offer degreasing as a separate service.</p>
<p>We use two different methods, solvent based, and hot aqua based.</p>
</div>
</div>
</div>

</div>
<div class="col card d-flex align-items-start bg-dark">
<div>
<h2>DISASSEMBLY & RE ASSEMBLY</h2>
<p>We are happy to disassemble parts of a component prior to blasting when necessary, for
example, removing seals and bearings.</p>
<div class="col">

<div class="card bg-dark h-100">
<div class="card-body">
<div class="card-header">
<h3><i class="fa-solid fa-check"></i> DISASSEMBLY & RE ASSEMBLY</h3>
</div>
<div class="card-text">
<p>We are happy to disassemble parts of a component prior to blasting when necessary, for
example, removing seals and bearings.</p>
</div>
</div>
</div>

</div>
</div>
</div>
</section>

<section id="cta" class="bg-dark mb-4">
<div class="container py-5">
<div class="row text-center">
<div class="col-12">
<h2>Get In Touch.</h2>
<p class="lead">For a quote or to discuss your requirements please get in touch.</p>
<a href="mailto:[email protected]">
<button type="button" class="btn btn-primary btn-lg px-4 gap-3"><i
class="fa-solid fa-envelope"></i> Email</button>
</a>
<a href="tel:07818915196">
<button type="button" class="btn btn-primary btn-lg px-4 gap-3"><i
class="fa-solid fa-phone-volume"></i> Call</button>
</a>
</div>
</div>
</div>

</section>


<section id="gallery" class="vh-50 d-flex align-items-center">
<div class="container px-4 py-5">
<h2 class="pb-2 border-bottom">Gallery</h2>
<p class="lead">With over 20 years experience in the vehicle repair, refinish and the restoration industry a good eye
<h2 class="pb-2 border-bottom"><i class="fa-solid fa-image"></i> Gallery</h2>
<p class="lead">With over 20 years experience in the vehicle repair, refinish and the restoration industry a
good eye
for detail has been developed and a passion to produce the best finish possible.</p>
<div class="row g-4 py-5 d-flex align-items-center">
<div class="owl-carousel owl-theme">
Expand Down Expand Up @@ -163,15 +220,15 @@ <h2 class="pb-2 border-bottom">Gallery</h2>

<section id="contact">
<div class="container px-4 py-5">
<h2 class="pb-2 border-bottom">Get In Touch</h2>
<h2 class="pb-2 border-bottom"><i class="fa-solid fa-address-book"></i> Get In Touch</h2>
<div class="row g-4 py-5 d-flex align-items-center">
<div class="col-md-4 d-flex">
<div>
<h4 class="pb-4">Services by Appointment Only.<br>Please call or message in advance to avoid
disappointment.</h4>

<h5><a href="tel:07818915196"><i class="fa-solid fa-phone-volume"></i> 07818915196</a></h5>
<h5><a href="mailto:"><i class="fa-solid fa-envelope"></i> [email protected]</a>
<h5><a href="mailto:[email protected]"><i class="fa-solid fa-envelope"></i> [email protected]</a>
<h5><i class="fa-solid fa-map-pin"></i> Industrial Estate, Rospeath Ln, Crowlas, Penzance
TR20 8DU
</h5>
Expand All @@ -194,7 +251,7 @@ <h5 class="mt-3">Follow us on:</h5>
</div>
</section>


<button id="back-to-top" title="Go to top" class="btn btn-primary"><i class="fa-solid fa-arrow-up"></i></button>

<!-- Footer-->
<footer class="py-5 bg-black">
Expand All @@ -214,6 +271,30 @@ <h5 class="mt-3">Follow us on:</h5>

<!-- Core theme JS-->
<script src="js/scripts.js"></script>

<script>
// Back to Top Button Script
document.addEventListener("DOMContentLoaded", function () {
var btn = document.getElementById("back-to-top");

window.onscroll = function () {
scrollFunction();
};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
btn.style.display = "block";
} else {
btn.style.display = "none";
}
}

btn.addEventListener("click", function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
});
});
</script>
</body>

</html>
4 changes: 0 additions & 4 deletions js/scripts.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,12 @@ $('.owl-carousel').owlCarousel({
responsive:{
0:{
items:1,
nav:true
},
600:{
items:3,
nav:false
},
1000:{
items:5,
nav:true,
loop:false
}
}
})
Expand Down

0 comments on commit 9e57fad

Please sign in to comment.