<!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, maximum-scale=1">
<!-- Mobile Web-app fullscreen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- Meta tags -->
<meta name="description" content="">
<meta name="author" content="">
<!--Title-->
<title>Products grid</title>
<!--CSS bundle -->
<link rel="stylesheet" media="all" href="static/css/bootstrap.css">
<link rel="stylesheet" media="all" href="static/css/animate.css">
<link rel="stylesheet" media="all" href="static/css/font-awesome.css">
<link rel="stylesheet" media="all" href="static/css/ion-range-slider.css">
<link rel="stylesheet" media="all" href="static/css/linear-icons.css">
<link rel="stylesheet" media="all" href="static/css/magnific-popup.css">
<link rel="stylesheet" media="all" href="static/css/owl.carousel.css">
<link rel="stylesheet" media="all" href="static/css/theme.css">
<!--Google fonts-->
<link href="static/css/css.css" rel="stylesheet">
<link href="static/css/css1.css" rel="stylesheet">
<link href="static/css/css2.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="static/js/html5shiv.min.js"></script>
<script src="static/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page-loader">
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<div class="wrapper">
<div class="inc:_header.html"></div>
<!-- ======================== Products ======================== -->
<section class="products pt-0">
<!--Header-->
<header>
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
<h2 class="title">Product grid category</h2>
<div class="text">
<p>Suspendisse scelerisque odio eu felis eleifend</p>
</div>
</div>
</header>
<!-- ======================== Icons ======================== -->
<section class="owl-icons-wrapper d-none">
<header class="d-none">
<h2>Product icons</h2>
</header>
<div class="container">
<div class="owl-icons owl-carousel owl-theme">
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-sofa.svg" alt="Alternate Text">
</div>
<figcaption>Sofa</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-armchair.svg" alt="Alternate Text">
</div>
<figcaption>Armchairs</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-chair.svg" alt="Alternate Text">
</div>
<figcaption>Chairs</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-dining.svg" alt="Alternate Text">
</div>
<figcaption>Dining tables</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-mediacabinet.svg" alt="Alternate Text">
</div>
<figcaption>Media storage</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-table.svg" alt="Alternate Text">
</div>
<figcaption>Tables</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-bookcase.svg" alt="Alternate Text">
</div>
<figcaption>Bookcase</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-bedroom.svg" alt="Alternate Text">
</div>
<figcaption>Bedroom</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-nightstand.svg" alt="Alternate Text">
</div>
<figcaption>Nightstand</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-kidsroom.svg" alt="Alternate Text">
</div>
<figcaption>Children room</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-kitchen.svg" alt="Alternate Text">
</div>
<figcaption>Kitchen</figcaption>
</figure>
</a>
<a href="#">
<figure>
<div class="image">
<img src="static/picture/icon-bathroom.svg" alt="Alternate Text">
</div>
<figcaption>Bathroom</figcaption>
</figure>
</a>
<a href="#">