<!--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>Fotog Photography Category Bootstrap Responsive website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="keywords" content="Fotog Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<!-- header -->
<div class="top-head py-3">
<div class="container">
<div class="row">
<div class="col-md-6 callnumber text-left">
</div>
<div class="col-md-6 callnumber text-right">
<li class="mr-3">Australia : +5687567890</li>
<li>Newyork : +4584567890</li>
</div>
</div>
</div>
</div>
<header>
<nav class="mnu navbar-light">
<div class="logo" id="logo">
<h1><a href="index.html">Fotog</a></h1>
</div>
<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
<input type="checkbox" id="drop">
<ul class="menu">
<li class="mr-lg-4 mr-3 active"><a href="index.html">Home</a></li>
<li class="mr-lg-4 mr-3"><a href="about.html">About</a></li>
<li class="mr-lg-4 mr-3">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Drop Down <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="services.html">Services</a>
</li>
<li><a href="gallery.html">Gallery</a>
</li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</header>
<!-- //header -->
<div class="container">
<!-- banner-text -->
<div class="banner-text">
<div class="slider-info">
<h3>We Provide Best Photographer</h3>
<a class="btn btn-primary mt-3" href="services.html" role="button">Read more</a>
</div>
</div>
</div>
<!-- //container -->
</div>
<!-- //banner -->
<div class="agileits-services py-md-5 py-4" id="services">
<div class="container py-lg-5">
<div class="w3ls-titles text-center mb-5">
<h3 class="title"><span class="hdng">Services </span>We Provide</h3>
<p class="mt-3 mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur dolorum, voluptatum possimus temporibus vel ab, nesciunt quod!</p>
</div>
<div class="agileits-services-row row py-lg-5 pb-5 text-center">
<div class="col-lg-3 col-md-6">
<div class="agileits-services-grids">
<span class="fa fa-camera-retro"></span>
<h4>Wildlife Photographer
</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur. </p>
<a href="about.html" class="service-btn">read more</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="agileits-services-grids mt-lg-0 mt-md-0 mt-5">
<span class="fa fa-video-camera"></span>
<h4>Fashion Photographer
</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur. </p>
<a href="about.html" class="service-btn">read more</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="agileits-services-grids mt-lg-0 mt-5">
<span class="fa fa-camera"></span>
<h4>Event Photographer
</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur.</p>
<a href="about.html" class="service-btn">read more</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-lg-0 mt-5">
<div class="agileits-services-grids">
<span class="fa fa-film"></span>
<h4>Landscape Photographer
</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur.</p>
<a href="about.html" class="service-btn">read more</a>
</div>
</div>
</div>
</div>
</div>
<!-- banner bottom -->
<div class="banner-bottom py-5">
<div class="container py-xl-3 py-lg-3">
<div class="row">
<div class="col-md-9 banner-left-bottom-w3ls">
<h3 class="text-white my-3">How to Make Great Wedding Photos</h3>
</div>
<div class="col-md-3 button">
<a href="about.html" class="w3ls-button-agile">Read More
<span class="fa fa-hand-o-right"></span>
</a>
</div>
</div>
</div>
</div>
<!-- //banner bottom -->
<!-- blog -->
<section class="blog_w3ls py-lg-5">
<div class="container">
<div class="w3ls-titles text-center mb-5">
<h3 class="title"><span class="hdng">Recent </span>Post</h3>
<p class="mt-3 mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur dolorum, voluptatum possimus temporibus vel ab, nesciunt quod!</p>
</div>
<div class="row py-5">
<!-- //blog grid -->
<!-- blog grid -->
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body text-center">
<img src="images/g2.jpg" alt="" class="img-fluid">
<h5 class="blog-title card-title mt-3