resume-list-2.html

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Template</title>
	<meta name="viewport" content="initial-scale=1">
	<meta name="format-detection" content="telephone=no">
	<!-- <meta name="viewport" content="width=1200"> -->
	<!-- <meta name="viewport" content="initial-scale=1, user-scalable=no"> -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" media="all" href="css/inner.css" >
	<!--[if IE]><script src="js/html5shiv.js"></script><![endif]-->
</head>
<body>
<!-- BEGIN  out-->
<div class="out">
	<div class="beta js-beta">
		<i class="js-beta-close beta__close"></i>
		<p>Сайт находится в режиме Beta-тестирования. Он может содержать ошибки, сообщения о которых мы ждем от вас <a href="#">здесь</a>.</p>
	</div>

	<!-- begin header  -->
	<header class="header">
		<div class="header__inner">
			<div class="header__menu">
				<div class="header__left">
					<a href="#" class="logo"><img src="img/svg/logo.svg" alt=""></a>
					<div class="lang">
						<a href="#" class="is-active">rus</a>
						<div class="lang__drop">
							<a href="#">eng</a>
						</div>
					</div>
				</div>
				<button class="nav-btn js-nav-btn"><span></span></button>
				<div class="header__nav js-nav">
					<nav class="nav">
						<ul>
							<li><a href="#">Новости</a></li>
							<li><a href="#">Объявления</a></li>
							<li><a href="#">Работа</a></li>
							<li><a href="#">Блоги</a></li>
							<li><a href="#">Чат</a></li>
						</ul>
					</nav>
					<div class="profile">
						<div class="profile__inner">
							<a href="#" class="profile__link js-cabinet-btn">
								<div class="profile__img">
									<img src="img/profile.png" alt="">
								</div>
								<span class="profile__name">Имя Фамилия</span>
							</a>
							<div class="profile__message">
								<a href="#">
									<i></i>
									<span>1</span>
								</a>
							</div>
						</div>
						<div class="cabinet js-cabinet-popup">
							<div class="cabinet__title">Мой кабинет</div>
							<div class="cabinet__img">
								<img src="img/cabinet.png" alt="">
							</div>
							<div class="cabinet__name">Имя Фамилия</div>
							<ul class="cabinet__list">
								<li><a href="#">Мои сообщения <small>+37</small></a></li>
								<li><a href="#">Мои обьявления <span>16|4</span></a></li>
								<li><a href="#">Моё резюме</a></li>
								<li><a href="#">Мой блог</a></li>
								<li><a href="#">Чат</a></li>
							</ul>
							<div class="cabinet__links">
								<a href="#" class="cabinet__settings"></a>
								<a href="#" class="cabinet__out">выйти</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="js-scroll-top"></div>
		<!-- begin slider  -->
		<div class="slider cycle-slideshow js-slider"
			data-cycle-fx="fade"
			data-cycle-timeout="4000"
			data-cycle-slides=".slider__item"
			data-cycle-prev=".slider__prev"
			data-cycle-next=".slider__next"
			data-cycle-pager=".slider__pager">
			<a href="#" class="slider__close js-slider-close">Скрыть рекламу</a>
			<div class="slider__btns">
				<div class="slider__btns-in">
					<a href="#" class="slider__prev"></a>
					<a href="#" class="slider__next"></a>
				</div>
			</div>
			<div class="slider__item" style="background-image: url(img/slide.jpg);">
				<div class="slider__inner">
					<div class="slider__info">
						<div class="slider__title">Здесь может быть <small>ваша реклама</small></div>
						<span>80960000000</span>
						<span>company@mail.com</span>
					</div>
				</div>
			</div>
			<div class="slider__item" style="background-image: url(img/slide.jpg);">
				<div class="slider__inner">
					<div class="slider__info">
						<div class="slider__title">Здесь может быть <small>ваша реклама</small></div>
						<span>80960000000</span>
						<span>company@mail.com</span>
					</div>
				</div>
			</div>
			<div class="slider__item" style="background-image: url(img/slide.jpg);">
				<div class="slider__inner">
					<div class="slider__info">
						<div class="slider__title">Здесь может быть <small>ваша реклама</small></div>
						<span>80960000000</span>
						<span>company@mail.com</span>
					</div>
				</div>
			</div>
			<div class="slider__item" style="background-image: url(img/slide.jpg);">
				<div class="slider__inner">
					<div class="slider__info">
						<div class="slider__title">Здесь может быть <small>ваша реклама</small></div>
						<span>80960000000</span>
						<span>company@mail.com</span>
					</div>
				</div>
			</div>
			<div class="slider__pager"></div>
		</div>
		<!-- end slider -->
		<div class="search js-search">
			<form action="">
				<div class="search__field">
					<div class="s-select js-select">
						<span class="s-select__text js-select-text">Раздел</span>
						<ul class="s-select__list js-select-list">
							<li data-val="Главная">Главная</li>
							<li data-val="Новости">Новости</li>
							<li data-val="Объявления">Объявления</li>
							<li data-val="Работа">Работа</li>
							<li data-val="Блог">Блог</li>
						</ul>
						<select>
							  <option value="Главная">Главная</option>
							  <option value="Новости">Новости</option>
							  <option value="Объявления">Объявления</option>
							  <option value="Работа">Работа</option>
							  <option value="Блог">Блог</option>
						</select>
					</div>
					<label>
						<input type="text" class="search__input" placeholder="Что будем искать?">
					</label>
				</div>
				<button class="search__btn"><span>Поиск</span></button>
			</form>
		</div>
	</header>
	<!-- end header -->

	<!-- begin main  -->
	<main class="main">
		<div class="main__inner">

			<!-- begin content  -->
			<section class="content">
				
				<!-- begin resume-list  -->
				<div class="resume-list">

					<div class="resume-list__header">Vip резюме</div>

					<div class="resume-list__hot">
						<div class="resume-block">
							<a href="#" class="is-star js-tooltip" title="Добавить в избранное"></a>
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
					</div>

					<div class="resume-list__header">Свежие резюме</div>

					<div class="v-filter">
						<span class="v-filter__label">Показать</span>
						<div class="v-select js-select is-action">
							<span class="v-select__text js-select-text">15</span>
							<ul class="v-select__list js-select-list">
								<li data-val="15">15</li>
								<li data-val="20">20</li>
								<li data-val="30">30</li>
								<li data-val="40">40</li>
								<li data-val="50">50</li>
							</ul>
							<select>
								<option value="15">15</option>
								<option value="20">20</option>
								<option value="30">30</option>
								<option value="40">40</option>
								<option value="50">50</option>
							</select>
						</div>
						<span class="v-filter__label">Показать за</span>
						<div class="v-select js-select is-action">
							<span class="v-select__text js-select-text">30 дней</span>
							<ul class="v-select__list js-select-list">
								<li data-val="30 дней">30 дней</li>
								<li data-val="40 дней">40 дней</li>
							</ul>
							<select>
								<option value="30 дней">30 дней</option>
								<option value="40 дней">40 дней</option>
							</select>
						</div>
					</div>

					<div class="resume-list__block">						
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
						<div class="resume-block">
							<div class="resume-block__top">
								<span class="resume-block__price">5000 USD</span>
								<h4 class="resume-block__title"><a href="#">Заголовок резюме</a></h4>
							</div>
							<p>Категория, подкатегория</p>
							<div class="resume-block__bottom">
								<span class="resume-block__place">Украина / Киев</span>
								<span class="resume-block__name">Имя Фамилия</span>
								<span class="resume-block__date">Размещено: 00.00.00</span>
							</div>
						</div>
					</div>
					
				</div>
				<!-- end resume-list -->
				
				<!-- begin pages  -->
				<div class="pages">
					<div class="pages__text">Страница 1 из 16</div>
					<ul>
						<li><a href="#"><i class="is-prev"></i></a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#"><i class="is-next"></i></a></li>
					</ul>
				</div>
				<!-- end pages -->

			</section>
			<!-- end content -->

			<!-- begin sidebar  -->
			<aside class="sidebar">
				<div class="sidebar__inner">
					<div class="advertisement">
						<div class="advertisement__heading"><span>Объявления</span></div>
						<div class="advertisement__item">
							<div class="advertisement__top">
								<a href="#" class="trade is-red">Продам</a>
								<span class="advertisement__price">2,040USD</span>
							</div>
							<div class="advertisement__body">
								<h5><a href="#">Мультиварка Mirta MC-2211</a></h5>
								<p>Компактная мультиварка Mirta MC-2211, весом 2,83 кг, имеет отличительную особенную....</p>
							</div>
							<div class="advertisement__footer">
								<span class="advertisement__name">Имя Фамилия</span>
								<span class="advertisement__category">Раздел - категория</span>
							</div>
							<div class="advertisement__img"></div>
						</div>
						<div class="advertisement__item">
							<div class="advertisement__top">
								<a href="#" class="trade is-green">Куплю</a>
								<span class="advertisement__price">2,040USD</span>
							</div>
							<div class="advertisement__body">
								<h5><a href="#">Мультиварка Mirta MC-2211</a></h5>
								<p>Компактная мультиварка Mirta MC-2211, весом 2,83 кг, имеет отличительную особенную....</p>
							</div>
							<div class="advertisement__footer">
								<span class="advertisement__name">Имя Фамилия</span>
								<span class="advertisement__category">Раздел - категория</span>
							</div>
							<div class="advertisement__img"></div>
						</div>
						<div class="advertisement__item">
							<div class="advertisement__top">
								<a href="#" class="trade is-red">Продам</a>
								<span class="advertisement__price">2,040USD</span>
							</div>
							<div class="advertisement__body">
								<h5><a href="#">Мультиварка Mirta MC-2211</a></h5>
								<p>Компактная мультиварка Mirta MC-2211, весом 2,83 кг, имеет отличительную особенную....</p>
							</div>
							<div class="advertisement__footer">
								<span class="advertisement__name">Имя Фамилия</span>
								<span class="advertisement__category">Раздел - категория</span>
							</div>
							<div class="advertisement__img"></div>
						</div>
						<div class="advertisement__item">
							<div class="advertisement__top">
								<a href="#" class="trade is-green">Куплю</a>
								<span class="advertisement__price">2,040USD</span>
							</div>
							<div class="advertisement__body">
								<h5><a href="#">Мультиварка Mirta MC-2211</a></h5>
								<p>Компактная мультиварка Mirta MC-2211, весом 2,83 кг, имеет отличительную особенную....</p>
							</div>
							<div class="advertisement__footer">
								<span class="advertisement__name">Имя Фамилия</span>
								<span class="advertisement__category">Раздел - категория</span>
							</div>
							<div class="advertisement__img"></div>
						</div>
						<div class="advertisement__item">
							<div class="advertisement__top">
								<a href="#" class="trade is-green">Куплю</a>
								<span class="advertisement__price">2,040USD</span>
							</div>
							<div class="advertisement__body">
								<h5><a href="#">Мультиварка Mirta MC-2211</a></h5>
								<p>Компактная мультиварка Mirta MC-2211, весом 2,83 кг, имеет отличительную особенную....</p>
							</div>
							<div class="advertisement__footer">
								<span class="advertisement__name">Имя Фамилия</span>
								<span class="advertisement__category">Раздел - категория</span>
							</div>
							<div class="advertisement__img"></div>
						</div>
					</div>
					<div class="sidebar__banners">
						<div class="sidebar__slider cycle-slideshow"
							data-cycle-fx="fade" 
							data-cycle-timeout="4000"
							data-cycle-slides=".banner">
							<a href="#" class="banner">
								<img src="img/sidebar-banner.png" alt="">
							</a>
							<a href="#" class="banner">
								<img src="img/sidebar-banner.png" alt="">
							</a>
							<a href="#" class="banner">
								<img src="img/sidebar-banner.png" alt="">
							</a>
						</div>	
					</div>					
					<div class="interesting">
						<div class="interesting__inner">
							<div class="interesting__heading">ЭТО МОЖЕТ БЫТЬ ИНТИРЕСНО</div>
							<div class="interesting__item js-accordion">
								<a href="#" class="interesting__title js-accordion-open">Технические инновации</a>
								<div class="interesting__info js-accordion-block">
									<p>В конце прошлой недели в Киеве прошел первый форум инновационных технологий Innotech.....</p>
								</div>
							</div>
							<div class="interesting__item js-accordion">
								<a href="#" class="interesting__title js-accordion-open">Технические инновации</a>
								<div class="interesting__info js-accordion-block">
									<p>В конце прошлой недели в Киеве прошел первый форум инновационных технологий Innotech.....</p>
								</div>
							</div>
							<div class="interesting__item js-accordion">
								<a href="#" class="interesting__title js-accordion-open">Технические инновации</a>
								<div class="interesting__info js-accordion-block">
									<p>В конце прошлой недели в Киеве прошел первый форум инновационных технологий Innotech.....</p>
								</div>
							</div>
							<div class="interesting__item js-accordion">
								<a href="#" class="interesting__title js-accordion-open">Технические инновации</a>
								<div class="interesting__info js-accordion-block">
									<p>В конце прошлой недели в Киеве прошел первый форум инновационных технологий Innotech.....</p>
								</div>
							</div>
							<div class="interesting__item js-accordion">
								<a href="#" class="interesting__title js-accordion-open">Технические инновации</a>
								<div class="interesting__info js-accordion-block">
									<p>В конце прошлой недели в Киеве прошел первый форум инновационных технологий Innotech.....</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</aside>
			<!-- end sidebar -->
		</div>
	</main>
	<!-- end main -->

	<!-- begin footer  -->
	<footer class="footer">
		<div class="footer__bottom">
			<div class="footer__social">
				<ul>
					<li><a href="#" class="is-tw"></a></li>
					<li><a href="#" class="is-fb"></a></li>
					<li><a href="#" class="is-gp"></a></li>
					<li><a href="#" class="is-b"></a></li>
				</ul>
			</div>
			<div class="footer__text">
				<p>© 2013-2015 www.sky-heart.com</p>
				<a href="#" class="footer__feedback">Обратная связь</a>
			</div>
		</div>
	</footer>
	<!-- end footer -->
	<button class="btn-up js-btn-up"></button>
</div>
<!-- END out-->

<div class="p-wrap js-popup">
	<div class="r-form">
		<i class="r-form__close js-popup-close"></i>
		<form action="">
			<div class="r-form__top">
				<p>Кому: Имя Фамилия "Заголовок Вакансии"</p>
			</div>
			<div class="r-form__box">
				<ul class="r-form__tabs">
					<li><a href="#" class="is-active">Сообщение</a></li>
					<li><a href="#">Приглашение</a></li>
				</ul>
				<textarea name="" id="" cols="30" rows="10" class="textarea"></textarea>
				<div class="r-form__btns">
					<button class="btn is-cancel">Отменить</button>
					<button class="btn">Отправить</button>
				</div>
			</div>
		</form>
	</div>
</div>

<!-- load scripts -->
<script src="js/lib/head.js" data-headjs-load="js/init.js"></script>
</body>
</html>