ok
Mini Shell
<?php $color_code = '#87CEEB'; ?>
<!DOCTYPE html>
<html lang="zxx" dir="ltr">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Page Title -->
<title>RENEWRITE</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="new-image/logo/renewrite-fvicon.png">
<!-- Google Fonts css-->
<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=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900&family=Sintony:wght@400;700&display=swap" rel="stylesheet">
<!-- Bootstrap css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome icon css-->
<link href="css/all.min.css" rel="stylesheet" media="screen">
<!-- Animated css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific css -->
<link href="css/magnific-popup.css" rel="stylesheet">
<!-- Main custom css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--Bootsrapp Icon CDN start Here-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!--Bootsrapp Icon CDN End Here-->
</head>
<style>
.navbar .main-menu ul li a {
color: var(--primary-color) !important;
}
header.main-header .header-sticky {
background: #002566;
}
header.main-header .header-sticky.active {
background: #002566;
}
header.main-header .header-sticky.active .navbar .navbar-brand img {
max-width: 175px;
}
.header-link-section {
background-color: #87CEEB !important;
}
.step-body .step-icon {
background-color: <?= $color_code ?>;
}
.preloader {
background-color: <?= $color_code ?>;
}
.newsletter-section {
background-color: <?= $color_code ?> ;
}
.navbar .main-menu ul li.highlighted-menu a {
background: <?= $color_code ?>;
border: 2px solid <?= $color_code ?>;
}
.navbar .main-menu ul li a {
font-family: var(--primary-font);
font-size: 15px;
font-weight: 400;
line-height: 1.1em;
color: var(--text-color);
padding: 0 !important;
transition: var(--transition);
position: relative;
}
.navbar .main-menu ul li {
margin: 0 11px;
padding: 40px 13px;
position: relative;
}
.btn-default {
background: <?= $color_code ?>;
border: 2px solid <?= $color_code ?>;
}
.info-box::before {
background: <?= $color_code ?>;
}
.counter-section {
background-color: <?= $color_code ?>;
}
.section-title h3 {
background-color: <?= $color_code ?>;
}
.about-video::before {
background-color: <?= $color_code ?>;
}
.navbar .main-menu ul ul {
background-color: <?= $color_code ?> ;
}
/*Mobile View Start Here*/
@media only screen and (max-width: 991px){
.home-info-section {
position: relative;
z-index: 10;
margin-top: 0px;
}
}
/*Mobile View End Here*/
/*Desktop View Start Here*/
@media (min-width: 1200px){
.home-info-section {
position: relative;
z-index: 10;
margin-top: 20px;
}
}
/*Desktop View End Here*/
</style>
<body class="tt-magic-cursor" style="overflow-x: hidden;">
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="icons/pre-loader.png" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Magic Cursor Start -->
<div id="magic-cursor">
<div id="ball"></div>
</div>
<!-- Magic Cursor End -->
<!-- Topbar Section Start -->
<div class="header-link-section" style="background: <?= $color_code ?>;">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<!-- Topbar Contact Info Start -->
<div class="header-contact-info">
<ul>
<li><i class="bi bi-whatsapp"></i> <i class="bi bi-telephone-outbound-fill"></i> <span>BTM Layout</span><a href="tel:+91 9364088990"> +91 9364088990</a></li>
<li> <i class="bi bi-whatsapp"></i> <i class="bi bi-telephone-outbound-fill"></i> <span>Indiranagar</span><a href="tel:+91 9345999060"> +91 9345999060</a></li>
<!--<li><a href="mailto:support@renewrite.in"><i class="fa-solid fa-envelope"></i>support@renewrite.in</a></li>-->
</ul>
</div>
<!-- Topbar Contact Info End -->
</div>
<div class="col-md-6">
<!-- Header Social Links Start -->
<div class="header-social-link">
<ul>
<li>
<a target="_blank" href="https://www.facebook.com/profile.php?id=61557829821640&mibextid=LQQJ4d">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li>
<a target="_blank" href="https://x.com/branjithkumar6?s=21" >
<i class="bi bi-twitter-x"></i>
</a>
</li>
<li><a target="_blank" href="https://www.instagram.com/renewrite_btm?igsh=b2JwNGMzdXM2ZWVx&utm_source=qr"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Header Social Links End -->
</div>
</div>
</div>
</div>
<!-- Topbar Section End -->
<!-- Header Start -->
<header class="main-header" id="hero-section">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="index.php">
<img src="new-image/logo/renewrite-logo-all.png" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu start -->
<div class="collapse navbar-collapse main-menu">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item first-menu"><a class="nav-link" href="index.php">Home</a></li>
<!--<li class="nav-item has-submenu"><a class="nav-link" href="#">About us</a>
<ul class="submenu">
<li class="nav-item"><a class="nav-link" href="">Service </a></li>
<li class="nav-item"><a class="nav-link" href="">Our Work</a></li>
<li class="nav-item"><a class="nav-link" href="contact.php">Our Store</a></li>
</ul>
</li>-->
<li class="nav-item"><a class="nav-link" href="about.php">About</a></li>
<li class="nav-item"><a class="nav-link" href="shoe_and_boot_service.php">Shoe & boot Repairs</a></li>
<li class="nav-item"><a class="nav-link" href="bag_repair.php">Bag Repairs</a></li>
<li class="nav-item"><a class="nav-link" href="luggage_service.php">Luggage Repairs</a></li>
<li class="nav-item"><a class="nav-link" href="price.php">Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="contact.php">Contact</a></li>
</ul>
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<div class="whatsbutton" style="position: fixed;right: -1%;bottom: 5%;z-index: 999;">
<a href="https://wa.me/+919364088990?text= Hello, Enquiry For" target="_blank">
<img src="icons/icons/What_logo.png" style="width: 60%;">
</a>
</div>
Zerion Mini Shell 1.0