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.

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

made some Fixings #5

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
10 changes: 10 additions & 0 deletions HomeWork__FIXES/.vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"liveSassCompile.settings.formats": [

{
"format": "expanded",
"extensionName": ".css",
"savePath": "./css"
}
]
}
195 changes: 195 additions & 0 deletions HomeWork__FIXES/Checkout.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!-- Сообщаем браузеру как стоит обрабатывать эту страницу -->
<!DOCTYPE html>
<!-- Оболочка документа, указываем язык содержимого -->
<html lang="ru">
<!-- Заголовок страницы, контейнер для других важных данных (не отображается) -->

<head>
<!-- Заголовок страницы в браузере -->
<title>Checkout</title>
<!-- Подключаем CSS -->
<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>
<!-- Кодировка страницы -->
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<!-- Отображаемое тело страницы -->

<body>

<div class="header">
<div class="header__topline container">
<div class="container__topline">
<div class="topline__wrapper">
<div class="topline__logo">
<a href="#"><img src="./img/Icons/logo_icon.png" alt="b"></a>
<p>bran<span>d</span></p>
</div>
<div class="topline__navigation">
<div class="navigation__browse">
<button>Browse</button>
</div>
<div class="navigation__serch">
<input type="serch" placeholder="Search for Item...">
<button><img src="./img/Icons/serch_icon.png" alt="serch"></button>
</div>
</div>
</div>
<div class="topline__personals">
<div class="personals__cart">
<a href="#"><img src="./img/Icons/cart_icon.png" alt="cart"></a>
</div>
<div class="personals__account">
<button>My Account</button>
</div>
</div>
</div>
</div>
<div class="header__bottomline">
<a href="./index.html">Home</a>
<a href="#">Man</a>
<a href="#">Women</a>
<a href="#">Kids</a>
<a href="#">Accoseriese</a>
<a href="#">Featured</a>
<a href="#">Hot Deals</a>
</div>
</div>
<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>

<div class="block-subscribe">
<div class="wrapper__subscribe container">
<div class="subscribe__quote">
<div class="quote__image">
<img src="./img/Images/quote_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="vertical__line"></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>
<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></i></a>
</div>
<div class="socials__item">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</div>
</div>
</div>
</div>
</div>

</body>

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

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


</html>
Loading