<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
	<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 &amp; Destinations</option>
												<option>Actor</option>
												<option>Travel &amp; Destinations</option>
												<option>Travel &amp; 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>