<!doctype html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Title -->
<title>Landscapes</title>
<!-- Favicon -->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- Include CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="owl-carousel/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="owl-carousel/owl.theme.css">
<link rel="stylesheet" type="text/css" href="owl-carousel/owl.transitions.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,400i,700,800" rel="stylesheet">--->
</head>
<body>
<!-- Loader -->
<div id="loader" class="loader">
<div class="loader-content">
<img src="images/loader.png" alt="Loading...">
</div>
</div>
<!-- Header container -->
<div class="header-bg">
<!-- Container -->
<div class="container">
<div class="row flex">
<!-- Logo column -->
<div class="col-xs-12 col-sm-5 col-md-4 flex">
<a href="index.html">
<!-- Logo -->
<img src="images/logo.png" class="logo img-responsive" alt="PhotoMarket">
</a>
</div>
<!-- Menu column -->
<div class="col-xs-12 col-sm-7 col-md-8 flex flex-center">
<!-- Menu -->
<ul class="nav nav-pills">
<li role="presentation"><a href="#" id="cart" data-toggle="tooltip" data-placement="bottom" title="Cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span class="badge">4</span></a></li>
<li role="presentation"><a href="#">Log out</a></li>
<li role="presentation"><a href="account.html">Your Account</a></li>
<li role="presentation"><a href="login.html"><b>Welcome,</b> <span>log in</span></a></li>
</ul>
</div>
</div>
<!-- Shopping cart -->
<div class="container absolute cart-container">
<div class="shopping-cart">
<!-- Shopping cart header -->
<div class="shopping-cart-header">
<!-- Total products in cart -->
<i class="fa fa-shopping-cart cart-icon"></i><span class="badge">4</span>
<!-- Total cart -->
<div class="shopping-cart-total">
<span class="lighter-text">Total:</span>
<span class="main-color-text">$34.98</span>
</div>
</div>
<!-- Shopping cart items -->
<ul class="shopping-cart-items">
<!-- Shopping cart item -->
<li class="clearfix">
<!-- Item photo -->
<img src="images/cart-images/1.jpg" width="70" alt="item1" />
<!-- Item Name -->
<span class="item-name">Rails</span>
<!-- Item Price -->
<span class="item-price">$19.99</span>
<!-- Item Quantity -->
<span class="item-quantity">Quantity: 01</span>
</li>
<!-- Shopping cart item -->
<li class="clearfix">
<!-- Item photo -->
<img src="images/cart-images/2.jpg" width="70" alt="item2" />
<!-- Item Name -->
<span class="item-name">Forest leaves</span>
<!-- Item Price -->
<span class="item-price">$9.99</span>
<!-- Item Quantity -->
<span class="item-quantity">Quantity: 01</span>
</li>
<!-- Shopping cart item -->
<li class="clearfix">
<!-- Item photo -->
<img src="images/cart-images/3.jpeg.jpg" width="70" alt="item3" />
<!-- Item Name -->
<span class="item-name">The tiger</span>
<!-- Item Price -->
<span class="item-price">$5.00</span>
<!-- Item Quantity -->
<span class="item-quantity">Quantity: 01</span>
</li>
<!-- Shopping cart item -->
<li class="clearfix">
<!-- Item photo -->
<img src="images/cart-images/4.jpeg" width="70" alt="item4" />
<!-- Item Name -->
<span class="item-name">Flowers</span>
<!-- Item Price -->
<span class="item-price">FREE</span>
<!-- Item Quantity -->
<span class="item-quantity">Quantity: 01</span>
</li>
</ul>
<!-- Checkout button -->
<a href="checkout.html" class="button">Checkout</a>
</div>
</div>
</div>
</div>
<!-- Page container -->
<div class="inner-content">
<div class="container">
<!-- Breadcrumb -->
<div class="row">
<div class="col-sm-12">
<ol class="breadcrumb">
<li>
<a href="index.html">Home</a>
</li>
<li class="active">
Landscapes
</li>
</ol>
</div>
</div>
<!-- List & sidebar -->
<div class="row">
<!-- List -->
<div class="col-sm-8 col-md-9">
<!-- Category Name -->
<h4 class="title">
Landscapes
<!-- Total photos in category -->
<small>(5 photos)</small>
</h4>
<div class="line-dec"></div>
<!-- Category description -->
<p class="description"><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</small></p>
<!-- separator -->
<hr>
<!-- Photos list -->
<!-- photo list item -->
<div class="media photo-list">
<!-- photo item image -->
<div class="media-left">
<a href="#">
<img src="images/photos/1.jpg" class="media-object photo-list-image" alt="List photo">
</a>
</div>
<!-- photo item body -->
<div class="media-body">
<div class="row">
<!-- Description column -->
<div class="col-sm-8">
<h4 class="media-heading photo-list-title">
Aliquam erat velit <span class="badge">NEW!</span>
</h4>
<p class="text-justify photo-list-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
</p>
</div>
<!-- Price and actions -->
<div class="col-sm-4">
<h4 class="media-heading photo-list-price">
4.99$ <small>usd</small>
</h4>
<a href="#" class="btn btn-block btn-success">Add to cart</a>
<a href="picture.html" class="btn btn-block btn-primary">View</a>
</div>
</div>
</div>
</div>
<!-- photo list item -->
<div class="media photo-list">
<!-- photo item image -->
<div class="media-left">
<a href="#">
<img src="images/photos/2.jpg" class="media-object photo-list-image" alt="List photo">
</a>
</div>
<!-- photo item body -->
<div class="media-body">
<div class="row">
<!-- Description column -->
<div class="col-sm-8">
<h4 class="media-heading photo-list-title">
Aliquam erat velit <span class="badge">NEW!</span>
</h4>
<p class="text-justify photo-list-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
</p>
</div>
<!-- Price and actions -->
<div class="col-sm-4">
<h4 class="media-heading photo-list-price">
8.00$ <small>usd</small>
</h4>
<a href="#" class="btn btn-block btn-success">Add to cart</a>
<a href="picture.html" class="btn btn-block btn-primary">View</a>
</div>
</div>
</div>
</div>