<!DOCTYPE HTML>
<html class="no-js" lang="en-US">
<head>
<!-- Basic Page Needs
================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS
================================================== -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
<link href="css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
<link href="vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
<link href="vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
<link href="vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
<!-- Color Style -->
<link href="colors/color1.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
<!-- SCRIPTS
================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->
</head>
<body class="home">
<div class="body">
<!-- start topbar -->
<header class="topbar">
<!-- start container -->
<div class="container">
<ul class="topbar-menu">
<li><a href="shop.html" title="Shop">Shop</a>
<ul>
<li><a href="#" title="Cart">Cart</a></li>
<li><a href="#" title="Cart">Checkout</a></li>
</ul>
</li>
<li><a href="#" title="Contact">Contact</a></li>
<li><a href="#" title="Donations">Donations</a></li>
</ul>
<div class="header-info-col">
<i class="fa fa-phone"></i>
<strong>1800-9090-8089</strong>
</div>
<div class="header-info-col">
<i class="fa fa-envelope-o"></i>
<strong><a href="mailto:help@obsequy.com" title="help@obsequy.com">help@obsequy.com</a></strong>
</div>
<div class="header-info-col">
<i class="fa fa-map-marker"></i>
<strong>123, landmark address</strong>
</div>
</div>
<!-- end container -->
</header>
<!-- end topbar -->
<!-- start header -->
<header class="site-header-wrapper">
<div class="site-header">
<!-- start container -->
<div class="container">
<!-- start site logo -->
<div class="site-logo">
<a href="index.html" title="Obsequy" class="default-logo"><img src="images/logo.png" alt="Obsequy"></a>
<a href="index.html" title="Obsequy" class="default-retina-logo"><img src="images/logo@2x.png" alt="Obsequy" width="204" height="46"></a>
</div>
<!-- end site logo -->
<a href="#" id="menu-toggle">
<i class="fa fa-bars"></i>
</a>
<div class="search-module">
<a href="#" class="search-module-trigger">
<i class="fa fa-search"></i>
</a>
<div class="search-module-opened">
<form id="searchform" action="#">
<div class="input-group input-group-sm">
<input type="text" name="s" id="s" class="form-control input-sm">
<span class="input-group-btn"><button name ="submit" type="submit" class="btn btn-lg btn-default"><i class="fa fa-search"></i></button></span>
</div>
</form>
</div>
</div>
<a href="#" class="cart-module-trigger">
<i class="fa fa-shopping-cart"></i>
</a>
<!-- start main navigation -->
<nav class="main-navigation pull-right">
<ul class="dd-menu sf-menu">
<li class="active"><a href="index.html" title="Home"><span>Home</span></a></li>
<li><a href="about-us.html" title="About"><span>About</span></a></li>
<li><a href="shop.html" title="Shop"><span>Shop</span></a></li>
<li><a href="services.html" title="Services"><span>Services</span></a></li>
<li><a href="blog.html" title="Blog"><span>Blog</span></a></li>
<li><a href="shop.html" title="Send Flowers"><span>Send Flowers</span> <img src="images/flower-e1476975452944.png" alt=""></a>
</li>
</ul>
</nav>
<!-- end main navigation -->
</div>
<!-- end container -->
</div>
</header>
<!-- end header -->
<!-- start hero slider -->
<div class="hero-slider heroflex flexslider" data-autoplay="yes" data-pagination="no" data-arrows="yes" data-style="slide">
<ul class="slides">
<li style="background-image:url(images/bg_slide.jpg);">
<!-- start container -->
<div class="container">
<div class="hero-caption">
<h1>Planning Ahead</h1>
<p>Pre-planning your funeral should be a natural part of your <br> life, because it provides you with timeto make end of life <br> decisions.</p>
<a href="services-grid.html" title="See our services " class="btn-services">See our services </a>
</div>
</div>
<!-- end container -->
</li>
<li style="background-image:url(images/bg_slide2.jpg);">
<!-- start container -->
<div class="container">
<div class="hero-caption">
<h1>Planning Ahead</h1>
<p>Pre-planning your funeral should be a natural part of your <br> life, because it provides you with timeto make end of life <br> decisions.</p>
<a href="services-grid.html" title="See our services " class="btn-services">See our services </a>
</div>
</div>
<!-- end container -->
</li>
<li style="background-image:url(images/bg_slide3.jpg);">
<!-- start container -->
<div class="container">
<div class="hero-caption">
<h1>Planning Ahead</h1>
<p>Pre-planning your funeral should be a natural part of your <br> life, because it provides you with timeto make end of life <br> decisions.</p>
<a href="services-grid.html" title="See our services " class="btn-services">See our services </a>
</div>
</div>
<!-- end container -->
</li>
</ul>
</div>
<!-- end hero slider -->
<!-- Start body content -->
<div class="main" role="main">
<div id="content" class="content full">
<!-- start container -->
<div class="container">
<!-- start row -->
<div class="row">
<div class="spacer-50"></div>
<div class="col-md-4">
<h1>
Welcome to <strong class="accent-color">Obsequy</strong> Funeral & Crematory Services
</h1>
</div>