Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Home work 6 #8

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Home work 6 #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
879f9b0
homeWork_5
Psyfunt Dec 10, 2020
44ca905
delete HomeWork_5 from main branch. Will create new branch
Psyfunt Dec 10, 2020
4e83d63
Made Home Work 6
Psyfunt Dec 13, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions HomeWork_6/#src/Checkout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!-- Сообщаем браузеру как стоит обрабатывать эту страницу -->
<!DOCTYPE html>
<!-- Оболочка документа, указываем язык содержимого -->
<html lang="en">
<!-- Заголовок страницы, контейнер для других важных данных (не отображается) -->

<head>
<!-- Заголовок страницы в браузере -->
<title>Checkout</title>
<!-- Подключаем CSS -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/07db5be7a8.js" crossorigin="anonymous"></script>
<!-- Кодировка страницы -->

</head>
<!-- Отображаемое тело страницы -->

<body>

@@include('_header.html')
@@include('_block-bradcramps.html')
@@include('_block-checkout.html')
@@include('_block-subscribe.html')
@@include('_block-footer.html')
<script src="js/script.min.js"></script>
</body>

<!-- Подключаем JQuery -->

<!-- Подключаем JavaScript -->


</html>
10 changes: 10 additions & 0 deletions HomeWork_6/#src/_block-bradcramps.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<div class="block-bradcramps">
<div class="breadcramps container">
<div class="breadcramps__title">New Arrivals </div>
<div class="breadcramps__nav">
<a href="#">Home /</a>
<a href="#">Men /</a>
<a href="#">New Arrivals</a>
</div>
</div>
</div>
60 changes: 60 additions & 0 deletions HomeWork_6/#src/_block-checkout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<div class="block-checkout container">
<div class="checkout__elements">
<div class="elements__item item__element">
<h2>01. shipping adress</h2>
<div class="element__form">
<div class="form__guest">
<div class="guest__title">Check as a guest or register</div>
<div class="guest__subtitle">Register with us for future convenience</div>
<form action="#" class="guest__form">
<label for="guest">
<input type="radio" name="guest" id="guest">
checkout as guest
</label>
<label for="register">
<input type="radio" name="guest" id="register">
register
</label>
<div class="registr__info">
<h3>register and save time!</h3>
<p>Register with us for future convenience</p>
<span>Fast and easy checkout</span>
<span>Easy access to your order history and status</span>
</div>
<button>Continue</button>
</form>
</div>
<div class="form__registed">
<div class="guest__title">Already registed?</div>
<div class="guest__subtitle">Please log in below</div>
<form action="#" class="registed">
<label for="email">EMAIL ADDRESS</label>
<input type="email" required name="email" id="email">

<label for="password">PASSWORD</label>
<input type="password" required name="password" id="password">
<span>* Required Fileds</span>

<button>Log in</button>

</form>
</div>
</div>
</div>
<div class="elements__item">
<h2>02. BILLING INFORMATION</h2>
</div>
<div class="elements__item">
<h2> 03. SHIPPING INFORMATION</h2>
</div>
<div class="elements__item">
<h2>04. SHIPPING METHOD</h2>
</div>
<div class="elements__item">
<h2>05. PAYMENT METHOD</h2>
</div>
<div class="elements__item">
<h2>06. ORDER REVIEW</h2>
</div>
</div>
</div>
84 changes: 84 additions & 0 deletions HomeWork_6/#src/_block-footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<div class="block-footer ">
<div class="footer__main container">
<div class="main__columns">
<div class="columns__row row__about">
<div class="topline__logo about__logo">
<a href="#"><img src="./img/Icons/logo_icon.png" alt="b"></a>
<p>bran<span>d</span></p>
</div>
<div class="about__text">
<p>Objectively transition extensive data rather than cross functional solutions. Monotonectally
syndicate multidisciplinary materials before go forward benefits. Intrinsicly syndicate an
expanded array of processes and cross-unit partnerships. </p>
<p>Efficiently plagiarize 24/365 action items and focused infomediaries.
Distinctively seize superior initiatives for wireless technologies. Dynamically optimize.</p>
</div>
</div>
<div class="columns__navigation">
<div class="columns__row">
<div class="row__title">COMPANY</div>
<div class="row__list">
<ul class="list__items">
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">About</a></li>
<li><a href="#">How It Works</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

