<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
<meta name="robots" content="noindex" />
<title>Luxradar</title>
<link rel="stylesheet" media="screen" href="css/all.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="holder">
<div class="mobile-holder">
<div class="logo">
<a href="#">
<img src="images/logo.png" height="22" width="130" alt="Luxradar">
</a>
</div>
<a href="#popup2" class="btn lightbox">add</a>
<div class="categories">
<div class="drop-block">
<a href="#" class="opener"><span class="text">Categories</span> <i class="icon-arrow-bottom"></i></a>
<div class="drop">
<div class="drop-holder">
<div class="drop-frame">
<ul>
<li><a href="#">Category1</a></li>
<li><a href="#">Category2</a></li>
<li><a href="#">Category3</a></li>
<li><a href="#">Category4</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search-block">
<div class="drop-block">
<div class="search-holder">
<button type="submit"><i class="icon-search"></i></button>
<div class="input-holder">
<input type="search" placeholder="Search">
</div>
</div>
<!--<div class="drop searching-block">
<div class="drop-holder">
<div class="info-block">
<div class="heading">
<h2>profiles</h2>
</div>
<div class="results">
<a href="#" class="profile">
<div class="profile-img">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</div>
<div class="profile-info">
<strong>Andrew Garfield <mark>(Actor)</mark></strong>
<p>Andrew Russell Garfield is an actor with dual citizenship of the United States...</p>
</div>
</a>
<a href="#" class="profile">
<div class="profile-img">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</div>
<div class="profile-info">
<strong>Andrew GN <mark>(Band)</mark></strong>
<p>Renal Social Worker at Kadeo. I love to be exciting and climb things...</p>
</div>
</a>
</div>
</div>
<div class="info-block">
<div class="heading">
<h2>spots</h2>
</div>
<div class="results">
<a href="#" class="profile">
<div class="profile-img">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</div>
<div class="profile-info">
<strong>Vogue and Andrew Gn</strong>
<p>Andrew Gn was spotted in Vogue.</p>
</div>
</a>
<a href="#" class="profile">
<div class="profile-img">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</div>
<div class="profile-info">
<strong>Dubai and Andrew Gn</strong>
<p>Andrew Gn designs were seen in Dubai</p>
</div>
</a>
</div>
</div>
<a href="#" class="more">See All 2224 results</a>
</div>
</div>-->
</div>
</div>
<div class="notifications">
<div class="drop-block">
<a href="#" class="opener">
<span class="text">Notifications</span>
<span class="quantity">3</span>
</a>
<div class="drop">
<div class="drop-holder">
<div class="drop-frame">
<div class="heading">
<h2>notifications</h2>
<a href="#" class="btn clear"><i class="icon-close"></i> <span class="text">Clear all</span></a>
</div>
<ul class="list-notifications">
<li>
<div class="item">
<div class="item-frame">
<a href="#" class="img-holder">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</a>
<a href="#" class="img-right">
<img src="images/img7.jpg" height="42" width="42" alt="Image description">
</a>
</div>
<div class="item-holder">
<a href="#">Joe Lawson </a>liked <a href="#">your photo</a>
</div>
</div>
</li>
<li>
<div class="item">
<div class="item-frame">
<a href="#" class="img-holder">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</a>
</div>
<div class="item-holder">
<a href="#">Frances Jordan </a>followed you
</div>
</div>
</li>
<li>
<div class="item">
<div class="item-frame">
<a href="#" class="img-holder">
<img src="images/img23.png" height="25" width="25" alt="Image description">
</a>
<a href="#" class="img-right">
<img src="images/img7.jpg" height="42" width="42" alt="Image description">
</a>
</div>
<div class="item-holder">
<a href="#">Paul Rice </a>liked <a href="#">Fujifilm X100S</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Logged-in Account state -->
<div class="account">
<div class="drop-block">
<a href="profile.html" class="img-holder">
<img src="images/img21.jpg" height="220" width="220" alt="Image description">
</a>
<a href="#" class="opener">
<span class="text">Andree</span>
<i class="icon-arrow-bottom"></i>
</a>
<div class="drop">
<div class="drop-holder">
<div class="drop-frame">
<ul>
<li><a href="#">My account</a></li>
<li><a href="#">Settings</a></li>
<li><a href="#">Invite a friend</a></li>
<li><a href="#">Sign out</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Logged-out button -->
<!--<div class="login">
<a href="#popup1" class="btn lightbox">Login</a>
</div>-->
</div>
</header>
<main id="main">
<div class="holder">
<div id="content" class="home">
<ul class="menu">
<li class="active"><a href="#">Popular</a></li>
<li><a href="#">Following</a></li>
<li><a href="#">Needs help</a></li>
<li><a href="#">Latest</a></li>
</ul>
<div class="images-grid">
<div class="images-row">
<div class="img-block">
<a href="#" class="img-holder">
<img src="images/img-base-310.png" height="415" width="310" alt="image description">
<span class="holder-box"><img src="images/img13.jpg" height="415" width="310" alt="Image description"></span>
</a>
<div class="info">
<div class="info-holder">
<a href="#" class="btn btn-add icone-share"><i class="icon-share"></i></a>
<a href="#" class="like-holder">
<span class="icone-like">
<i class="icon-heart"></i>
<i class="icon-heart3"></i>
</span>
<span class="quantity">83</span>
</a>
</div>
<div class="img-caption">
<strong>Just sitting</strong>
<p>By: <a href="#">Andrew Little</a></p>
</div>
</div>
</div>
<div class="img-block">
<a href="#" class="img-holder">
<img src="images/img-base-310.png" height="415" width="310" alt="image description">
<span class="holder-box"><img src="images/img15.jpg" height="415" width="310" alt="Image description"></span>
</a>
<div class="info">
<div class="info-holder">
<a href="#" class="btn btn-add icone-share"><i class="icon-share"></i></a>
<a href="#" class="like-holder">
<span class="icone-like">
<i class="icon-heart"></i>
<i class="icon-heart3"></i>
</span>
<span class="quantity">67</span>
</a>
</div>
<div class="img-caption">
<strong>Photoshoot outside</strong>
<p>By: <a href="#">Madison Ellis</a></p>
</div>
</div>
</div>
</div>
<div class="images-row single-image">
<div class="img-block large">
<a href="#" class="img-holder">
<img src="images/img-base-665.png" height="634" width="665" alt="image description">
<span class="holder-box"><img src="images/img19.jpg" height="633" width="664" alt="Image description"></span>
</a>
<div class="info">
<div class="info-holder">
<a href="#" class="btn btn-add btn-share">Share</a>
<a href="#" class="like-holder">
<span class="icone-like">
<i class="icon-heart"></i>
<i class="icon-heart3"></i>
</span>
<span class="quantity">53</span>
</a>
</div>
<div class="img-caption">
<strong>Fujifilm X100S</strong>
<p>By: <a href="#">Samuel Owens</a></p>
</div>
</div>
</div>
</div>
<div class="images-row single-image">
<div class="img-block large large2">
<a href="#" class="img-holder">
<img src="images/img-base-665-415.png" height="415" width="665" alt="image description">
<span class="holder-box"><img src="images/img20.jpg" height="415" width="665" alt="Image description"></span>
</a>
<div class="info">
<div class="info-holder">
<a href="#" class="btn btn-add btn-share">Share</a>
<a href="#" class="like-holder">
<span class="btn btn-add">Like?</span>
<span class="quantity">24</span>
</a>
</div>
<div class="img-caption">
<strong>Mountains by the sea</strong>
<p>By: <a href="#">Andrew Little</a></p>
</div>
</div>
</div>
</div>
</div>
<nav id="page-nav">
<a class="load-link" href="inc/block2.html"></a>
</nav>
</div>
</div>
</main>
<div class="lightbox-holder">
<form action="#" class="login-form">
<fieldset>
<!--<div class="sign-in">
<h2>sign in</h2>
<p>Sign in using one of the following services:</p>
<ul class="socials">
<li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
<li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
<li><a class="google-plus" href="#"><i class="icon-google-plus"></i></a></li>
</ul>
<div class="text-or">
<span>or</span>
</div>
<div class="input-holder">
<input type="email" placeholder="Email">
</div>
<div class="input-holder">
<input type="password" placeholder="Password">
</div>
<div class="list-buttons style">
<a href="#" class=" close btn btn-add">Cancel</a>
<a href="#" class="btn">Sign In</a>
</div>
</div>-->
<div class="sign-up">
<h2>sign up</h2>
<div class="list-inputs">
<div class="input-holder">
<input type="text" placeholder="Name">
</div>
<div class="input-holder">
<input type="text" placeholder="Last Name">
</div>
</div>
<div class="input-holder js-name-holder">
<span class="text-input">http://luxradar.com/<span class="js-name"></span></span>
<input type="text" placeholder="Username">
</div>
<div class="input-holder">
<input type="email" placeholder="Email">
</div>
<div class="input-holder">
<input type="password" placeholder="Password">
</div>
<div class="text-or">
<span>or</span>
</div>
<ul class="socials">
<li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
<li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
<li><a class="google-plus" href="#"><i class="icon-google-plus"></i></a></li>
</ul>
<p class="text-left"><a href="#">Already have an account?</a></p>
<div class="list-buttons">
<a href="#" class=" close btn btn-add">Cancel</a>
<a href="#" class="btn">Continue</a>
</div>
</div>
</fieldset>
</form>
</div>
<div class="lightbox-holder">
<div id="popup2" class="lightbox-content upload">
<div class="upload-holder">
<form action="#" class="upload-form">
<h2>Upload to Luxradar</h2>
<!-- first step -->
<!--<div class="before-loading">
<p>Select or drag an image here to upload.</p>
<input type="file">
<div class="list-buttons">
<a href="#" class="close btn btn-add">Go Back</a>
<a href="#" class="btn">Upload</a>
</div>
</div>-->
<!-- second step -->
<div class="after-loading">
<div class="columns">
<div class="img-block">
<a href="#" class="img-holder">
<img src="images/img22.jpg" height="279" width="201" alt="Image description">
</a>
<span class="sizes">736 x 1104</span>
</div>
<div class="item-info">
<div class="row">
<div class="label-holder">
<label for="title">Title:</label>
</div>
<div class="input-holder">
<input type="text" id="title">
</div>
</div>
<div class="row">
<div class="label-holder">
<label for="web-link">web link:</label>
</div>
<div class="input-holder">
<input type="text" id="web-link">
</div>
</div>
<div class="list-selects">
<div class="select-holder">
<div class="label-holder">
<label for="category">Category:</label>
</div>
<select class="round" id="category">
<option>Men’s</option>
<option>Women's</option>
<option>Men’s</option>
<option>Women's</option>
</select>
</div>
<div class="select-holder">
<div class="label-holder">
<label for="sub-category">SubCategory:</label>
</div>
<select class="round" id="sub-category">
<option>Travel & Destinations</option>
<option>Actor</option>
<option>Travel & Destinations</option>
<option>Travel & Destinations</option>
</select>
</div>
</div>
</div>
</div>
<div class="input-holder about">
<textarea cols="40" rows="30" placeholder="Say something about this"></textarea>
<!-- <input type="text" placeholder="Say something about this"> -->
</div>
<div class="list-buttons">
<a href="#" class=" close btn btn-add">Cancel</a>
<a href="#" class="btn">Add</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<a href="#" class="back-to-top back-to-top-inner"><span class="ico icon-arrow-top"></span>To top</a>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.8.3.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.main.js"></script>
</body>
</html>