Ivlev Denis
8 years ago
parent
36b42db123
commit
9ae62f1ebf
29 changed files with 0 additions and 1024 deletions
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 142 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1008 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 370 KiB |
|
Before Width: | Height: | Size: 892 B |
|
Before Width: | Height: | Size: 793 B |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 225 KiB |
|
Before Width: | Height: | Size: 227 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 78 KiB |
@ -1,316 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Index Page</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
||||
<meta name="theme-color" content="#fff"> |
||||
<meta name="format-detection" content="telephone=no"> |
||||
<meta name="description" content="Page description"> |
||||
<!--Twitter Card data--> |
||||
<meta name="twitter:card" content="summary"> |
||||
<meta name="twitter:site" content="@publisher_handle"> |
||||
<meta name="twitter:title" content="Page Title"> |
||||
<meta name="twitter:description" content="Page description less than 200 characters"> |
||||
<meta name="twitter:creator" content="@author_handle"> |
||||
<meta name="twitter:image" content="http://www.example.com/image.jpg"> |
||||
<!--Open Graph data--> |
||||
<meta property="og:title" content="Title Here"> |
||||
<meta property="og:type" content="article"> |
||||
<meta property="og:url" content="http://www.example.com/"> |
||||
<meta property="og:image" content="http://example.com/image.jpg"> |
||||
<meta property="og:description" content="Description Here"> |
||||
<meta property="og:site_name" content="Site Name, i.e. Moz"> |
||||
<meta property="fb:admins" content="Facebook numeric ID"> |
||||
<link rel="stylesheet" media="all" href="css/app.css"> |
||||
<script> |
||||
var viewportmeta = document.querySelector('meta[name="viewport"]'); |
||||
if (viewportmeta) |
||||
{ |
||||
if (screen.width <= 360) |
||||
{ |
||||
var newScale = screen.width / 360; |
||||
viewportmeta.content = 'width=360, minimum-scale=' + newScale + ', user-scalable=0, maximum-scale=1, initial-scale=' + newScale + ''; |
||||
} |
||||
else |
||||
{ |
||||
viewportmeta.content = 'width=device-width, maximum-scale=1.6, initial-scale=1.0'; |
||||
} |
||||
} |
||||
|
||||
</script> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="outer js-outer"> |
||||
<header class="header js-header"> |
||||
<div class="header__center center"> |
||||
<div class="header__container"><button class="header__menu js-header-menu"><svg class="icon icon-menu"><use xlink:href="img/sprite.svg#icon-menu"></use></svg></button><a class="header__logo logo" href="#"></a> |
||||
<div class="header__wrap js-header-wrap"> |
||||
<div class="header__top"><button class="header__close js-header-close"><svg class="icon icon-close"><use xlink:href="img/sprite.svg#icon-close"></use></svg></button> |
||||
<form class="header__search search js-search" action=""><input class="search__input js-search-input" type="text"><button class="search__btn js-search-btn" type="submit"><svg class="icon icon-search"><use xlink:href="img/sprite.svg#icon-search"></use></svg></button></form> |
||||
</div> |
||||
<nav class="header__nav"> |
||||
<div class="header__group"><a class="header__section header__section_sub js-header-section active" href="#">ОНЛАЙН-ШКОЛА</a> |
||||
<div class="header__list js-header-list"> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">О школе</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Процесс</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Преимущества</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Отзывы</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Галерея</div> |
||||
</a> |
||||
<a class="header__link active" href="#"> |
||||
<div class="header__title">Расписание</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Преподаватели</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Частые вопросы</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Оплата</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Контакты</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="header__group"><a class="header__section header__section_sub js-header-section" href="#">ВИДЕОКУРСЫ</a> |
||||
<div class="header__list js-header-list"> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ПЕРСОНАЖ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">АКВАРЕЛЬ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ИЛЛЮСТРАЦИЯ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">АНИМАЦИЯ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ПАСТЕЛЬ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ПЛАСТИЛИН</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">КРЕАТИВНОЕ МЫШЛЕНИЕ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">МОТОРИКА</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ЖИВОПИСЬ</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="header__group"><a class="header__section" href="#">БЛОГ</a></div> |
||||
</nav> |
||||
</div><button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД<svg class="icon icon-user"><use xlink:href="img/sprite.svg#icon-user"></use></svg></button></div> |
||||
</div> |
||||
</header> |
||||
<div class="container"> |
||||
<div class="center" style="padding-top: 50px; padding-bottom: 50px;"> |
||||
<div><a href="email/index.html">email.html</a></div><br> |
||||
<div><a href="ui-kit.html">ui-kit.html</a></div><br> |
||||
<div><a href="main.html">main.html</a></div> |
||||
<div><a href="main-online.html">main-online.html</a></div> |
||||
<div><a href="main-online-soon.html">main-online-soon.html</a></div> |
||||
<div><a href="courses.html">courses.html</a></div> |
||||
<div><a href="result.html">result.html</a></div> |
||||
<div><a href="result-empty.html">result-empty.html</a></div> |
||||
<div><a href="course.html">course.html</a></div> |
||||
<div><a href="course-v2.html">course-v2.html</a></div> |
||||
<div><a href="course-soon.html">course-soon.html</a></div> |
||||
<div><a href="course-lock.html">course-lock.html</a></div> |
||||
<div><a href="course-bought.html">course-bought.html</a></div> |
||||
<div><a href="lesson.html">lesson.html</a></div> |
||||
<div><a href="profile.html">profile.html</a></div> |
||||
<div><a href="profile-settings.html">profile-settings.html</a></div> |
||||
<div><a href="profile-alerts.html">profile-alerts.html</a></div> |
||||
<div><a href="become-author.html">become-author.html</a></div> |
||||
<div><a href="history-transactions.html">history-transactions.html</a></div> |
||||
<div><a href="success-payment.html">success-payment.html</a></div> |
||||
<div><a href="success-application.html">success-application.html</a></div><br> |
||||
<div><a href="course-add.html">course-add.html</a></div> |
||||
<div><a href="course-add-lessons.html">course-add-lessons.html</a></div> |
||||
<div><a href="lesson-add.html">lesson-add.html</a></div> |
||||
</div> |
||||
</div> |
||||
<footer class="footer"> |
||||
<div class="footer__center center"> |
||||
<div class="footer__row footer__row_first"> |
||||
<div class="footer__col footer__col_md"><a class="footer__logo logo" href="#"></a> |
||||
<div class="footer__content">Первая онлайн-школа креативного мышления Lil City School</div> |
||||
</div> |
||||
<div class="footer__col"> |
||||
<div class="footer__title">КОМПАНИЯ</div> |
||||
<nav class="footer__nav"><a class="footer__link" href="#">О нас</a><a class="footer__link" href="#">Преподаватели</a><a class="footer__link" href="#">Блог</a><a class="footer__link" href="#">Наши приложения</a><a class="footer__link" href="#">Медиа-кит</a></nav> |
||||
</div> |
||||
<div class="footer__col"> |
||||
<div class="footer__title">Программы</div> |
||||
<nav class="footer__nav"><a class="footer__link" href="#">Онлайн-школа</a><a class="footer__link" href="#">Онлайн-курсы</a><a class="footer__link" href="#">Стать автором</a></nav> |
||||
</div> |
||||
<div class="footer__col"> |
||||
<div class="footer__title">Контакты</div> |
||||
<div class="footer__contact">Общие вопросы: <a href='mailto:school@lil.city'>school@lil.city</a></div> |
||||
<div class="footer__contact">Сотрудничество: <a href='mailto:partnership@lil.city'>partnership@lil.city</a></div> |
||||
</div> |
||||
<div class="footer__col footer__col_md"> |
||||
<div class="footer__title">ПОДПИСАТЬСЯ НА НОВОСТИ</div> |
||||
<div class="subscribe"> |
||||
<div class="subscribe__field"><input class="subscribe__input" type="text" placeholder="Email"></div><button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button> |
||||
<div class="subscribe__content">Мы сами не любим спам, поэтому вы будете подучать от только важные новости о школе, новых курсах и бонусах от Lil City. </div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__row footer__row_second"> |
||||
<div class="footer__col footer__col_md"> |
||||
<div class="footer__socials socials"><a class="socials__item" href="#"><svg class="icon icon-instagram"><use xlink:href="img/sprite.svg#icon-instagram"></use></svg></a><a class="socials__item" href="#"><svg class="icon icon-twitter"><use xlink:href="img/sprite.svg#icon-twitter"></use></svg></a> |
||||
<a |
||||
class="socials__item" href="#"><svg class="icon icon-fb"><use xlink:href="img/sprite.svg#icon-fb"></use></svg></a><a class="socials__item" href="#"><svg class="icon icon-youtube"><use xlink:href="img/sprite.svg#icon-youtube"></use></svg></a></div> |
||||
</div> |
||||
<div class="footer__col footer__col_lg"> |
||||
<div class="footer__group"> |
||||
<div class="footer__copyright">2017 © Lil City, UAB.</div> |
||||
<div class="footer__links"><a class="footer__link" href="#">Договор-оферта</a> |
||||
<div class="footer__divider">|</div><a class="footer__link" href="#">Политика обработки персональных данных</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
<div class="popup js-popup-auth"> |
||||
<div class="popup__wrap js-popup-wrap"><button class="popup__close js-popup-close"><svg class="icon icon-close"><use xlink:href="img/sprite.svg#icon-close"></use></svg></button> |
||||
<div class="popup__body"> |
||||
<div class="auth js-auth"> |
||||
<div class="auth__login js-auth-login"> |
||||
<div class="auth__nav"><a class="auth__type js-auth-type active" href="#">Войти</a><a class="auth__type js-auth-type" href="#">РЕГИСТРАЦИЯ</a></div> |
||||
<div class="auth__body"> |
||||
<div class="auth__tab js-auth-tab" style="display: block;"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"><input class="field__input" type="email" placeholder="name@website.com"></div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПАРОЛЬ<a class="field__link js-auth-go-pass" href="#">Забыли пароль?</a></div> |
||||
<div class="field__wrap"><input class="field__input" type="password" placeholder="Минимум 5 символов"></div> |
||||
</div> |
||||
<div class="auth__foot"><button class="auth__btn btn btn_light">ВОЙТИ</button> |
||||
<div class="auth__or">или</div><button class="auth__btn btn btn_fb"><svg class="icon icon-facebook"><use xlink:href="img/sprite.svg#icon-facebook"></use></svg><span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button></div> |
||||
</div> |
||||
</div> |
||||
<div class="auth__tab js-auth-tab"> |
||||
<div class="auth__fieldset"> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ИМЯ</div> |
||||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Sasha"></div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ФАМИЛИЯ</div> |
||||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Kru"></div> |
||||
</div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"><input class="field__input" type="email" placeholder="name@website.com"></div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПАРОЛЬ</div> |
||||
<div class="field__wrap"><input class="field__input" type="password" placeholder="Минимум 5 символов"></div> |
||||
</div> |
||||
<div class="auth__foot"><button class="auth__btn btn btn_light">ЗАРЕГИСТРИРОВАТЬСЯ</button> |
||||
<div class="auth__or">или</div><button class="auth__btn btn btn_fb"><svg class="icon icon-facebook"><use xlink:href="img/sprite.svg#icon-facebook"></use></svg><span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="auth__pass js-auth-pass"> |
||||
<div class="auth__nav"> |
||||
<div class="auth__type active">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</div> |
||||
</div> |
||||
<div class="auth__body"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПОЧТА<a class="field__link js-auth-go-enter" href="#">Войти</a></div> |
||||
<div class="field__wrap"><input class="field__input" type="email" placeholder="name@website.com"></div> |
||||
</div> |
||||
<div class="auth__foot"><button class="auth__btn btn btn_light">ОТПРАВИТЬ</button></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="popup js-popup-buy"> |
||||
<div class="popup__wrap popup__wrap_lg js-popup-wrap"><button class="popup__close js-popup-close"><svg class="icon icon-close"><use xlink:href="img/sprite.svg#icon-close"></use></svg></button> |
||||
<div class="popup__body"> |
||||
<div class="buy"> |
||||
<div class="buy__row"> |
||||
<div class="buy__col"> |
||||
<div class="buy__head buy__head_main"> |
||||
<div class="buy__title">Выбор курса/дня</div> |
||||
<div class="buy__content">При записи на 5 уроков скидка 10%.</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="buy__head"> |
||||
<div class="buy__label">Месяц:</div> |
||||
<div class="buy__title">Январь</div> |
||||
<div class="buy__content">Если вы оплачиваете после 15 числа, доступ к урокам будет с 1-го следующего месяца.</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="buy__list"><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">ПОНЕДЕЛЬНИК</span><span class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span class="switch__content"><span class="switch__cell">Вторник</span><span class="switch__cell">5+</span><span class="switch__cell">Пластилиновая живопись</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">Среда</span><span class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span class="switch__content"><span class="switch__cell">Четверг</span><span class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">Пятница</span><span class="switch__cell">5+</span><span class="switch__cell">Развитие креативного мышления</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">Суббота</span><span class="switch__cell">7+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span class="switch__content"><span class="switch__cell">Воскресенье</span><span class="switch__cell">7+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label></div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="order"> |
||||
<div class="order__wrap"> |
||||
<div class="order__title">Ваш заказ:</div> |
||||
<div class="order__preview"><img class="order__pic" src="img/order.jpg"></div> |
||||
<div class="order__info"> |
||||
<div class="order__label">ШКОЛА</div> |
||||
<div class="order__days">Вторник, Четверг, Воскресенье</div> |
||||
</div> |
||||
<div class="order__foot"> |
||||
<div class="order__subtitle">Итого, за месяц:</div> |
||||
<div class="order__total">1800р.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__foot"><a class="buy__btn btn btn_md" href="#">ПЕРЕЙТИ К ОПЛАТЕ</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="js/app.js"></script> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,404 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>UI Kit Page</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
||||
<meta name="theme-color" content="#fff"> |
||||
<meta name="format-detection" content="telephone=no"> |
||||
<meta name="description" content="Page description"> |
||||
<!--Twitter Card data--> |
||||
<meta name="twitter:card" content="summary"> |
||||
<meta name="twitter:site" content="@publisher_handle"> |
||||
<meta name="twitter:title" content="Page Title"> |
||||
<meta name="twitter:description" content="Page description less than 200 characters"> |
||||
<meta name="twitter:creator" content="@author_handle"> |
||||
<meta name="twitter:image" content="http://www.example.com/image.jpg"> |
||||
<!--Open Graph data--> |
||||
<meta property="og:title" content="Title Here"> |
||||
<meta property="og:type" content="article"> |
||||
<meta property="og:url" content="http://www.example.com/"> |
||||
<meta property="og:image" content="http://example.com/image.jpg"> |
||||
<meta property="og:description" content="Description Here"> |
||||
<meta property="og:site_name" content="Site Name, i.e. Moz"> |
||||
<meta property="fb:admins" content="Facebook numeric ID"> |
||||
<link rel="stylesheet" media="all" href="css/app.css"> |
||||
<script> |
||||
var viewportmeta = document.querySelector('meta[name="viewport"]'); |
||||
if (viewportmeta) |
||||
{ |
||||
if (screen.width <= 360) |
||||
{ |
||||
var newScale = screen.width / 360; |
||||
viewportmeta.content = 'width=360, minimum-scale=' + newScale + ', user-scalable=0, maximum-scale=1, initial-scale=' + newScale + ''; |
||||
} |
||||
else |
||||
{ |
||||
viewportmeta.content = 'width=device-width, maximum-scale=1.6, initial-scale=1.0'; |
||||
} |
||||
} |
||||
|
||||
</script> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="outer js-outer"> |
||||
<header class="header js-header"> |
||||
<div class="header__center center"> |
||||
<div class="header__container"><button class="header__menu js-header-menu"><svg class="icon icon-menu"><use xlink:href="img/sprite.svg#icon-menu"></use></svg></button><a class="header__logo logo" href="#"></a> |
||||
<div class="header__wrap js-header-wrap"> |
||||
<div class="header__top"><button class="header__close js-header-close"><svg class="icon icon-close"><use xlink:href="img/sprite.svg#icon-close"></use></svg></button> |
||||
<form class="header__search search js-search" action=""><input class="search__input js-search-input" type="text"><button class="search__btn js-search-btn" type="submit"><svg class="icon icon-search"><use xlink:href="img/sprite.svg#icon-search"></use></svg></button></form> |
||||
</div> |
||||
<nav class="header__nav"> |
||||
<div class="header__group"><a class="header__section header__section_sub js-header-section active" href="#">ОНЛАЙН-ШКОЛА</a> |
||||
<div class="header__list js-header-list"> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">О школе</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Процесс</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Преимущества</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Отзывы</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Галерея</div> |
||||
</a> |
||||
<a class="header__link active" href="#"> |
||||
<div class="header__title">Расписание</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Преподаватели</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Частые вопросы</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Оплата</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">Контакты</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="header__group"><a class="header__section header__section_sub js-header-section" href="#">ВИДЕОКУРСЫ</a> |
||||
<div class="header__list js-header-list"> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ПЕРСОНАЖ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">АКВАРЕЛЬ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ИЛЛЮСТРАЦИЯ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">АНИМАЦИЯ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ПАСТЕЛЬ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ПЛАСТИЛИН</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">КРЕАТИВНОЕ МЫШЛЕНИЕ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">МОТОРИКА</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">ЖИВОПИСЬ</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="header__group"><a class="header__section" href="#">БЛОГ</a></div> |
||||
</nav> |
||||
</div><button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД<svg class="icon icon-user"><use xlink:href="img/sprite.svg#icon-user"></use></svg></button></div> |
||||
</div> |
||||
</header> |
||||
<div class="container"> |
||||
<div class="center" style="padding-top: 50px; padding-bottom: 50px;"> |
||||
<div style="margin-bottom: 10px;">Buttons</div> |
||||
<div style="margin-bottom: 10px;"><button class="btn">Button Default</button></div> |
||||
<div style="margin-bottom: 10px;"><button class="btn btn_dark">Button Dark</button></div> |
||||
<div style="margin-bottom: 10px;"><button class="btn btn_light">Button Light</button></div> |
||||
<div style="margin-bottom: 10px;"><button class="btn btn_stroke">Button Stroke</button></div> |
||||
<div style="margin-bottom: 10px;"><button class="btn btn_gray">Button Gray</button></div> |
||||
<div style="margin-bottom: 10px;"><button class="btn btn_md">Button Medium</button></div> |
||||
<div style="margin-bottom: 10px;"><button class="btn btn_lg">Button Large</button></div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<div class="more"><a class="more__btn btn btn_light" href="#">УЗНАТЬ ПОДРОБНЕЕ</a></div> |
||||
</div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<div class="load"><button class="load__btn btn">Подгрузить еще</button></div> |
||||
</div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<div class="load"><button class="load__btn btn loading">Подгрузить еще</button></div> |
||||
</div><br><br><br> |
||||
<div style="margin-bottom: 10px;">Inputs</div> |
||||
<div class="field"> |
||||
<div class="field__label"></div> |
||||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Enter your Name"></div> |
||||
</div> |
||||
<div class="field error"> |
||||
<div class="field__label"></div> |
||||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Enter your Name"></div> |
||||
<div class="field__error">Укажите корректно свои данные</div> |
||||
</div> |
||||
<div class="field success"> |
||||
<div class="field__label"></div> |
||||
<div class="field__wrap"><input class="field__input" type="text" value="John"></div> |
||||
</div> |
||||
<div class="field"> |
||||
<div class="field__label"></div> |
||||
<div class="field__wrap"><input class="field__input field__input_bg" type="text" placeholder="Enter your Name"></div> |
||||
</div> |
||||
<div class="field error"> |
||||
<div class="field__label"></div> |
||||
<div class="field__wrap"><input class="field__input field__input_bg" type="text" placeholder="Enter your Name"></div> |
||||
<div class="field__error">Укажите корректно свои данные</div> |
||||
</div> |
||||
<div class="field success"> |
||||
<div class="field__label"></div> |
||||
<div class="field__wrap"><input class="field__input field__input_bg" type="text" value="John"></div> |
||||
</div><br><br><br> |
||||
<div style="margin-bottom: 10px;">Switches</div> |
||||
<div style="margin-bottom: 10px;"></div><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Normal</span></label><label class="switch"><input class="switch__input" type="checkbox" checked><span class="switch__content">Selected</span></label> |
||||
<div |
||||
style="margin-bottom: 10px;"></div><label class="switch switch_circle"><input class="switch__input" type="radio" name="radio"><span class="switch__content">Circle</span></label><label class="switch switch_circle"><input class="switch__input" type="radio" name="radio" checked><span class="switch__content">Circle Selected</span></label> |
||||
<div |
||||
style="margin-bottom: 10px;"></div><label class="switch switch_blue"><input class="switch__input" type="checkbox"><span class="switch__content">Blue</span></label><label class="switch switch_blue"><input class="switch__input" type="checkbox" checked><span class="switch__content">Blue Selected</span></label><br><br><br> |
||||
<div |
||||
style="margin-bottom: 10px;">Drop-down menu</div> |
||||
<div class="field"> |
||||
<div class="field__wrap"> |
||||
<div class="field__select select js-select"> |
||||
<div class="select__head js-select-head">Категории</div> |
||||
<div class="select__drop js-select-drop"> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Персонаж</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Акварель</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Иллюстрация</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Анимация</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Пастель</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Пластилин</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Креативное мышление</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Моторика</div> |
||||
</div> |
||||
<div class="select__option js-select-option"> |
||||
<div class="select__title">Живопись</div> |
||||
</div> |
||||
</div><input class="select__input" type="hidden"></div> |
||||
</div> |
||||
</div><br><br><br> |
||||
<div style="margin-bottom: 10px;">Likes</div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<a class="likes" href="#"> |
||||
<div class="likes__counter">253</div> |
||||
<div class="likes__icon"><svg class="icon icon-like"><use xlink:href="img/sprite.svg#icon-like"></use></svg><svg class="icon icon-like-fill"><use xlink:href="img/sprite.svg#icon-like-fill"></use></svg></div> |
||||
</a> |
||||
</div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<a class="likes active" href="#"> |
||||
<div class="likes__counter">253</div> |
||||
<div class="likes__icon"><svg class="icon icon-like"><use xlink:href="img/sprite.svg#icon-like"></use></svg><svg class="icon icon-like-fill"><use xlink:href="img/sprite.svg#icon-like-fill"></use></svg></div> |
||||
</a> |
||||
</div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<a class="likes" href="#"> |
||||
<div class="likes__counter">253</div> |
||||
<div class="likes__icon"><svg class="icon icon-like-bold"><use xlink:href="img/sprite.svg#icon-like-bold"></use></svg><svg class="icon icon-like-fill-bold"><use xlink:href="img/sprite.svg#icon-like-fill-bold"></use></svg></div> |
||||
</a> |
||||
</div> |
||||
<div style="margin-bottom: 10px;"> |
||||
<a class="likes active" href="#"> |
||||
<div class="likes__counter">253</div> |
||||
<div class="likes__icon"><svg class="icon icon-like-bold"><use xlink:href="img/sprite.svg#icon-like-bold"></use></svg><svg class="icon icon-like-fill-bold"><use xlink:href="img/sprite.svg#icon-like-fill-bold"></use></svg></div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<footer class="footer"> |
||||
<div class="footer__center center"> |
||||
<div class="footer__row footer__row_first"> |
||||
<div class="footer__col footer__col_md"><a class="footer__logo logo" href="#"></a> |
||||
<div class="footer__content">Первая онлайн-школа креативного мышления Lil City School</div> |
||||
</div> |
||||
<div class="footer__col"> |
||||
<div class="footer__title">КОМПАНИЯ</div> |
||||
<nav class="footer__nav"><a class="footer__link" href="#">О нас</a><a class="footer__link" href="#">Преподаватели</a><a class="footer__link" href="#">Блог</a><a class="footer__link" href="#">Наши приложения</a><a class="footer__link" href="#">Медиа-кит</a></nav> |
||||
</div> |
||||
<div class="footer__col"> |
||||
<div class="footer__title">Программы</div> |
||||
<nav class="footer__nav"><a class="footer__link" href="#">Онлайн-школа</a><a class="footer__link" href="#">Онлайн-курсы</a><a class="footer__link" href="#">Стать автором</a></nav> |
||||
</div> |
||||
<div class="footer__col"> |
||||
<div class="footer__title">Контакты</div> |
||||
<div class="footer__contact">Общие вопросы: <a href='mailto:school@lil.city'>school@lil.city</a></div> |
||||
<div class="footer__contact">Сотрудничество: <a href='mailto:partnership@lil.city'>partnership@lil.city</a></div> |
||||
</div> |
||||
<div class="footer__col footer__col_md"> |
||||
<div class="footer__title">ПОДПИСАТЬСЯ НА НОВОСТИ</div> |
||||
<div class="subscribe"> |
||||
<div class="subscribe__field"><input class="subscribe__input" type="text" placeholder="Email"></div><button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button> |
||||
<div class="subscribe__content">Мы сами не любим спам, поэтому вы будете подучать от только важные новости о школе, новых курсах и бонусах от Lil City. </div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__row footer__row_second"> |
||||
<div class="footer__col footer__col_md"> |
||||
<div class="footer__socials socials"><a class="socials__item" href="#"><svg class="icon icon-instagram"><use xlink:href="img/sprite.svg#icon-instagram"></use></svg></a><a class="socials__item" href="#"><svg class="icon icon-twitter"><use xlink:href="img/sprite.svg#icon-twitter"></use></svg></a> |
||||
<a |
||||
class="socials__item" href="#"><svg class="icon icon-fb"><use xlink:href="img/sprite.svg#icon-fb"></use></svg></a><a class="socials__item" href="#"><svg class="icon icon-youtube"><use xlink:href="img/sprite.svg#icon-youtube"></use></svg></a></div> |
||||
</div> |
||||
<div class="footer__col footer__col_lg"> |
||||
<div class="footer__group"> |
||||
<div class="footer__copyright">2017 © Lil City, UAB.</div> |
||||
<div class="footer__links"><a class="footer__link" href="#">Договор-оферта</a> |
||||
<div class="footer__divider">|</div><a class="footer__link" href="#">Политика обработки персональных данных</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
<div class="popup js-popup-auth"> |
||||
<div class="popup__wrap js-popup-wrap"><button class="popup__close js-popup-close"><svg class="icon icon-close"><use xlink:href="img/sprite.svg#icon-close"></use></svg></button> |
||||
<div class="popup__body"> |
||||
<div class="auth js-auth"> |
||||
<div class="auth__login js-auth-login"> |
||||
<div class="auth__nav"><a class="auth__type js-auth-type active" href="#">Войти</a><a class="auth__type js-auth-type" href="#">РЕГИСТРАЦИЯ</a></div> |
||||
<div class="auth__body"> |
||||
<div class="auth__tab js-auth-tab" style="display: block;"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"><input class="field__input" type="email" placeholder="name@website.com"></div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПАРОЛЬ<a class="field__link js-auth-go-pass" href="#">Забыли пароль?</a></div> |
||||
<div class="field__wrap"><input class="field__input" type="password" placeholder="Минимум 5 символов"></div> |
||||
</div> |
||||
<div class="auth__foot"><button class="auth__btn btn btn_light">ВОЙТИ</button> |
||||
<div class="auth__or">или</div><button class="auth__btn btn btn_fb"><svg class="icon icon-facebook"><use xlink:href="img/sprite.svg#icon-facebook"></use></svg><span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button></div> |
||||
</div> |
||||
</div> |
||||
<div class="auth__tab js-auth-tab"> |
||||
<div class="auth__fieldset"> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ИМЯ</div> |
||||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Sasha"></div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ФАМИЛИЯ</div> |
||||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Kru"></div> |
||||
</div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"><input class="field__input" type="email" placeholder="name@website.com"></div> |
||||
</div> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПАРОЛЬ</div> |
||||
<div class="field__wrap"><input class="field__input" type="password" placeholder="Минимум 5 символов"></div> |
||||
</div> |
||||
<div class="auth__foot"><button class="auth__btn btn btn_light">ЗАРЕГИСТРИРОВАТЬСЯ</button> |
||||
<div class="auth__or">или</div><button class="auth__btn btn btn_fb"><svg class="icon icon-facebook"><use xlink:href="img/sprite.svg#icon-facebook"></use></svg><span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="auth__pass js-auth-pass"> |
||||
<div class="auth__nav"> |
||||
<div class="auth__type active">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</div> |
||||
</div> |
||||
<div class="auth__body"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div class="auth__field field"> |
||||
<div class="field__label">ПОЧТА<a class="field__link js-auth-go-enter" href="#">Войти</a></div> |
||||
<div class="field__wrap"><input class="field__input" type="email" placeholder="name@website.com"></div> |
||||
</div> |
||||
<div class="auth__foot"><button class="auth__btn btn btn_light">ОТПРАВИТЬ</button></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="popup js-popup-buy"> |
||||
<div class="popup__wrap popup__wrap_lg js-popup-wrap"><button class="popup__close js-popup-close"><svg class="icon icon-close"><use xlink:href="img/sprite.svg#icon-close"></use></svg></button> |
||||
<div class="popup__body"> |
||||
<div class="buy"> |
||||
<div class="buy__row"> |
||||
<div class="buy__col"> |
||||
<div class="buy__head buy__head_main"> |
||||
<div class="buy__title">Выбор курса/дня</div> |
||||
<div class="buy__content">При записи на 5 уроков скидка 10%.</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="buy__head"> |
||||
<div class="buy__label">Месяц:</div> |
||||
<div class="buy__title">Январь</div> |
||||
<div class="buy__content">Если вы оплачиваете после 15 числа, доступ к урокам будет с 1-го следующего месяца.</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="buy__list"><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">ПОНЕДЕЛЬНИК</span><span class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span class="switch__content"><span class="switch__cell">Вторник</span><span class="switch__cell">5+</span><span class="switch__cell">Пластилиновая живопись</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">Среда</span><span class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span class="switch__content"><span class="switch__cell">Четверг</span><span class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">Пятница</span><span class="switch__cell">5+</span><span class="switch__cell">Развитие креативного мышления</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox"><span class="switch__content"><span class="switch__cell">Суббота</span><span class="switch__cell">7+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span class="switch__content"><span class="switch__cell">Воскресенье</span><span class="switch__cell">7+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label></div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="order"> |
||||
<div class="order__wrap"> |
||||
<div class="order__title">Ваш заказ:</div> |
||||
<div class="order__preview"><img class="order__pic" src="img/order.jpg"></div> |
||||
<div class="order__info"> |
||||
<div class="order__label">ШКОЛА</div> |
||||
<div class="order__days">Вторник, Четверг, Воскресенье</div> |
||||
</div> |
||||
<div class="order__foot"> |
||||
<div class="order__subtitle">Итого, за месяц:</div> |
||||
<div class="order__total">1800р.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__foot"><a class="buy__btn btn btn_md" href="#">ПЕРЕЙТИ К ОПЛАТЕ</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="js/app.js"></script> |
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue