242 lines
10 KiB
HTML
242 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>DRYME - Free Laundry Service Website Template</title>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<meta content="Free HTML Templates" name="keywords">
|
|
<meta content="Free HTML Templates" name="description">
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com/">
|
|
<link href="static/css/css2.css" rel="stylesheet">
|
|
|
|
<link href="static/css/all.min.css" rel="stylesheet">
|
|
|
|
<link href="static/css/owl.carousel.min.css" rel="stylesheet">
|
|
|
|
<link href="static/css/style.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container-fluid bg-primary py-3">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 text-center text-lg-left mb-2 mb-lg-0">
|
|
<div class="d-inline-flex align-items-center">
|
|
<a class="text-white pr-3" href="">FAQs</a>
|
|
<span class="text-white">|</span>
|
|
<a class="text-white px-3" href="">Help</a>
|
|
<span class="text-white">|</span>
|
|
<a class="text-white pl-3" href="">Support</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 text-center text-lg-right">
|
|
<div class="d-inline-flex align-items-center">
|
|
<a class="text-white px-3" href="">
|
|
<i class="fab fa-facebook-f"></i>
|
|
</a>
|
|
<a class="text-white px-3" href="">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
<a class="text-white px-3" href="">
|
|
<i class="fab fa-linkedin-in"></i>
|
|
</a>
|
|
<a class="text-white px-3" href="">
|
|
<i class="fab fa-instagram"></i>
|
|
</a>
|
|
<a class="text-white pl-3" href="">
|
|
<i class="fab fa-youtube"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid position-relative nav-bar p-0">
|
|
<div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
|
|
<nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
|
|
<a href="" class="navbar-brand">
|
|
<h1 class="m-0 text-secondary"><span class="text-primary">DRY</span>ME</h1>
|
|
</a>
|
|
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
|
|
<div class="navbar-nav ml-auto py-0">
|
|
<a href="index1.html" class="nav-item nav-link">Home</a>
|
|
<a href="about.html" class="nav-item nav-link">About</a>
|
|
<a href="service.html" class="nav-item nav-link">Services</a>
|
|
<a href="pricing.html" class="nav-item nav-link">Pricing</a>
|
|
<div class="nav-item dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Pages</a>
|
|
<div class="dropdown-menu border-0 rounded-0 m-0">
|
|
<a href="blog.html" class="dropdown-item">Blog Grid</a>
|
|
<a href="single.html" class="dropdown-item">Blog Detail</a>
|
|
</div>
|
|
</div>
|
|
<a href="" class="nav-item nav-link active">Contact</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="page-header container-fluid bg-secondary pt-2 pt-lg-5 pb-2 mb-5">
|
|
<div class="container py-5">
|
|
<div class="row align-items-center py-4">
|
|
<div class="col-md-6 text-center text-md-left">
|
|
<h1 class="mb-4 mb-md-0 text-white">Contact Us</h1>
|
|
</div>
|
|
<div class="col-md-6 text-center text-md-right">
|
|
<div class="d-inline-flex align-items-center">
|
|
<a class="btn text-white" href="">Home</a>
|
|
<i class="fas fa-angle-right text-white"></i>
|
|
<a class="btn text-white disabled" href="">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid py-5">
|
|
<div class="container" style="max-width: 900px;">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
|
|
<div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 100px; height: 100px; border-width: 15px !important;">
|
|
<i class="fa fa-2x fa-map-marker-alt text-secondary"></i>
|
|
</div>
|
|
<h5 class="font-weight-medium m-0 mt-2">123 Street, New York, USA</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
|
|
<div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 100px; height: 100px; border-width: 15px !important;">
|
|
<i class="fa fa-2x fa-envelope-open text-secondary"></i>
|
|
</div>
|
|
<h5 class="font-weight-medium m-0 mt-2"><a href="email-protection.html" class="__cf_email__" data-cfemail="2d44434b426d48554c405d4148034e4240">[email protected]</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
|
|
<div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 100px; height: 100px; border-width: 15px !important;">
|
|
<i class="fa fa-2x fa-phone-alt text-secondary"></i>
|
|
</div>
|
|
<h5 class="font-weight-medium m-0 mt-2">+012 345 6789</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="contact-form">
|
|
<div id="success"></div>
|
|
<form name="sentMessage" id="contactForm" novalidate="novalidate">
|
|
<div class="form-row">
|
|
<div class="col-md-6">
|
|
<div class="control-group">
|
|
<input type="text" class="form-control" id="name" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="control-group">
|
|
<input type="email" class="form-control" id="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<input type="text" class="form-control" id="subject" placeholder="Subject" required="required" data-validation-required-message="Please enter a subject">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
<div class="control-group">
|
|
<textarea class="form-control" rows="6" id="message" placeholder="Message" required="required" data-validation-required-message="Please enter your message"></textarea>
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
<div>
|
|
<button class="btn btn-primary py-3 px-5" type="submit" id="sendMessageButton">Send Message</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5">
|
|
<div class="row pt-5">
|
|
<div class="col-lg-3 col-md-6 mb-5">
|
|
<a href=""><h1 class="text-secondary mb-3"><span class="text-white">DRY</span>ME</h1></a>
|
|
<p>Volup amet magna clita tempor. Tempor sea eos vero ipsum. Lorem lorem sit sed elitr sit no, sed kasd et ipsum dolor duo dolor</p>
|
|
<div class="d-flex justify-content-start mt-4">
|
|
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
|
|
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-5">
|
|
<h4 class="text-white mb-4">Get In Touch</h4>
|
|
<p>Dolor clita stet nonumy clita diam vero, et et ipsum diam labore</p>
|
|
<p><i class="fa fa-map-marker-alt mr-2"></i>123 Street, New York, USA</p>
|
|
<p><i class="fa fa-phone-alt mr-2"></i>+012 345 67890</p>
|
|
<p><i class="fa fa-envelope mr-2"></i><a href="email-protection.html" class="__cf_email__" data-cfemail="771e19111837120f161a071b125914181a">[email protected]</a></p>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-5">
|
|
<h4 class="text-white mb-4">Quick Links</h4>
|
|
<div class="d-flex flex-column justify-content-start">
|
|
<a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Home</a>
|
|
<a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>About Us</a>
|
|
<a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Services</a>
|
|
<a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a>
|
|
<a class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-5">
|
|
<h4 class="text-white mb-4">Newsletter</h4>
|
|
<form action="">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control border-0" placeholder="Your Name" required="required">
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" class="form-control border-0" placeholder="Your Email" required="required">
|
|
</div>
|
|
<div>
|
|
<button class="btn btn-lg btn-secondary btn-block border-0" type="submit">Submit Now</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid bg-dark text-white py-4 px-sm-3 px-md-5">
|
|
<p class="m-0 text-center text-white">
|
|
Copyright © 2022.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">网页模板</a>
|
|
|
|
</p>
|
|
</div>
|
|
|
|
|
|
<a href="#" class="btn btn-lg btn-primary back-to-top"><i class="fa fa-angle-double-up"></i></a>
|
|
|
|
<script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/jquery-3.4.1.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/bootstrap.bundle.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/easing.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/waypoints.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/counterup.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/owl.carousel.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
|
|
<script src="static/js/jqBootstrapValidation.min.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/contact.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
|
|
<script src="static/js/main.js" type="f2848fa162ffaaf1454eb69d-text/javascript"></script>
|
|
<script src="static/js/rocket-loader.min.js" data-cf-settings="f2848fa162ffaaf1454eb69d-|49" defer=""></script></body>
|
|
</html> |