-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
11 lines (11 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
<!doctype html><!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ru"> <![endif]--><!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="ru"> <![endif]--><!--[if IE 8]>
<html class="no-js lt-ie9" lang="ru"> <![endif]--><!--[if gt IE 8]><!--><html class="no-js" lang="ru"><!--<![endif]--><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Gavrilov S. - верстка сайтов по макету</title><meta name="description" content="HTML-верстальщик"><meta name="keywords" content="сайты, верстка, HTML-верстка, CSS, создание сайтов, JavaScript, jQuery less, gulp"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="/styles/all-vendor-styles.min.css"><link rel="stylesheet" href="/styles/web-fonts.css"><link rel="stylesheet" href="/styles/all-my-styles.min.css"></head><body><!--[if lt IE 8]>
<p class="browserupgrade">Вы используете <strong>устаревшую</strong> версию браузера. Пожалуйста <a href="http://browsehappy.com/">обновите Ваш браузер</a> для корректного отображения данной страницы.</p>
<![endif]--><div class="nav"><div class="wrapper"><a href=""><i class="fas fa-bars"></i></a><div class="logo"><a href="">Svgvr</a></div><ul class="nav_list"><li><a class="go-to" href="#about">О моих работах</a></li><li><a class="go-to" href="#two">Портфолио</a></li><li><a class="go-to" href="#three">Услуги</a></li><li><a class="go-to" href="#four">Контакты</a></li></ul></div></div><div id="one" class="section section_one"><div class="grid-container"><div class="grid-x"><div class="cell small-10 small-offset-1 medium-6 large-6"><h1>Добро пожаловать</h1><p>Предлагаю Вам услуги HTML-верстки. Возможно создание интернет-сайтов как по уже готовому PSD макету, так и разработка с нуля.</p><p class="float-right">Подробнее о моих работах смотрите ниже <i class="far fa-hand-point-down fa-2x float-right"></i></p></div></div></div></div><div id="about" class="section section_about"><div class="grid-container"><div class="grid-x"><div class="cell small-12 medium-12"><h1>Коротко о моих проектах</h1></div></div><div class="grid-x text-align-center"><div class="cell small-10 small-offset-1 medium-10 medium-offset-1"><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Сборка проекта с помощью <a target="_blank" href="https://gulpjs.com/">Gulp</a> </span><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Используется шаблонизатор <a target="_blank" href="https://github.com/twigjs/twig.js/wiki">Twig JS</a></span></div><div class="cell small-10 small-offset-1 medium-10 medium-offset-1"><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> HTML, CSS, JS минимизированы </span><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Общие для всех страциц сайта скрипты скомпилированы в один файл</span></div><div class="cell small-10 small-offset-1 medium-10 medium-offset-1"><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Изображения оптимизированы </span><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> По желанию заказчика возможно предоставление всех исходных файлов</span></div><div class="cell small-10 small-offset-1 medium-10 medium-offset-1"><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Используется препроцессор <a target="_blank" href="http://lesscss.org/">LESS</a> </span><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Шрифты в формате <a target="_blank" href="https://ru.wikipedia.org/wiki/Base64">base64</a></span></div><div class="cell small-10 small-offset-1 medium-10 medium-offset-1"><span class="annotation"><i class="annotation_arrow annotation_arrow_right"></i> <i class="annotation_arrow annotation_arrow_left"></i> Цены обсуждаются индивидуально и зависимосит от сложности проекта</span></div></div></div></div><div class="section section_four"><div class="grid-container"><h1>Эффекты/мобильная адаптивность</h1><div class="grid-x"><div class="cell small-12 text-align-center"><p>При нажатии на кнопку открывется пример</p><noscript><p>Для нормальной работы необходимо включить JavaScript</p></noscript><a href="" class="button append-button append-parallax hover-effect">Parallax и css анимация</a> <a href="" class="button append-button append-font-animation hover-effect">Меняющийся текст</a> <a href="" class="button append-button append-counter hover-effect">Счетчик</a> <a href="" class="button append-button append-mobile hover-effect">Адаптивность (mobile)</a> <a href="" class="button append-button append-tablet hover-effect">Адаптивность (tablet)</a> <a href="" class="button append-button append-desktop hover-effect">Адаптивность (desktop)</a></div></div></div></div><div class="section section_five"><div class="grid-container"></div></div><div id="two" class="section section_two"><div class="grid-container"><h1>Примеры работ</h1><div class="grid-x grid-margin-x"><div class="cell small-10 small-offset-1 medium-5 large-3"><a target="_blank" href="https://tgavrilova.github.io"><img src="templates/photo-site.jpg" alt=""> <span class="capcha"><span class="capcha-header">Многостраничный сайт фотографа</span> <span class="capcha-description">Персональная страница фотографа с галереей, прайсами и контактной информацией.</span></span></a></div><div class="cell small-10 small-offset-1 medium-5 large-3"><a href="portfolio-fitness.html"><img src="templates/fit-mini.jpg" alt=""> <span class="capcha"><span class="capcha-header">Лендинг пэйдж "Фитнесс" </span><span class="capcha-description">Шаблон продающей странички для фитнесс клуба</span></span></a></div><div class="cell small-10 small-offset-1 medium-5 large-3"><a href="portfolio-tajem.html"><img src="templates/tajem.jpg" alt=""> <span class="capcha"><span class="capcha-header">Макет tajam</span> <span class="capcha-description">Пример верстки по макету</span></span></a></div><div class="cell small-10 small-offset-1 medium-5 large-3"><a href="portfolio-oliviya.html"><img src="templates/oliviya.jpg" alt=""> <span class="capcha"><span class="capcha-header">Ресторан Оливия</span> <span class="capcha-description">Сайт ресторана</span></span></a></div></div><div class="button-container"><a href="#" class="function-disabled button hover-effect">Перейти в Портфолио</a></div></div></div><div id="three" class="section section_three"><div class="grid-container"><h1>Оказываемые услуги</h1><div class="grid-x grid-margin-x"><div class="cell small-12 medium-4 animated-element from-left"><h3>Дизайн</h3><p>Разработка дизайна сайта, работа над стилистикой сайта, проработка графических и цветовых решений в зависимости от пожеланий клиента.</p></div><div class="cell small-12 medium-4 animated-element appears scale-from-zero"><h3>Верстка</h3><p>Визуальное оформление сайта с использованием языка разметки HTML и CSS. Возможна работа по предосталяемым заказчиком макетам, но только при условии их надлежащего оформления.</p></div><div class="cell small-12 medium-4 animated-element from-right"><h3>Поддержка</h3><p>Доработка сайтов после их запуска и обновление содержащейся в них информации (Только статичные сайты).</p></div><div class="cell small-12 medium-4 animated-element from-right"><h3>Мобильная адаптивность</h3><p>Адаптация готового интренет-сайта под мобильные устройства.</p></div></div></div></div><div id="four" class="section section_footer"><div class="grid-container"><h1>Мои контакты</h1><div class="grid-x"><div class="cell small-12"><div class="contacts-box text-align-center"><div class="reverse hand"></div><h3>Телефон:</h3><i class="fa fa-phone"></i> <span>+7 (977) 890-15-87</span><p>Звонить строго с 11 до 20 часов по МСК.</p><h3>Электронная почта:</h3><i class="fa fa-envelope"></i> <span>sergey.gt@gmail.com</span><h3>Социальные сети:</h3><a target="_blank" href="https://www.facebook.com/SergeyGVR"><i class="fab fa-facebook"></i><span>facebook.com/SergeyGVR</span></a><br><a target="_blank" href="https://vk.com/sergeygvr"><i class="fab fa-vk"></i><span>vk.com/sergeygvr</span></a><div class="hand"></div></div></div></div></div></div><!-- Modal window --><div class="modal"><div class="modal-content"><span class="close-button" title="Закрыть">×</span><h4>Переход по данной ссылке временно отключен.</h4></div></div><script src="/scripts/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script><script src="/scripts/vendor/jquery-1.11.2.min.js"></script><script src="/scripts/app.min.js"></script><script src="scripts/TweenMax.min.js"></script><script src="scripts/jquery-parallax.js"></script><script src="scripts/main-page.js"></script><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --><script>(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-114350859-1','auto');ga('send','pageview');</script></body></html>