ok
Mini Shell
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Title -->
<title>Contact Us</title>
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800,900&display=swap"
rel="stylesheet">
<!-- Plugins -->
<link rel="stylesheet" href="css/plugins.css" />
<link href="css/twentytwenty.css" rel="stylesheet" type="text/css" />
<!-- Core Style Css -->
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- ==================== Start Loading ==================== -->
<!-- ==================== End Loading ==================== -->
<!-- ==================== Start progress-scroll-button ==================== -->
<div class="progress-wrap cursor-pointer">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- ==================== End progress-scroll-button ==================== -->
<!-- ==================== Start cursor ==================== -->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- ==================== End cursor ==================== -->
<!-- ==================== Start Navbar ==================== -->
<nav class="navbar navlgbg change navbar-expand-lg nav-scroll">
<div class="container">
<!-- Logo -->
<a class="logo" href="#">
<img src="img/logo-light.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"><i class="fas fa-bars"></i></span>
</button>
<!-- navbar links -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link " href="index.html" role="button"
>Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.php">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="social-icon">
<a href="https://www.facebook.com/keydecors/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/key_decors/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</nav>
<!-- ==================== End Navbar ==================== -->
<!-- ==================== Start Header ==================== -->
<header class="pages-header bg-img valign parallaxie" data-background="img/pg1.jpg" data-overlay-dark="5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="cont text-center">
<h1>Contact Us</h1>
<div class="path">
<a href="#0">Home</a><span>/</span><a href="#0" class="active">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- ==================== End Header ==================== -->
<!-- ==================== Start about ==================== -->
<section class="contact">
<div class="info bg-gray pt-80 pb-80">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="item">
<span class="icon pe-7s-phone"></span>
<div class="cont">
<h6 class="custom-font">Call Us</h6>
<p>9020124545 </p>
<p> 9037124545</p>
<p>04954010230</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<span class="icon pe-7s-mail-open"></span>
<div class="cont">
<h6 class="custom-font">Email Us</h6>
<p>keydecors@gmail.com</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<span class="icon pe-7s-map"></span>
<div class="cont">
<h6 class="custom-font">Address</h6>
<p>G4, 2nd Floor, Doha Complex
Opposite Tagore Hall. Calicut 673032</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 map-box">
<div class="map"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3913.0665064940304!2d75.77188791480509!3d11.256517991996823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba659d6454a939f%3A0xadb0c4051ce18f9f!2sKEYDECORS!5e0!3m2!1sen!2sin!4v1600503764796!5m2!1sen!2sin" width="100%" height="100%" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></div>
</div>
<div class="col-lg-6 form">
<div class="messages"></div>
<div class="controls">
<form method="post" action="contact_mail.php" id="contact-form">
<div class="form-group">
<input id="form_name" type="text" name="name" placeholder="Name" required="required">
</div>
<div class="form-group">
<input id="form_email" type="email" name="email" placeholder="Email"
required="required">
</div>
<div class="form-group">
<input id="form_email" type="text" name="phone" placeholder="Phone"
required="required">
</div>
<div class="form-group">
<textarea id="form_message" name="message" placeholder="Message" rows="4"
required="required"></textarea>
</div>
<button type="submit" class="btn-curve btn-color"><span>Send Message</span></button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End about ==================== -->
<!-- ==================== Start Footer ==================== -->
<footer class="main-footer dark">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="item abot">
<div class="logo-footer mb-20">
<a href="#0" class="logo">
<img src="img/logo-light.png" alt="">
</a>
</div>
<p>Our team takes over everything, from an idea and concept development to realization.</p>
<div class="social-icon">
<a href="https://www.facebook.com/keydecors/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/key_decors/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 offset-lg-1">
<div class="item usful-links">
<div class="fothead">
<h6>Useful Links</h6>
</div>
<ul>
<li><i class="fas fa-chevron-right"></i> <a href="about.html">Interior Design</a></li>
<li><i class="fas fa-chevron-right"></i> <a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Call</h6>
</div>
<p>90 20 12 45 45 </p>
<p> 90 37 12 45 45</p>
<p> 04954010230</p>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Write</h6>
</div>
<p>keydecors@gmail.com</p>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Visit</h6>
</div>
<p>G4, 2nd Floor, Doha Complex
Opposite Tagore Hall. Calicut 673032</p>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="text-left">
<p>© 2020-2021, <a href="">Graywolf</a>.</p>
</div>
</div>
<div class="col-lg-4">
<div class="text-right">
<p>All right reserved.</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ==================== End Footer ==================== -->
<!-- jQuery -->
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<!-- plugins -->
<script src="js/plugins.js"></script>
<!-- custom scripts -->
<!-- Map -->
<script src="js/map.js"></script>
<!-- google map api -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDUU5FZiF5WLFFfgIC1n64Zr0zfpQZjBBg&callback=initMap">
</script>
</body>
</html>
Zerion Mini Shell 1.0