Skip to content

Руслан Ибрагимов / landing

Go to a project
Commit 41f5b957 by Ruha
Options

another changes

1 parent 8bc7e62c
Pipeline #2575 for 41f5b957 skipped in 0 seconds
Inline Side-by-side
Showing 4 changed files with 138 additions and 39 deletions
css/additional.css
...@@ -29,6 +29,9 @@ ...@@ -29,6 +29,9 @@
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
} }
h1 {
margin-top:19px;
}
* { * {
font-family: "Circe", Helvetica, Arial, sans-serif; font-family: "Circe", Helvetica, Arial, sans-serif;
...@@ -75,6 +78,9 @@ ...@@ -75,6 +78,9 @@
font-size: 3.125em; font-size: 3.125em;
color: white; color: white;
} }
.intro-text-block small {
font-size:22px;
}
.intro-text { .intro-text {
line-height: 1.2; line-height: 1.2;
...@@ -111,7 +117,7 @@ ...@@ -111,7 +117,7 @@
} }
.__block { .__block {
padding: 44px 48px 48px 48px; padding: 48px;
min-height: 384px; min-height: 384px;
} }
...@@ -137,6 +143,9 @@ ...@@ -137,6 +143,9 @@
background-color: #c4262e; background-color: #c4262e;
color: #fff; color: #fff;
} }
.__red .mail a {
color:white;
}
.__gray { .__gray {
background-color: #383838; background-color: #383838;
...@@ -149,6 +158,7 @@ ...@@ -149,6 +158,7 @@
.__white { .__white {
background-color: #fff; background-color: #fff;
} }
.__img img {margin:-48px; }
.__lightgray { .__lightgray {
background-color: #dfe3e4; background-color: #dfe3e4;
...@@ -192,7 +202,8 @@ ...@@ -192,7 +202,8 @@
color: #fff; color: #fff;
font-size: 11px; font-size: 11px;
font-weight: 400; font-weight: 400;
padding: 8px 16px 8px 16px; padding: 9px 16px 9px 16px;
display: inline-block;
} }
.btn-form { .btn-form {
...@@ -217,11 +228,12 @@ ...@@ -217,11 +228,12 @@
/*elements*/ /*elements*/
#map { #map {
background: url("/img/map.png"); background: #cacaca;
width:768px; width: 100%;
height:384px; height: 575px;
margin:-44px -48px -46px -48px; /* нивелируем паддинги block_8 */ margin-top: -530px;
} }
#agreed { #agreed {
position: relative; position: relative;
bottom: -7px; bottom: -7px;
...@@ -449,10 +461,43 @@ input[type="checkbox"]:checked + label::before { ...@@ -449,10 +461,43 @@ input[type="checkbox"]:checked + label::before {
font-weight: 400; font-weight: 400;
} }
.findus {
z-index: 2501;
position: relative;
}
.findus h3, .route h3 {
font-size: 30px;
line-height: 32px;
margin:0;
}
.findus .phone {
font-weight:400;
}
.below_map {
position: relative;
z-index: 2000;
}
.above_map {
position: relative;
z-index: 3000;
}
.writeus {
z-index: 2501;
position: relative;
}
.writeus .__block { .writeus .__block {
min-height: 448px; min-height: 448px;
} }
.route .__block:first-of-type{
max-height:384px ;
}
.route p {
font-size: 15px;
line-height: 22px;
letter-spacing: -0.1px;
}
#vacancy { #vacancy {
padding-top: 28px; padding-top: 28px;
} }
...@@ -949,9 +994,12 @@ body { ...@@ -949,9 +994,12 @@ body {
.__block_large { .__block_large {
padding: 20px; padding: 20px;
} }
fieldset { fieldset {
padding-right: 0; padding-right: 0;
} }
textarea { textarea {
min-width: 624px; min-width: 624px;
max-width: 624px; max-width: 624px;
......
index.html
...@@ -84,7 +84,9 @@ ...@@ -84,7 +84,9 @@
<div class="container "> <div class="container ">
<div class="row"> <div class="row">
<div class="col-md-12 intro-text-block"> <div class="col-md-12 intro-text-block">
<div class="intro-text">«Аккаунт-менеджер по контекстной рекламе»<br><small>Станьте частью нашей команды</small></div> <div class="intro-text">«Аккаунт-менеджер по контекстной рекламе»<br>
<small>Станьте частью нашей команды</small>
</div>
<div class="button-block"> <div class="button-block">
<a class="button btn-main btn-slide" href="#writeus">Откликнуться на вакансию</a> <a class="button btn-main btn-slide" href="#writeus">Откликнуться на вакансию</a>
</div> </div>
...@@ -96,7 +98,7 @@ ...@@ -96,7 +98,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12 __block_large __white text-center more"> <div class="col-md-12 __block_large __white text-center more">
<h1>Подробнее о вакансии</h1> <h1></h1>
<div class="regular_text">Мы ищем менеджера по контекстной рекламе. Нам нужен человек, который <div class="regular_text">Мы ищем менеджера по контекстной рекламе. Нам нужен человек, который
умеет планировать и умеет планировать и
...@@ -161,7 +163,7 @@ ...@@ -161,7 +163,7 @@
AdWords. AdWords.
</li> </li>
<li class="accordion-list-element">Обязательное владение Google Analytics и Яндекс.Метрикой.</li> <li class="accordion-list-element">Обязательное владение Google Analytics и Яндекс.Метрикой.</li>
<li class="accordion-list-element">Стремление к саморазвитию.</li> <li class="accordion-list-element">Стремление к профессиональному росту.</li>
<li class="accordion-list-element">Настойчивость в достижении поставленных задач.</li> <li class="accordion-list-element">Настойчивость в достижении поставленных задач.</li>
<li class="accordion-list-element">Клиентоориентированность.</li> <li class="accordion-list-element">Клиентоориентированность.</li>
<li class="accordion-list-element" style="visibility: hidden;"></li> <li class="accordion-list-element" style="visibility: hidden;"></li>
...@@ -174,17 +176,18 @@ ...@@ -174,17 +176,18 @@
</div> </div>
<div class="accordion-element-content"> <div class="accordion-element-content">
<ul> <ul>
<li class="accordion-list-element"> Новый, комфортный офис tв транспортной доступности от м. <li class="accordion-list-element"> Новый, комфортный офис в транспортной доступности от м.
Славянский бульвар (10 минут на корпоративном автобусе). "Славянский бульвар" (10 минут на корпоративном автобусе).
</li> </li>
<li class="accordion-list-element"> Официальное трудоустройство и стабильная заработная плата <li class="accordion-list-element"> Официальное трудоустройство и стабильная заработная плата
(уровень обсуждается с успешным кандидатом). (уровень обсуждается с успешным кандидатом).
</li> </li>
<li class="accordion-list-element"> Повышение квалификации в Академии интернет-маркетинга.</li>
<li class="accordion-list-element"> Бесплатное питание, оборудованная кухня и зоны отдыха.</li> <li class="accordion-list-element"> Бесплатное питание, оборудованная кухня и зоны отдыха.</li>
<li class="accordion-list-element"> Тренажеры в офисе, спортивный зал и душевые, тренировки с <li class="accordion-list-element"> Тренажеры в офисе, спортивный зал и душевые, тренировки с
профессиональными спортсменами по боевым видам спорта, ОФП и пр. профессиональными спортсменами по боевым видам спорта, ОФП и пр.
</li> </li>
<li class="accordion-list-element"> Отличный коллектив, интересные задачи.</li> <li class="accordion-list-element"> Молодой коллектив единомышленников, интересные задачи.</li>
<li class="accordion-list-element" style="visibility: hidden;"></li> <li class="accordion-list-element" style="visibility: hidden;"></li>
</ul> </ul>
</div> </div>
...@@ -200,10 +203,7 @@ ...@@ -200,10 +203,7 @@
<div class="label">Рассказать друзьям о вакансии</div> <div class="label">Рассказать друзьям о вакансии</div>
<div class="social-container"> <div class="social-container">
<div class="socials facebook-bl"></div> <div class="socials facebook-bl"></div>
<div class="socials twitter-bl"></div>
<div class="socials vk-bl"></div> <div class="socials vk-bl"></div>
<div class="socials google-bl"></div>
<div class="socials odnokl-bl"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
<div class="container about-block spacer"> <div class="container about-block spacer">
<div class="row"> <div class="row">
<div class="col-md-8 __block __white"> <div class="col-md-8 __block __white">
<h1>Компания «Ашманов и Партнеры»</h1> <h1>Компания «Ашманов и партнеры»</h1>
<div> <div>
Одна из наиболее ярких компаний на российском рынке интернет-маркетинга. Одна из наиболее ярких компаний на российском рынке интернет-маркетинга.
...@@ -227,12 +227,11 @@ ...@@ -227,12 +227,11 @@
<h1>Наши задачи</h1> <h1>Наши задачи</h1>
<div> <div>
Представление комплексных услуг Продвигаем бизнес в Интернете: делаем сайты удобнее, приводим целевую
по продвижению бизнеса в Интернете, аудиторию по минимальной стоимости, развиваем группы компаний в
а также разработка технологий соцсетях. Разрабатываем технологии и полезные сервисы для
и полезных сервисов для интернет- интернет-маркетологов.
маркетологов. Более 300 компаний
используют наши продукты.
</div> </div>
</div> </div>
</div> </div>
...@@ -294,7 +293,7 @@ ...@@ -294,7 +293,7 @@
<section class="writeus climb-up" id="writeus"> <section class="writeus climb-up" id="writeus">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-4 __block __lightgray"> <div class="col-md-4 __block __red">
<h1>Напишите нам</h1> <h1>Напишите нам</h1>
<div> <div>
...@@ -361,39 +360,91 @@ ...@@ -361,39 +360,91 @@
<section class="findus spacer"> <section class="findus spacer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-4 __white __block"> <div class="col-md-4 __block __white">
<h1>Приезжайте к нам</h1> <h3>Приезжайте</h3>
<div> <div>
«Ашманов и партнеры» <p>«Ашманов и партнеры»<br>
Верейская 29, строение 134, этаж 7 121059, Москва, ул. Верейская, д.29, стр. 134. Бизнес-центр «Верейская плаза 3»</p>
Бизнес-центр «Верейская плаза» <p>Время работы: 10:00 — 19:00</p>
<br><br> <p><span class="phone">+7 495 266-24-71 </span><br>
Пожалуйста, позвоните нам заранее, <span class="mail">
чтобы мы смогли заказать вам пропуск. <a href="mailto:info@ashmanov.com"> resume@ashmanov.com </a>
</span><br></p>
<p>Пожалуйста, позвоните нам заранее, чтобы мы смогли заказать вам пропуск.</p>
</div> </div>
</div> </div>
<div class="col-md-8 __block"> <div class="col-md-8 __block">
<div id="map"></div> <div class="row">
&nbsp;
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="map">
<div id="map"></div>
</section>
<section class="route spacer">
<div class="container">
<div class="row">
<div class="col-md-4 __block __white">
<h3>От станции метро «Славянский бульвар»</h3>
<p>Последний вагон из центра, выход направо. Вы сразу увидите ряд остановок, на самой правой
останавливаются автобусы 103 и 622. Остановка автобусов 104 и 732 находится на другой стороне
Кутузовского проспекта — через ­подземный переход до конца.
Выходить на остановке «Верейская улица, 25». </p>
</div>
<div class="col-md-8 __block __white __img">
<div class="row">
<img src="/img/bulvar.png" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="route spacer">
<div class="container">
<div class="row">
<div class="col-md-4 __block __white">
<h3>От станции метро «Кунцевская»</h3>
<p>Последний вагон из центра, выход направо, вниз по лестнице к остановкам. Вам нужна одна из первых в
ряду — та, на которой останавливается автобус 733..
<br><br>
Выходить на остановке «Верейская улица, 25».</p>
</div>
<div class="col-md-8 __block __white __img">
<div class="row">
<img src="/img/kuncevskaya.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<footer> <footer>
<div class="container footer"> <div class="container footer">
<div class="row"> <div class="row">
<div class="col-md-6 col-sm-6 social-footer"> <div class="col-md-6 col-sm-6 social-footer">
<div class="col-md-1 col-xs-4 col-sm-4 social"> <div class="col-md-1 col-xs-4 col-sm-2 social">
<div class="socials facebook"><a href="https://www.facebook.com/ashmanovcom?fref=ts"></a></div> <div class="socials facebook"><a href="https://www.facebook.com/ashmanovcom?fref=ts"></a></div>
</div> </div>
<div class="col-md-1 col-xs-4 col-sm-4"> <div class="col-md-1 col-xs-4 col-sm-2">
<div class="socials vk"><a href="https://vk.com/ashmanov_com"></a></div> <div class="socials vk"><a href="https://vk.com/ashmanov_com"></a></div>
</div> </div>
<div class="col-md-1 col-xs-4 col-sm-4"> <div class="col-md-1 col-xs-4 col-sm-2">
<div class="socials youtube"><a href="https://www.youtube.com/user/ashmanovru"></a></div> <div class="socials youtube"><a href="https://www.youtube.com/user/ashmanovru"></a></div>
</div> </div>
</div> </div>
<div class="col-md-6 col-xs-12 col-sm-6 phone-footer">+7 495 266-24-71</div> <div class="col-md-6 col-xs-12 col-sm-6 phone-footer">+7 495 266-24-71</div>
<div class="col-md-6 col-xs-12 col-sm-6 text-left lower-footer">© 2001-2017 «Ашманов и Партнеры»</div> <div class="col-md-6 col-xs-12 col-sm-6 text-left lower-footer">© 2001-2017 «Ашманов и партнеры»</div>
<div class="col-md-6 col-xs-12 col-sm-6 text-right lower-footer"><span class="mail"><a <div class="col-md-6 col-xs-12 col-sm-6 text-right lower-footer"><span class="mail"><a
href="mailto:info@ashmanov.com">info@ashmanov.com</a></span> href="mailto:info@ashmanov.com">info@ashmanov.com</a></span>
</div> </div>
...@@ -413,7 +464,7 @@ ...@@ -413,7 +464,7 @@
<div class="modal-body"> <div class="modal-body">
<p class="text-center">Я соглашаюсь передать свои персональные <p class="text-center">Я соглашаюсь передать свои персональные
данные, содержащиеся в анкете и всех данные, содержащиеся в анкете и всех
приложенных файлах, в ЗАО «Ашманов приложенных файлах, в ООО «Ашманов
и партнеры» исключительно для того, чтобы и партнеры» исключительно для того, чтобы
компания могла предлагать мне вакансии. компания могла предлагать мне вакансии.
<br><br> <br><br>
...@@ -596,7 +647,7 @@ ...@@ -596,7 +647,7 @@
} }
site_url = 'http://landing.app/'; site_url = 'http://landing.app/';
title = document.title; title = document.title;
description = "Вакансия ведущего менеджера по работе с килентами департамента контекстной рекламы в «Ашманов и Партнеры»"; description = "Вакансия ведущего менеджера по работе с килентами департамента контекстной рекламы в «Ашманов и партнеры»";
logo = site_url + "img/logo.png"; logo = site_url + "img/logo.png";
$('.vk-bl').click(function () { $('.vk-bl').click(function () {
Share.vkontakte(site_url, title, logo, description) Share.vkontakte(site_url, title, logo, description)
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!