nikita
8 years ago
parent
cc6f15f3d1
commit
d08c5b7305
40 changed files with 10281 additions and 1 deletions
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 142 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1008 B |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 370 KiB |
|
After Width: | Height: | Size: 892 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 227 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 78 KiB |
@ -0,0 +1,316 @@ |
||||
<!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> |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,404 @@ |
||||
<!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> |
||||
@ -0,0 +1,59 @@ |
||||
--- |
||||
title: Index Page |
||||
--- |
||||
extends layouts/_layout |
||||
block content |
||||
.center(style='padding-top: 50px; padding-bottom: 50px;') |
||||
div |
||||
a(href='email/index.html') email.html |
||||
br |
||||
div |
||||
a(href='ui-kit.html') ui-kit.html |
||||
br |
||||
div |
||||
a(href='main.html') main.html |
||||
div |
||||
a(href='main-online.html') main-online.html |
||||
div |
||||
a(href='main-online-soon.html') main-online-soon.html |
||||
div |
||||
a(href='courses.html') courses.html |
||||
div |
||||
a(href='result.html') result.html |
||||
div |
||||
a(href='result-empty.html') result-empty.html |
||||
div |
||||
a(href='course.html') course.html |
||||
div |
||||
a(href='course-v2.html') course-v2.html |
||||
div |
||||
a(href='course-soon.html') course-soon.html |
||||
div |
||||
a(href='course-lock.html') course-lock.html |
||||
div |
||||
a(href='course-bought.html') course-bought.html |
||||
div |
||||
a(href='lesson.html') lesson.html |
||||
div |
||||
a(href='profile.html') profile.html |
||||
div |
||||
a(href='profile-settings.html') profile-settings.html |
||||
div |
||||
a(href='profile-alerts.html') profile-alerts.html |
||||
div |
||||
a(href='become-author.html') become-author.html |
||||
div |
||||
a(href='history-transactions.html') history-transactions.html |
||||
div |
||||
a(href='success-payment.html') success-payment.html |
||||
div |
||||
a(href='success-application.html') success-application.html |
||||
br |
||||
div |
||||
a(href='course-add.html') course-add.html |
||||
div |
||||
a(href='course-add-lessons.html') course-add-lessons.html |
||||
div |
||||
a(href='lesson-add.html') lesson-add.html |
||||
|
||||
|
||||
Loading…
Reference in new issue