249 lines
8.3 KiB
HTML
249 lines
8.3 KiB
HTML
<!-- /*
|
|
* Template Name: Archiark
|
|
* Template Author: Untree.co
|
|
* Tempalte URI: https://untree.co/
|
|
* License: https://creativecommons.org/licenses/by/3.0/
|
|
*/ -->
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta name="author" content="Untree.co">
|
|
<link rel="shortcut icon" href="favicon.png">
|
|
|
|
<meta name="description" content="" />
|
|
<meta name="keywords" content="bootstrap, bootstrap5" />
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="fonts/icomoon/style.css">
|
|
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
|
|
<link rel="stylesheet" href="css/tiny-slider.css">
|
|
<link rel="stylesheet" href="css/aos.css">
|
|
<link rel="stylesheet" href="css/glightbox.min.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<title>Archiark — Free Bootstrap 5 Website Template by Untree.co</title>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="site-mobile-menu site-navbar-target">
|
|
<div class="site-mobile-menu-header">
|
|
<div class="site-mobile-menu-close">
|
|
<span class="icofont-close js-menu-toggle"></span>
|
|
</div>
|
|
</div>
|
|
<div class="site-mobile-menu-body"></div>
|
|
</div>
|
|
|
|
<nav class="site-nav">
|
|
<div class="container">
|
|
<div class="site-navigation">
|
|
<a href="index.html" class="logo m-0 float-start">Archiark<span class="text-primary">.</span> </a>
|
|
|
|
<ul class="js-clone-nav d-none d-lg-inline-block text-start site-menu float-start">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li class="has-children">
|
|
<a href="projects.html">Projects</a>
|
|
<ul class="dropdown">
|
|
<li><a href="#">Commercial Building</a></li>
|
|
<li><a href="#">Cultural Lifestyle</a></li>
|
|
<li class="has-children">
|
|
<a href="#">Dropdown</a>
|
|
<ul class="dropdown">
|
|
<li><a href="#">Sub Menu One</a></li>
|
|
<li><a href="#">Sub Menu Two</a></li>
|
|
<li><a href="#">Sub Menu Three</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li class="active"><a href="contact.html">Contact Us</a></li>
|
|
</ul>
|
|
|
|
|
|
|
|
<a href="#" class="burger ml-auto float-end site-menu-toggle light js-menu-toggle d-inline-block d-lg-none" data-toggle="collapse" data-target="#main-navbar">
|
|
<span></span>
|
|
</a>
|
|
<ul class="site-menu float-end d-none d-md-block">
|
|
<li><a href="#" class="d-flex align-items-center text-white h2 fw-bold"><span class="icon-phone me-2"></span> <span>+ 2 292 4392 327</span></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="hero-2 overlay" style="background-image: url('images/img_6.jpg');">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-5 mx-auto ">
|
|
<h1 class="mb-5 text-center"><span>Contact Us</span></h1>
|
|
|
|
|
|
<div class="intro-desc text-left">
|
|
<div class="line"></div>
|
|
<p>Delectus voluptatum distinctio quos eius excepturi sunt pariatur, aut, doloribus officia ea molestias beatae laudantium, quam odio ipsum veritatis est maiores velit quasi blanditiis et natus accusamus itaque.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="section sec-contact">
|
|
<div class="container">
|
|
<div class="row mb-5 justify-content-center text-center">
|
|
<div class="col-lg-5">
|
|
<h2 class="heading">Get in touch</h2>
|
|
<p class="text-black-50">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
|
</div>
|
|
</div>
|
|
<form class="row">
|
|
|
|
<div class="col-md-6 col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="name" class="ps-3 mb-2">Name</label>
|
|
<input type="text" class="form-control" id="name">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="email" class="ps-3 mb-2">Email</label>
|
|
<input type="text" class="form-control" id="email">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="phone" class="ps-3 mb-2">Phone</label>
|
|
<input type="text" class="form-control" id="phone">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="subject" class="ps-3 mb-2">Subject</label>
|
|
<input type="text" class="form-control" id="subject">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12 col-lg-12">
|
|
<div class="mb-3">
|
|
<label for="message" class="ps-3 mb-2">Message</label>
|
|
<textarea class="form-control" name="" id="message" cols="30" rows="7"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<input type="submit" value="Send message" class="btn btn-primary">
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="site-footer bg-light">
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-between">
|
|
<div class="col-lg-4">
|
|
<div class="widget">
|
|
<h3 class="line-top">About</h3>
|
|
<p class="mb-5">Delectus voluptatum distinctio quos eius excepturi sunt pariatur, aut, doloribus officia ea molestias beatae laudantium, quam odio ipsum veritatis est maiores velit quasi blanditiis et natus accusamus itaque. Veniam quidem debitis odio amet voluptas distinctio dicta placeat! Et pariatur doloremque ea veniam. Separated they live.</p>
|
|
|
|
</div>
|
|
<div class="widget">
|
|
<h3 class="line-top">Connect with us</h3>
|
|
<ul class="social list-unstyled mb-5">
|
|
<li><a href="#"><span class="icon-facebook"></span></a></li>
|
|
<li><a href="#"><span class="icon-twitter"></span></a></li>
|
|
<li><a href="#"><span class="icon-instagram"></span></a></li>
|
|
<li><a href="#"><span class="icon-dribbble"></span></a></li>
|
|
<li><a href="#"><span class="icon-linkedin"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="widget">
|
|
<h3 class="line-top">Navigations</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-4">
|
|
<div class="widget">
|
|
<ul class="links list-unstyled">
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">Services</a></li>
|
|
<li><a href="#">Work</a></li>
|
|
<li><a href="#">Process</a></li>
|
|
<li><a href="#">About Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-4">
|
|
<div class="widget">
|
|
<ul class="links list-unstyled">
|
|
<li><a href="#">Press</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
<li><a href="#">Support</a></li>
|
|
<li><a href="#">Privacy</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-4">
|
|
<div class="widget">
|
|
<ul class="links list-unstyled">
|
|
<li><a href="#">Privacy</a></li>
|
|
<li><a href="#">FAQ</a></li>
|
|
<li><a href="#">Careers</a></li>
|
|
<li><a href="#">Process</a></li>
|
|
<li><a href="#">About Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center text-center copyright">
|
|
<div class="col-md-8">
|
|
<p class="small text-black-50">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a></br>Distributed By <a href="https://themewagon.com/">Themewagon</a> <!-- License information: https://untree.co/license/ -->
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Preloader -->
|
|
<div id="overlayer"></div>
|
|
<div class="loader">
|
|
<div class="spinner-border" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/tiny-slider.js"></script>
|
|
<script src="js/aos.js"></script>
|
|
<script src="js/glightbox.min.js"></script>
|
|
<script src="js/navbar.js"></script>
|
|
<script src="js/counter.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
</body>
|
|
</html>
|