<!DOCTYPE html>
<!--[if IE 8]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9]> <html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Pixma Responsive HTML5/CSS3 Template | FIFO THEMES</title>
<meta name="description" content="Pixma Responsive HTML5/CSS3 Template from FIFOTHEMES.COM">
<meta name="author" content="FIFOTHEMES.COM">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google Fonts -->
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<!-- Library CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="css/animations.css" media="screen">
<link rel="stylesheet" href="css/superfish.css" media="screen">
<link rel="stylesheet" href="css/revolution-slider/css/settings.css" media="screen">
<link rel="stylesheet" href="css/prettyPhoto.css" media="screen">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Skin -->
<link rel="stylesheet" href="css/colors/blue.css" id="colors">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/theme-responsive.css">
<!-- Switcher CSS -->
<link href="css/switcher.css" rel="stylesheet">
<link href="css/spectrum.css" rel="stylesheet">
<!-- Favicons -->
<link rel="shortcut icon" href="img/ico/favicon.ico">
<link rel="apple-touch-icon" href="img/ico/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/ico/apple-touch-icon-72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/ico/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/ico/apple-touch-icon-144.png">
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!--[if IE]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body class="home-2">
<div class="wrap">
<!-- Header Start -->
<header id="header">
<!-- Header Top Bar Start -->
<div class="top-bar">
<div class="slidedown collapse">
<div class="container">
<div class="phone-email pull-left">
<a><i class="icon-phone"></i> Call Us : +880 41 723 272</a>
<a href="mail%40example.html"><i class="icon-envelope"></i> Email : mail@example.com</a>
</div>
<div class="pull-right">
<ul class="social pull-left">
<li class="facebook"><a href="#"><i class="icon-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="dribbble"><a href="#"><i class="icon-dribbble"></i></a></li>
<li class="linkedin"><a href="#"><i class="icon-linkedin"></i></a></li>
<li class="rss"><a href="#"><i class="icon-rss"></i></a></li>
</ul>
<div id="search-form" class="pull-right">
<form action="#" method="get">
<input type="text" class="search-text-box">
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Header Top Bar End -->
<!-- Main Header Start -->
<div class="main-header">
<div class="container">
<!-- TopNav Start -->
<div class="topnav navbar-header">
<a class="navbar-toggle down-button" data-toggle="collapse" data-target=".slidedown">
<i class="icon-angle-down icon-current"></i>
</a>
</div>
<!-- TopNav End -->
<!-- Logo Start -->
<div class="logo pull-left">
<h1>
<a href="index-2.html">
<img src="img/logo.png" alt="pixma" width="125" height="60">
</a>
</h1>
</div>
<!-- Logo End -->
<!-- Mobile Menu Start -->
<div class="mobile navbar-header">
<a class="navbar-toggle" data-toggle="collapse" href=".html">
<i class="icon-reorder icon-2x"></i>
</a>
</div>
<!-- Mobile Menu End -->
<!-- Menu Start -->
<nav class="collapse navbar-collapse menu">
<ul class="nav navbar-nav sf-menu">
<li>
<a id="current" href="index-2.html">
Home
<span class="sf-sub-indicator">
<i class="icon-angle-down "></i>
</span>
</a>
<ul>
<li><a href="index-3.html" class="sf-with-ul">Home 2</a></li>
<li><a href="index-4.html" class="sf-with-ul">Home 3</a></li>
<li><a href="index-nivo.html" class="sf-with-ul">Nivo Slider</a></li>
</ul>
</li>
<li>
<a href="#" class="sf-with-ul">
Features
<span class="sf-sub-indicator">
<i class="icon-angle-down "></i>
</span>
</a>
<ul>
<li><a href="shortcodes.html" class="sf-with-ul">Shortcodes</a></li>
<li><a href="icons.html" class="sf-with-ul">Icons</a></li>
<li><a href="pricing-table.html" class="sf-with-ul">Pricing Tables</a></li>
<li>
<a href="#" class="sf-with-ul">
Third Level Menu
<span class="sf-sub-indicator pull-right">
<i class="icon-angle-right "></i>
</span>
</a>
<ul>
<li><a href="#" class="sf-with-ul">Menu Item</a></li>
<li><a href="#" class="sf-with-ul">Menu Item</a></li>
<li><a href="#" class="sf-with-ul">Menu Item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="sf-with-ul">
Pages
<span class="sf-sub-indicator">
<i class="icon-angle-down "></i>
</span>
</a>
<ul>
<li><a href="about.html" clas