ABRILLIX/template/404.html

183 lines
10 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABRILLIX - Creative Photography Blog HTML Template</title>
<!-- font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- slick -->
<link href="css/slick.css" rel="stylesheet">
<!-- prettrphoto -->
<link href="css/prettyPhoto.css" rel="stylesheet">
<!-- animate -->
<link href="css/animate.css" rel="stylesheet">
<!-- Main -->
<link href="style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper" class="homepage-3"><!-- wrapper -->
<div id="header"><!-- header -->
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logo">
<a href="index.html"><img src="images/lg3.png" alt="" class="img-responsive"></a>
</div>
</div>
<div class="col-md-9">
<div class="main-navigation"><!-- menu -->
<nav class="navbar navbar-default">
<div>
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="#">Works</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu">
<li><a href="home-2.html">Homepage 2</a></li>
<li><a href="home-3.html">Homepage 3</a></li>
<li><a href="blog.html">Blog 1</a></li>
<li><a href="blog2.html">Blog 2</a></li>
<li><a href="single-blog.html">Single blog 1</a></li>
<li><a href="single-blog2.html">Single blog 2</a></li>
<li><a href="404.html">404 Pages</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div><!-- menu -->
</div>
</div>
</div>
</div><!-- header -->
<section id="notfound">
<div class="container">
<div class="notfound-ct">
<img src="images/404.jpg" alt="" class="img-responsive">
<div class="notfound-text">
<div class="div-table">
<div class="div-table-cell">
<h4>sorry, the page you requested was not found!</h4>
<h1>404</h1>
<h4>error!</h4>
<a href="" class="btn btn-link">BACK TO HOME</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-logo wow fadeInUp">
<div class="container">
<div class="text-center">
<a href="index.html"><img src="images/logob.png" alt="" class="img-responsive"></a>
<ul class="ft-soc">
<li><a href=""><i class="fa fa-facebook-square"></i></a></li>
<li><a href=""><i class="fa fa-twitter-square"></i></a></li>
<li><a href=""><i class="fa fa-instagram"></i></a></li>
<li><a href=""><i class="fa fa-google-plus-square"></i></a></li>
<li><a href=""><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="footer-widget wow fadeInUp">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 wow fadeInUp">
<div class="text-center">
<h4>About</h4>
<ul>
<li><a href="">Our Story</a></li>
<li><a href="">Our Team</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeInUp">
<div class="text-center">
<h4>our work</h4>
<ul>
<li><a href="">Galleries</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Testimonials</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeInUp">
<div class="text-center">
<h4>Services</h4>
<ul>
<li><a href="">Wedding Photo</a></li>
<li><a href="">Shop</a></li>
<li><a href="">Fashion Photo</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeInUp">
<div class="text-right">
<div class="excerpt">
<p>Whenever I have an idea I write it down, even if its not a very good idea. Sometimes the bad ideas will lead to better ones.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-credits wow fadeInUp">
<div class="container">
<div class="text-center">
© 2016 Copyright Abrillix
</div>
</div>
</div>
</footer>
</div><!-- wrapper -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/lib.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/imagesload.js"></script>
<script src="js/masonry.js"></script>
<script src="js/themescript.js"></script>
</body>
</html>