</div>
<div class="columns__row">
<div class="row__title">information</div>
<div class="row__list">
<ul class="list__items">
<li><a href="#">Tearms & Condition</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">How to Buy</a></li>
<li><a href="#">How to Sell</a></li>
<li><a href="#">Promotion</a></li>
</ul>
</div>
</div>
<div class="columns__row">
<div class="row__title">shop category</div>
<div class="row__list">
<ul class="list__items">
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Child</a></li>
<li><a href="#">Apparel</a></li>
<li><a href="#">Brows All</a></li>
</ul>
</div>

</div>

</div>
</div>
</div>
<div class="footer__bottom">
<div class="wrapper__bottom container">
<div class="bottom__rights">
<span>&copy; 2017 Brand All Rights Reserved.</span>
</div>
<div class="bottom__socials">
<div class="socials__item">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</div>
<div class="socials__item">
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
<div class="socials__item">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
<div class="socials__item">
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
<div class="socials__item">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</div>
</div>
</div>
</div>
</div>
31 changes: 31 additions & 0 deletions HomeWork_6/#src/_block-services_horizontal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<div class="block-services ">
<div class="wrapper__services container ">
<div class="services__item">
<div class="item__icon">
<img src="./img/Icons/service_icon_1.svg" alt="icon">
</div>
<div class="item__name">Free Delivery</div>
<div class="item__text">Worldwide delivery on all. Authorit tively morph next-generation innov tion
with
extensive models.</div>
</div>
<div class="services__item">
<div class="item__icon">
<img src="./img/Icons/service_icon_2.svg" alt="icon">
</div>
<div class="item__name">Sales & discounts</div>
<div class="item__text">Worldwide delivery on all. Authorit tively morph next-generation innov tion
with
extensive models.</div>
</div>
<div class="services__item">
<div class="item__icon">
<img src="./img/Icons/service_icon_3.svg" alt="icon">
</div>
<div class="item__name">Quality assurance</div>
<div class="item__text">Worldwide delivery on all. Authorit tively morph next-generation innov tion
with
extensive models.</div>
</div>
</div>
</div>
39 changes: 39 additions & 0 deletions HomeWork_6/#src/_block-serwices.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<div class="block-serwices container">
<div class="serwices__offer">
<p>30% <span>OFFER</span></p>
<span>FOR WOMEN</span>
</div>
<div class="serwices__items">
<div class="items__serwice">
<div class="serwice__icon">
<img src="./img/Icons/service_icon_1.svg" alt="delivery icon">
</div>
<div class="serwice__info">
<div class="info__title">Free Delivery</div>
<div class="info__description">Worldwide delivery on all. Authorit tively morph next-generation
innov tion with extensive models.</div>
</div>
</div>
<div class="items__serwice">
<div class="serwice__icon">
<img src="./img/Icons/service_icon_2.svg" alt="delivery icon">
</div>
<div class="serwice__info">
<div class="info__title">Sales & discounts</div>
<div class="info__description">Worldwide delivery on all. Authorit tively morph next-generation
innov tion with extensive models.</div>
</div>
</div>
<div class="items__serwice">
<div class="serwice__icon">
<img src="./img/Icons/service_icon_3.svg" alt="delivery icon">
</div>
<div class="serwice__info">
<div class="info__title">Quality assurance</div>
<div class="info__description">Worldwide delivery on all. Authorit tively morph next-generation
innov tion with extensive models.</div>
</div>
</div>

</div>
</div>
31 changes: 31 additions & 0 deletions HomeWork_6/#src/_block-subscribe.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<div class="block-subscribe ">
<div class="wrapper__subscribe-color "></div>
<span></span>
<div class="wrapper__subscribe container ">
<div class="subscribe__quote">
<div class="quote__image">
<img src="./img/Images/quote_author_image.png" alt="photo">
</div>
<div class="quote__text">
<div class="text__main">
<p>“Vestibulum quis porttitor dui! Quisque viverra nunc mi,
a pulvinar purus condimentum a. Aliquam condimentum mattis neque sed pretium”</p>
</div>
<div class="text__author">Bin Burhan</div>
<div class="text__place">Dhaka, Bd</div>
<div class="quote__controls">
<span></span>
</div>
</div>

</div>
<div class="subscribe__form">
<div class="form__title">Subscribe</div>
<div class="form__subtitle">for our newletter and promotion</div>
<div class="form__input">
<input type="email" placeholder="Enter Your Email">
<button>Subscribe</button>
</div>
</div>
</div>
</div>
Loading