22 - python & all web labs
This commit is contained in:
94
labWeb/lab7/views/head_and_footer.hbs
Normal file
94
labWeb/lab7/views/head_and_footer.hbs
Normal file
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="\css\head_and_footer.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<head>
|
||||
<div class="head">
|
||||
<img src="/assets/Imglogo.svg" alt="" class="head__logo" />
|
||||
<div class="head__information">
|
||||
<ul class="head__navbar">
|
||||
<li class="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">О наc</a>
|
||||
</li>
|
||||
<li Fclass="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">Курсы</a>
|
||||
</li>
|
||||
<li class="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">FAQ</a>
|
||||
</li>
|
||||
<li class="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">Контакты</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="head__login">Войти в аккаунт</button>
|
||||
<div class="head__burgermenu">
|
||||
<img src="/assets/Vector.svg" class="head__burgermenu__line line-1"></img>
|
||||
<img src="/assets/Vector.svg" class="head__burgermenu__line line-2"></img>
|
||||
<img src="/assets/Vector.svg" class="head__burgermenu__line line-3"></img>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="head__line">
|
||||
</head>
|
||||
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<img src="/assets/Imglogo.svg" alt="">
|
||||
|
||||
<ul class="footer__navbar">
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__small-text">Публичный договор</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__small-text">Политика конфиденциальности</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="footer__information">
|
||||
<ul class="footer__navbar">
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">О наc</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">Курсы</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">FAQ</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">Контакты</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="footer__navbar">
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">Адрес компании</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">contact@skillup.kz</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">+7 (999) 999 99 99</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer__information__social">
|
||||
<img src="/assets/instagram.svg" alt="" class="footer__information__social__img">
|
||||
<img src="/assets/tiktok.svg" alt="" class="footer__information__social__img">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<script src="/js/burger_menu.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
250
labWeb/lab7/views/main.hbs
Normal file
250
labWeb/lab7/views/main.hbs
Normal file
@@ -0,0 +1,250 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="\css\head_and_footer.css">
|
||||
<link rel="stylesheet" href="\css\main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<head>
|
||||
<div class="img-container">
|
||||
<img src="/assets/rect.png" alt="" class="img-container__img">
|
||||
</div>
|
||||
<div class="head">
|
||||
<img src="/assets/Imglogo.svg" alt="" class="head__logo" />
|
||||
<div class="head__information">
|
||||
<ul class="head__navbar">
|
||||
<li class="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">О наc</a>
|
||||
</li>
|
||||
<li Fclass="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">Курсы</a>
|
||||
</li>
|
||||
<li class="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">FAQ</a>
|
||||
</li>
|
||||
<li class="head__navbar__links">
|
||||
<a href="" class="head__navbar__links__text">Контакты</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="head__login">Войти в аккаунт</button>
|
||||
<div class="head__burgermenu">
|
||||
<img src="/assets/Vector.svg" class="head__burgermenu__line line-1"></img>
|
||||
<img src="/assets/Vector.svg" class="head__burgermenu__line line-2"></img>
|
||||
<img src="/assets/Vector.svg" class="head__burgermenu__line line-3"></img>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="head__line">
|
||||
<div class="head-banner">
|
||||
<div class="head-banner__items">
|
||||
<div class="head-banner__items__text">
|
||||
Skill Up
|
||||
</div>
|
||||
<div class="head-banner__items__small-text">
|
||||
Раскрой свой потенциал
|
||||
</div>
|
||||
<button class="head-banner__items__buttons">О нас</button>
|
||||
</div>
|
||||
<div class="head-banner__rect">
|
||||
</div>
|
||||
</div>
|
||||
</head>
|
||||
|
||||
<main>
|
||||
<div class="container__100">
|
||||
<div class="company container_center">
|
||||
<p class="company__text">
|
||||
В этих компаниях работают наши ученики
|
||||
</p>
|
||||
<ul class="company__logo">
|
||||
<li class="company__logo__item"><img src="assets/company/logo-1.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-2.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-3.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-4.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-5.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-6.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-7.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-8.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-9.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-10.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-11.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-12.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-13.png" alt=""></li>
|
||||
<li class="company__logo__item"><img src="assets/company/logo-14.png" alt=""></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="courses container_center">
|
||||
<div class="courses__head">
|
||||
<p class="courses__head__text">Наши курсы</p>
|
||||
<div class="courses__head__buttons">
|
||||
<div class="courses__head__buttons__item button__left">
|
||||
<img src="assets/buttons/arrow-left.svg" alt="">
|
||||
</div>
|
||||
<div class="courses__head__buttons__item button__right">
|
||||
<img src="assets/buttons/arrow-right.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="courses__container">
|
||||
<div class="courses__container__tape">
|
||||
<div class="tape__item">
|
||||
<img src="assets/chart.png" alt="" class="tape__item__chart">
|
||||
<div class="tape__item__info">
|
||||
<p class="tape__item__info__text_1">
|
||||
Введение в аудит
|
||||
</p>
|
||||
<p class="tape__item__info__text_2">
|
||||
Фундаментальные знания об аудите в современном мире представляет собой комплексное изучение методов и
|
||||
техник аудита, необходимых для анализа финансовых данных организаций
|
||||
</p>
|
||||
<div class="tape__item__info__buttons">
|
||||
<button class="tape__item__info__button_item__1">8 000 ₸</button>
|
||||
<button class="tape__item__info__button_item__2">Начать обучение</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tape__item">
|
||||
<img src="assets/chart.png" alt="" class="tape__item__chart">
|
||||
<div class="tape__item__info">
|
||||
<p class="tape__item__info__text_1">
|
||||
Введение в аудит
|
||||
</p>
|
||||
<p class="tape__item__info__text_2">
|
||||
Фундаментальные знания об аудите в современном мире представляет собой комплексное изучение методов и
|
||||
техник аудита, необходимых для анализа финансовых данных организаций
|
||||
</p>
|
||||
<div class="tape__item__info__buttons">
|
||||
<button class="tape__item__info__button_item__1">8 000 ₸</button>
|
||||
<button class="tape__item__info__button_item__2">Начать обучение</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tape__item">
|
||||
<img src="assets/chart.png" alt="" class="tape__item__chart">
|
||||
<div class="tape__item__info">
|
||||
<p class="tape__item__info__text_1">
|
||||
Введение в аудит
|
||||
</p>
|
||||
<p class="tape__item__info__text_2">
|
||||
Фундаментальные знания об аудите в современном мире представляет собой комплексное изучение методов и
|
||||
техник аудита, необходимых для анализа финансовых данных организаций
|
||||
</p>
|
||||
<div class="tape__item__info__buttons">
|
||||
<button class="tape__item__info__button_item__1">8 000 ₸</button>
|
||||
<button class="tape__item__info__button_item__2">Начать обучение</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form container_center">
|
||||
<form action="" class="form__container">
|
||||
{{!-- <input placeholder="Имя" type="text" class="form__container__input">
|
||||
<input placeholder="Email" type="text" class="form__container__input">
|
||||
<input placeholder="Телефон" type="text" class="form__container__input"> --}}
|
||||
|
||||
<div class="form__container__input">
|
||||
<input type="text" class="input__Animation">
|
||||
<label class="label__Animation">Имя</label>
|
||||
</div>
|
||||
<div class="form__container__input">
|
||||
<input type="text" class="input__Animation">
|
||||
<label class="label__Animation">Email</label>
|
||||
</div>
|
||||
<div class="form__container__input">
|
||||
<input type="text" class="input__Animation">
|
||||
<label class="label__Animation">Телефон</label>
|
||||
</div>
|
||||
|
||||
<button class="form__container__button">Отправить</button>
|
||||
|
||||
<label for="checkbox__1" class="form__container__checkbox">
|
||||
<input type="checkbox" id="checkbox__1">
|
||||
<div class="form__container__checkbox__fake"></div>
|
||||
Согласен(а) с политикой конфиденциальности
|
||||
</label>
|
||||
|
||||
</form>
|
||||
<img src="assets/form__items/imgs.png" alt="" class="form__img">
|
||||
<div class="form__info">
|
||||
<div class="form__info__item">
|
||||
<img src="assets\form__items\map.svg" alt="" class="form__info__item__img">
|
||||
<p class="form__info__item__text">Адрес компании</p>
|
||||
</div>
|
||||
<div class="form__info__item">
|
||||
<img src="assets\form__items\mail.svg" alt="" class="form__info__item__img">
|
||||
<p class="form__info__item__text">contact@skillup.kz</p>
|
||||
</div>
|
||||
<div class="form__info__item">
|
||||
<img src="assets\form__items\phone.svg" alt="" class="form__info__item__img">
|
||||
<p class="form__info__item__text">+7 (999) 999 99 99</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<img src="/assets/Imglogo.svg" alt="">
|
||||
|
||||
<ul class="footer__navbar">
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__small-text">Публичный договор</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__small-text">Политика конфиденциальности</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="footer__information">
|
||||
<ul class="footer__navbar">
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">О наc</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">Курсы</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">FAQ</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">Контакты</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="footer__navbar">
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">Адрес компании</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">contact@skillup.kz</a>
|
||||
</li>
|
||||
<li class="footer__navbar__links">
|
||||
<a href="" class="footer__navbar__links__text">+7 (999) 999 99 99</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer__information__social">
|
||||
<img src="/assets/instagram.svg" alt="" class="footer__information__social__img">
|
||||
<img src="/assets/tiktok.svg" alt="" class="footer__information__social__img">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<script src="/js/burger_menu.js"></script>
|
||||
<script src="/js/courses.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user