Scribd
Upload
26 views6 pages

CGR Micro

Uploaded by

mayureshaitawadekar007
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views6 pages

CGR Micro

Uploaded by

mayureshaitawadekar007
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

CODE

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>janta garege</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport">

<meta content="" name="keywords">

<meta content="" name="description">

<!-- Favicon -->

<link href="img/favicon.ico" rel="icon"

<!-- Google Web Fonts -->

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?
family=Barlow:wght@600;700&family=Ubuntu:wght@400;500&display=swap" rel="stylesheet">

<!-- Icon Font Stylesheet -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
rel="stylesheet">

<!-- Libraries Stylesheet -->

<link href="lib/animate/animate.min.css" rel="stylesheet">

<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

<link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />

<!-- Customized Bootstrap Stylesheet -->

<link href="css/bootstrap.min.css" rel="stylesheet">


<!-- Template Stylesheet -->

<link href="css/style.css" rel="stylesheet">

</head>

<body>

<!-- Spinner Start -->

<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-
50 d-flex align-items-center justify-content-center">

<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">

<span class="sr-only">Loading...</span>

</div>

</div>

<!-- Spinner End -->

<!-- Topbar Start -->

<div class="container-fluid bg-light p-0">

<div class="row gx-0 d-none d-lg-flex">

<div class="col-lg-7 px-5 text-start">

<div class="h-100 d-inline-flex align-items-center py-3 me-4">

<small class="fa fa-map-marker-alt text-primary me-2"></small>

<small>123 Street, New York, USA</small>

</div>

<div class="h-100 d-inline-flex align-items-center py-3">

<small class="far fa-clock text-primary me-2"></small>

<small>Mon - Fri : 09.00 AM - 09.00 PM</small>

</div>

</div>

<div class="col-lg-5 px-5 text-end">

<!-- Page Header End -->


<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York,
USA</p>

<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 8459654781</p>

<p class="mb-2"><i class="fa fa-envelope me-3"></i>[email protected]</p>

<div class="d-flex pt-2">

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>

</div>

</div>

<div class="col-lg-3 col-md-6">

<h4 class="text-light mb-4">Opening Hours</h4>

<h6 class="text-light">Monday - Friday:</h6>

<p class="mb-4">09.00 AM - 09.00 PM</p>

<h6 class="text-light">Saturday - Sunday:</h6>

<p class="mb-0">09.00 AM - 12.00 PM</p>

</div>

<div class="col-lg-3 col-md-6">

<h4 class="text-light mb-4">Services</h4>

<a class="btn btn-link" href="">Diagnostic Test</a>

<a class="btn btn-link" href="">Engine Servicing</a>

<a class="btn btn-link" href="">Tires Replacement</a>

<a class="btn btn-link" href="">Oil Changing</a>

<a class="btn btn-link" href="">Vacuam Cleaning</a>

</div>

<div class="col-lg-3 col-md-6">

<h4 class="text-light mb-4">Newsletter</h4>

<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
<div class="position-relative mx-auto" style="max-width: 400px;">

<input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text"


placeholder="Your email">

<!-- Back to Top -->

<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi


bi-arrow-up"></i></a>

<!-- JavaScript Libraries -->

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></
script>

<script src="lib/wow/wow.min.js"></script>

<script src="lib/easing/easing.min.js"></script>

<script src="lib/waypoints/waypoints.min.js"></script>

<script src="lib/counterup/counterup.min.js"></script>

<script src="lib/owlcarousel/owl.carousel.min.js"></script>

<script src="lib/tempusdominus/js/moment.min.js"></script>

<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>

<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>

<!-- Template Javascript -->

<script src="js/main.js"></script>

</body>

</html>

Output :

You might also like