%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Reflective Aluminium</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link rel="stylesheet" href="owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/assets/owl.theme.default.css">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: BizLand - v3.1.0
* Template URL: https://bootstrapmade.com/bizland-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<style>
.top-left {
position: absolute;
top: 12%;
left: 16px;
color: #fff;
font-size: 3em;
font-weight: 600;
font-family: Poppins;
padding: 10%;
}
</style>
</head>
<body>
<!-- ======= Header ======= -->
<?php include('header.php') ?>
<!-- ======= Hero Section ======= -->
<section id="" class="d-flex align-items-center">
<div class="full-width">
<div class="row no-gutters">
<div id="owl-demo" class="owl-carousel owl-theme">
<div class="item">
<img src="assets/img/Banner02.jpg" width="100%" alt="The Last of us">
<div class="top-left">14 Years of High Quality Aluminium <br>and Glazing Works</div>
</div>
<div class="item"><img src="assets/img/Banner04.jpg" width="100%" alt="The Last of us">
<div class="top-left">14 Years of High Quality Aluminium <br>and Glazing Works</div>
</div>
<div class="item"><img src="assets/img/Banner06.jpg" alt="Mirror Edge">
<div class="top-left">Delivering wide range of Aluminium & Glazing Solutions</div>
</div>
<div class="item"><img src="assets/img/Banner05.jpg" alt="Mirror Edge">
<div class="top-left">Providing Innovative Solutions with Honest, committed and
quality craftsmanship </div>
</div>
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about abt-section-bg">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h2>ABOUT OUR COMPANY</h2>
<div class="textbox">
<h3>Trusted High Quality Aluminium & Glazing Solution Provider</h3>
<p>
We are a leading fabrication & aluminium erection company based in U.A.E, offering a wide range of aluminium & glazing solutions that suit all structural applications.14 years of experience providing high quality aluminium & glazing solutions across the U.A.E.
</p>
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h3>Trusted High Quality Aluminium & Glazing Solutions</h3>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="member grow">
<div class="member-img">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>ALuminium Windows & Doors</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="member grow">
<div class="member-img">
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Automatic Sliding Door Systems</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="member grow">
<div class="member-img">
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Curtain Wall Systems</h4>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Team Section ======= -->
<section id="featured" class="team featured-section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>FEATURED PROJECTS</h2>
<p>Our Exclusive Projects completed.</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="member-img">
<img src="assets/img/g+5+12.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/dubai-muncipality.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/g+20-sharjah.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="member-img">
<img src="assets/img/g+13+ajman.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/omaniyat.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/pharmax.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact section-bg">
<div class="container" data-aos="fade-up">
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-6 ">
<div class="f-contact mt-50 mb-50">
<div class="icon">
<i class="bx bx-map ic"></i>
</div>
<div class="text">
<h3>Address</h3>
<span>P.O Box 73030 <br>
Sharjah, U.A.E</span>
</div>
</div>
<div class="f-contact mt-50 mb-50">
<div class="icon">
<i class="bx bx-phone-call ic"></i>
</div>
<div class="text">
<h3> Phone</h3>
<span>+971 065349979</span>
</div>
</div>
<div class="f-contact mt-50 mb-50">
<div class="icon">
<i class="bx bx-phone-call ic"></i>
</div>
<div class="text">
<h3> Fax</h3>
<span>+971 065355064</span>
</div>
</div>
<div class="f-contact mt-50 mb-50">
<div class="icon">
<i class="bx bx-phone-call ic"></i>
</div>
<div class="text">
<h3>Mail</h3>
<span>reflectivealuminium@gmail.com</span>
</div>
</div>
</div>
<div class="col-lg-6">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="form-group">
<label for="type">Select:</label>
<select name="type" id="cars" class="form-control">
<option value="Client">Client</option>
<option value="Contractor">Contractor</option>
</select>
</div>
<div class="row">
<div class="col form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="row">
<div class="col form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Phone(Landline)" required>
</div>
<div class="col form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Phone(Mobile)" required>
</div>
</div>
<div class="form-group">
<input type="file" class="form-control" name="subject" id="subject" placeholder="Scope of Work" required>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Location" required>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container py-4">
<div class="copyright">
© Copyright <strong><span>Relective Aluminium</span></strong>. All Rights Reserved
</div>
<div class="credits">
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<script src="owlcarousel/jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation : true, // Show next and prev buttons
slideSpeed : 5000,
paginationSpeed : 1000,
singleItem:true,
autoHeight:true,
items : 1,
autoplay:true,
autoplayTimeout:3000,
autoplayHoverPause:true,
loop:true
// "singleItem:true" is a shortcut for:
// itemsDesktop : false,
// itemsDesktopSmall : false,
// itemsTablet: false,
// itemsMobile : false
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0