216 lines
9.1 KiB
HTML
216 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||
|
||
<title>Jean-Marie Family Website</title>
|
||
|
||
<!-- Additional CSS Files -->
|
||
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
|
||
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
|
||
<link rel="stylesheet" href="assets/css/templatemo-breezed.css">
|
||
<link rel="stylesheet" href="assets/css/owl-carousel.css">
|
||
<link rel="stylesheet" href="assets/css/lightbox.css">
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ***** Preloader Start ***** -->
|
||
<div id="preloader">
|
||
<div class="jumper">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
<!-- ***** Preloader End ***** -->
|
||
|
||
|
||
<!-- ***** Header Area Start ***** -->
|
||
<header class="header-area header-sticky">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<nav class="main-nav">
|
||
<!-- ***** Logo Start ***** -->
|
||
<a href="/" class="logo">
|
||
Home
|
||
</a>
|
||
<!-- ***** Logo End ***** -->
|
||
<!-- ***** Menu Start ***** -->
|
||
<ul class="nav">
|
||
<li class="scroll-to-section"><a href="#top" class="active">Home</a></li>
|
||
<li class="scroll-to-section"><a href="#about">About</a></li>
|
||
<li class="scroll-to-section"><a href="#projects">Projects</a></li>
|
||
<li class="submenu">
|
||
<a href="javascript:;">Drop Down</a>
|
||
<ul>
|
||
<li><a href="">About Us</a></li>
|
||
<li><a href="">Features</a></li>
|
||
<li><a href="">FAQ's</a></li>
|
||
<li><a href="">Blog</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="scroll-to-section"><a href="#contact-us">Contact Us</a></li>
|
||
<li class=""><a href="/auth/google">Login</a></li>
|
||
<div class="search-icon">
|
||
<a href="#search"><i class="fa fa-search"></i></a>
|
||
</div>
|
||
</ul>
|
||
<a class='menu-trigger'>
|
||
<span>Menu</span>
|
||
</a>
|
||
<!-- ***** Menu End ***** -->
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- ***** Header Area End ***** -->
|
||
|
||
<!-- ***** Search Area ***** -->
|
||
<div id="search">
|
||
<button type="button" class="close">×</button>
|
||
<form id="contact" action="#" method="get">
|
||
<fieldset>
|
||
<input type="search" name="q" placeholder="SEARCH KEYWORD(s)" aria-label="Search through site content">
|
||
</fieldset>
|
||
<fieldset>
|
||
<button type="submit" class="main-button">Search</button>
|
||
</fieldset>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="content">{% block content %}{% endblock content %}</div>
|
||
<!-- ***** Contact Us Area Starts ***** -->
|
||
<section class="section" id="contact-us">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-4 col-xs-12">
|
||
<div class="left-text-content">
|
||
<div class="section-heading">
|
||
<h6>Contact Us</h6>
|
||
<h2>Feel free to keep in touch with us!</h2>
|
||
</div>
|
||
<ul class="contact-info">
|
||
<li><img src="assets/images/contact-info-01.png" alt="">010-020-0860</li>
|
||
<li><img src="assets/images/contact-info-02.png" alt="">info@company.com</li>
|
||
<li><img src="assets/images/contact-info-03.png" alt="">www.company.com</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8 col-md-8 col-xs-12">
|
||
<div class="contact-form">
|
||
<form id="contact" action="" method="get">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-12">
|
||
<fieldset>
|
||
<input name="name" type="text" id="name" placeholder="Your Name *" required="">
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12">
|
||
<fieldset>
|
||
<input name="phone" type="text" id="phone" placeholder="Your Phone" required="">
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12">
|
||
<fieldset>
|
||
<input name="email" type="email" id="email" placeholder="Your Email *" required="">
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12">
|
||
<fieldset>
|
||
<input name="subject" type="text" id="subject" placeholder="Subject">
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-lg-12">
|
||
<fieldset>
|
||
<textarea name="message" rows="6" id="message" placeholder="Message" required=""></textarea>
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-lg-12">
|
||
<fieldset>
|
||
<button type="submit" id="form-submit" class="main-button-icon">Send Message Now <i class="fa fa-arrow-right"></i></button>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- ***** Contact Us Area Ends ***** -->
|
||
|
||
<!-- ***** Footer Start ***** -->
|
||
<footer>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 col-xs-12">
|
||
<div class="left-text-content">
|
||
<p>Copyright © 2020 Breezed Co., Ltd.
|
||
|
||
- Design: <a rel="nofollow noopener" href="https://templatemo.com">TemplateMo</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-xs-12">
|
||
<div class="right-text-content">
|
||
<ul class="social-icons">
|
||
<li><p>Follow Us</p></li>
|
||
<li><a rel="nofollow" href="https://fb.com/templatemo"><i class="fa fa-facebook"></i></a></li>
|
||
<li><a rel="nofollow" href="https://fb.com/templatemo"><i class="fa fa-twitter"></i></a></li>
|
||
<li><a rel="nofollow" href="https://fb.com/templatemo"><i class="fa fa-linkedin"></i></a></li>
|
||
<li><a rel="nofollow" href="https://fb.com/templatemo"><i class="fa fa-dribbble"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
<!-- jQuery -->
|
||
<script src="assets/js/jquery-2.1.0.min.js"></script>
|
||
|
||
<!-- Bootstrap -->
|
||
<script src="assets/js/popper.js"></script>
|
||
<script src="assets/js/bootstrap.min.js"></script>
|
||
|
||
<!-- Plugins -->
|
||
<script src="assets/js/owl-carousel.js"></script>
|
||
<script src="assets/js/scrollreveal.min.js"></script>
|
||
<script src="assets/js/waypoints.min.js"></script>
|
||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||
<script src="assets/js/imgfix.min.js"></script>
|
||
<script src="assets/js/slick.js"></script>
|
||
<script src="assets/js/lightbox.js"></script>
|
||
<script src="assets/js/isotope.js"></script>
|
||
|
||
<!-- Global Init -->
|
||
<script src="assets/js/custom.js"></script>
|
||
|
||
<script>
|
||
|
||
$(function() {
|
||
var selectedClass = "";
|
||
$("p").click(function(){
|
||
selectedClass = $(this).attr("data-rel");
|
||
$("#portfolio").fadeTo(50, 0.1);
|
||
$("#portfolio div").not("."+selectedClass).fadeOut();
|
||
setTimeout(function() {
|
||
$("."+selectedClass).fadeIn();
|
||
$("#portfolio").fadeTo(50, 1);
|
||
}, 500);
|
||
|
||
});
|
||
});
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|