Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 18.118.139.119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>Fancy - Creative Agency Template</title>
<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">
<!-- Core Stylesheet -->
<link href="style.css" rel="stylesheet">
<!-- Responsive CSS -->
<link href="css/responsive/responsive.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
<div id="preloader">
<div class="loader">
<span class="inner1"></span>
<span class="inner2"></span>
<span class="inner3"></span>
</div>
</div>
<!-- Search Form Area -->
<div class="fancy-search-form d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<!-- Close Btn -->
<div class="search-close-btn" id="closeBtn">
<i class="ti-close" aria-hidden="true"></i>
</div>
<!-- Form -->
<form action="#" method="get">
<input type="search" name="fancySearch" id="search" placeholder="| Enter Your Search...">
<input type="submit" class="d-none" value="submit">
</form>
</div>
</div>
</div>
</div>
<!-- ***** Header Area Start ***** -->
<header class="header_area" id="header">
<div class="container-fluid h-100">
<div class="row h-100">
<div class="col-12 h-100">
<nav class="h-100 navbar navbar-expand-lg align-items-center">
<a class="navbar-brand" href="index.html">fancy</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#fancyNav" aria-controls="fancyNav" aria-expanded="false" aria-label="Toggle navigation"><span class="ti-menu"></span></button>
<div class="collapse navbar-collapse" id="fancyNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="index.html">Home</a>
<a class="dropdown-item" href="static-page.html">Static Page</a>
<a class="dropdown-item" href="contact.html">Contact</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="static-page.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<!-- Search & Shop Btn Area -->
<div class="fancy-search-and-shop-area">
<a id="search-btn" href="#"><i class="icon_search" aria-hidden="true"></i></a>
<a id="shop-btn" href="#"><i class="icon_bag_alt" aria-hidden="true"></i></a>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<!-- ***** Breadcumb Area Start ***** -->
<div class="fancy-breadcumb-area bg-img bg-overlay" style="background-image: url(img/bg-img/hero-1.jpg);">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12">
<div class="breadcumb-content text-center">
<h2>Contact Us</h2>
<p>Tell us about your story and your project.</p>
</div>
</div>
</div>
</div>
</div>
<!-- ***** Breadcumb Area End ***** -->
<!-- ***** Contact Area Start ***** -->
<div class="fancy-contact-area section-padding-100">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Google Map -->
<div id="googleMap"></div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<!-- Contact Details -->
<div class="contact-details-area">
<div class="section-heading">
<h2>Contact Us</h2>
<p>There are many ways to contact us. You may drop us a line, give us a call or send an email, choose what suits you the most.</p>
</div>
<p>(800) 686-6688 <br> info.deercreative@gmail.com
</p>
<p>40 Baria Sreet 133/2 <br> NewYork City, US</p>
<p>Open hours: 8.00-18.00 Mon-Fri <br> Sunday: Closed</p>
</div>
<!-- Follow Us -->
<div class="follow-us-area">
<h2>Follow Us:</h2>
<a href="#" class="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#" class="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#" class="google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-12 col-md-6">
<!-- Contact Form -->
<div class="contact-form-area">
<div class="section-heading">
<h2>Get In Touch With Us!</h2>
<p>Fill out the form below to recieve a free and confidential.</p>
</div>
<div class="contact-form">
<form action="#" method="post">
<!-- Message Input Area Start -->
<div class="contact_input_area">
<div class="row">
<!-- Single Input Area -->
<div class="col-12">
<div class="form-group">
<input type="text" class="form-control" name="name" id="name" placeholder="Name" required>
</div>
</div>
<!-- Single Input Area -->
<div class="col-12">
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" required>
</div>
</div>
<!-- Single Input Area -->
<div class="col-12">
<div class="form-group">
<input type="text" class="form-control" name="website" id="website" placeholder="Website" required>
</div>
</div>
<!-- Single Input Area -->
<div class="col-12">
<div class="form-group">
<textarea name="message" class="form-control" id="message" cols="30" rows="10" placeholder="Messages" required></textarea>
</div>
</div>
<!-- Single Input Area -->
<div class="col-12">
<button type="submit" class="btn fancy-btn fancy-dark bg-transparent">Send Message</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ***** Contact Area End ***** -->
<!-- ***** Footer Area Start ***** -->
<footer class="fancy-footer-area fancy-bg-dark">
<div class="footer-content section-padding-80-50">
<div class="container">
<div class="row">
<!-- Footer Widget -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="single-footer-widget">
<h6>Our Newsletter</h6>
<p>Subscribe to our mailing list to get the updates to your email inbox.</p>
<form action="#" method="get">
<input type="search" name="search" id="footer-search" placeholder="E-mail">
<button type="submit">Subscribe</button>
</form>
<div class="footer-social-widegt d-flex align-items-center">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!-- Footer Widget -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="single-footer-widget">
<h6>Twitter Feed</h6>
<div class="single-tweet">
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i> With the popularity of podcast shows growing with each year, you might consider starting it yourself as well. <br>https://buff.ly/2zttoJb </a>
<span>About 20 hours ago</span>
</div>
</div>
</div>
<!-- Footer Widget -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="single-footer-widget">
<h6>Link Categories</h6>
<nav>
<ul>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Agency</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Home</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Studio</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> About</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Studio</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Services</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Blogs</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Work</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Shop</a></li>
<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Privacy</a></li>
</ul>
</nav>
</div>
</div>
<!-- Footer Widget -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="single-footer-widget">
<h6>Contact Us</h6>
<p>1 (800) 686-6688 <br>info.deercreative@gmail.com
</p>
<p>40 Baria Sreet 133/2 <br>NewYork City, US</p>
<p>Open hours: 8.00-18.00 Mon-Fri</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Copywrite -->
<div class="footer-copywrite-area">
<div class="container h-100">
<div class="row h-100">
<div class="col-12 h-100">
<div class="copywrite-content h-100 d-flex align-items-center justify-content-between">
<!-- Copywrite Text -->
<div class="copywrite-text">
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
</div>
<!-- Footer Nav -->
<div class="footer-nav">
<nav>
<ul>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Advertisement</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ***** Footer Area End ***** -->
<!-- jQuery-2.2.4 js -->
<script src="js/jquery/jquery-2.2.4.min.js"></script>
<!-- Popper js -->
<script src="js/bootstrap/popper.min.js"></script>
<!-- Bootstrap-4 js -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- All Plugins js -->
<script src="js/others/plugins.js"></script>
<!-- Google Maps js -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDk9KNSL1jTv4MY9Pza6w8DJkpI_nHyCnk"></script>
<script src="js/google-map/map-active.js"></script>
<!-- Active JS -->
<script src="js/active.js"></script>
</body>
|