ok
Mini Shell
<!doctype html>
<html lang="zxx">
<head>
<!--========= Required meta tags =========-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>DJ-Dream Studio</title>
<link rel="shortcut icon" href="assets/img/favicon.ico" type="images/x-icon" />
<!-- css include -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/odometer.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div class="body_wrap">
<!-- backtotop - start -->
<div class="backtotop">
<a href="#" class="scroll">
<i class="far fa-arrow-up"></i>
<i class="far fa-arrow-up"></i>
</a>
</div>
<!-- backtotop - end -->
<!-- preloader start -->
<div id="preloader">
<div id="ctn-preloader" class="ctn-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text-preloader="D" class="letters-loading">
D
</span>
<span data-text-preloader="J" class="letters-loading">
J
</span>
</div>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
</div>
</div>
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header class="header_area pos-absolute">
<div class="container custom-width">
<div class="row align-items-center">
<div class="col-xl-3 col-lg-3 col-7">
<div class="logo">
<a href="index.php"><img src="assets/img/new/DJ logo.png" alt=""></a>
</div>
</div>
<div class="col-xl-9 col-lg-9 col-5">
<div class="menu_area">
<div class="main-menu">
<nav id="mobile-menu">
<ul>
<li ><a href="index.php">Home</a>
</li>
<li><a href="#">About</a></li>
<li >
<a href="#">Services</a>
<!--<ul class="sub-menu">-->
<!-- <li><a href="services.html">Services</a></li>-->
<!-- <li><a href="service-details.html">Service Details</a></li>-->
<!--</ul>-->
</li>
<li ><a href="#!">Gallery</a>
<!--<ul class="sub-menu">-->
<!-- <li><a href="about-me.html">About Me</a></li>-->
<!-- <li><a href="portfolio.html">Portfolio</a></li>-->
<!-- <li><a href="portfolio-details.html">Portfolio Details</a></li>-->
<!-- <li><a href="shop.html">Shop</a></li>-->
<!-- <li><a href="shop-details.html">Shop Details</a></li>-->
<!-- <li><a href="pricing.html">Pricing</a></li>-->
<!--</ul>-->
</li>
<li >
<a href="#!"></a>
<!--<ul class="sub-menu">-->
<!-- <li><a href="blog.html">Blog</a></li>-->
<!-- <li><a href="blog-details.html">Blog Details</a></li>-->
<!--</ul>-->
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="menu_area-right">
<div class="search">
<div class="search__trigger item">
<!--<span class="open" style="display: inline;"><i class="far fa-search"></i></span>-->
<span class="close" style="display: none;"><i class="fal fa-times"></i></span>
</div>
<div class="search__form">
<form role="search" method="get" action="https://xpressrow.com/html/shotop/shotop/index.html">
<input type="search" name="s" value="" placeholder="Search Keywords">
<button type="submit"><i class="far fa-search"></i></button>
</form>
</div>
</div>
<div class="hamburger-trigger item">
<i class="fal fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- side info for mobile view -->
<aside class="side-info-wrapper mm-only">
<nav>
<div class="nav" id="nav-tab" role="tablist">
<a class="nav-link active" id="menu-tab-1-tab" data-bs-toggle="tab"
href="#menu-tab-1" role="tab" aria-controls="menu-tab-1"
aria-selected="true">Menu</a>
<a class="nav-link" id="menu-tab-2-tab" data-bs-toggle="tab" href="#menu-tab-2"
role="tab" aria-controls="menu-tab-2" aria-selected="false">Info</a>
</div>
</nav>
<div class="side-info__wrapper d-flex align-items-center justify-content-between">
<div class="side-info__logo">
<a href="index.php">
<img src="assets/img/new/DJ logo.png" alt="logo">
</a>
</div>
<div class="side-info__close">
<a href="javascript:void(0);"><i class="fal fa-times"></i></a>
</div>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="menu-tab-1" role="tabpanel"
aria-labelledby="menu-tab-1-tab">
<div class="mobile-menu"></div>
</div>
<div class="tab-pane fade" id="menu-tab-2" role="tabpanel"
aria-labelledby="menu-tab-2-tab">
<div class="side-info">
<div class="contact__info--wrapper mt-15">
<h4 class="title mb-10">Contact us</h4>
<ul class="contact__info list-unstyled">
<li>
<span><i class="fas fa-map-marker-alt"></i></span>
<p>#7 1st Floor Rk Nagar Opp Ramakrishna School,Hosur,Tamil Nadu 635109</p>
</li>
<li>
<span><i class="fas fa-phone"></i></span>
<p>+91 90088 82086</p>
</li>
<li>
<span><i class="fas fa-envelope-open-text"></i></span>
<p>information@gmail.com</p>
</li>
</ul>
</div>
<div class="social-links mt-20 d-flex justify-content-start align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</aside>
<!-- side info for desktop view -->
<aside class="side-info-wrapper show-all">
<div class="side-info__wrapper d-flex align-items-center justify-content-between">
<div class="side-info__logo">
<a href="index.php">
<img src="assets/img/new/DJ logo.png" alt="logo">
</a>
</div>
<div class="side-info__close">
<a href="javascript:void(0);"><i class="fal fa-times"></i></a>
</div>
</div>
<div class="side-info">
<div class="contact__info--wrapper mt-15">
<h4 class="title mb-10">Contact us</h4>
<ul class="contact__info list-unstyled">
<li>
<span><i class="fas fa-map-marker-alt"></i></span>
<p>#7 1st Floor Rk Nagar Opp Ramakrishna School,Hosur,Tamil Nadu 635109</p>
</li>
<li>
<span><i class="fas fa-phone"></i></span>
<p>+91 90088 82086</p>
</li>
<li>
<span><i class="fas fa-envelope-open-text"></i></span>
<p>information@gmail.com</p>
</li>
</ul>
</div>
<div class="social-links mt-20 d-flex justify-content-start align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</aside>
<div class="overlay"></div>
</header>
<!-- header start -->
Zerion Mini Shell 1.0