Skip to content

Commit

Permalink
footer v1
Browse files Browse the repository at this point in the history
  • Loading branch information
@varyandis
varyandis committed Oct 18, 2023
1 parent 6d7df62 commit 0634dc2
Show file tree
Hide file tree
Showing 2 changed files with 123 additions and 25 deletions.
111 changes: 87 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,17 +48,18 @@
<div class="overlay"></div>
<h1 class="cover__title">
<p>
<span class="aligned-text">о</span>
<span class="aligned-text letter-spacing-extended">но</span>
</p>
<p class="aligned-text_center">
<span class="aligned-text">те</span>
<span class="aligned-text letter-spacing-extended">бе</span>
</p>
<p class="aligned-text_right">
<span class="aligned-text letter-spacing-extended">н</span>
<span class="aligned-text">ад</span>
<span class="aligned-text no-letter-spacing">о</span></p>
<span class="aligned-text">о</span>
<span class="aligned-text letter-spacing-extended">но</span>
</p>
<p class="aligned-text_center">
<span class="aligned-text">те</span>
<span class="aligned-text letter-spacing-extended">бе</span>
</p>
<p class="aligned-text_right">
<span class="aligned-text letter-spacing-extended">н</span>
<span class="aligned-text">ад</span>
<span class="aligned-text no-letter-spacing">о</span>
</p>
</h1>
<div class="cover__description">
<p class="cover__description-text">
Expand Down Expand Up @@ -88,7 +89,7 @@ <h2 class="lots__heading">Лоты</h2>
<li class="lots__card-list-item">
<a class="card-link card_type_book" href="#0">
<div class="overlay"></div>
<article class="card ">
<article class="card">
<p class="card__title">
Книга, где описан один скучный день из жизни рекламного агента
</p>
Expand All @@ -106,7 +107,7 @@ <h2 class="lots__heading">Лоты</h2>
<li class="lots__card-list-item">
<a class="card-link card_type_picture" href="#0">
<div class="overlay"></div>
<article class="card ">
<article class="card">
<p class="card__title">
Картина, которую повторит даже 5-летний сын маминой подруги
</p>
Expand All @@ -123,25 +124,87 @@ <h2 class="lots__heading">Лоты</h2>
<a class="lots__look-more-link" href="#0">посмотреть больше</a>
</section>
<section class="about">
<div class="about__logo">
<img
class="about__logo-image"
src="/images/logo-white.svg"
alt="логотип проекта">
</div>
<div class="about__column">
<div class="about__logo">
<img
class="about__logo-image"
src="/images/logo-white.svg"
alt="логотип проекта"
/>
</div>
<div class="about__column">
<h2 class="about__title">Об аукционе</h2>
<div class="about__text">
<p>
Здесь вы не встретите очередное пафосное собрание невероятно дорогого антиквариата. Наши лоты вообще не должны были попасть ни на один аукцион. Потому что кому нужен дневник девочки-подростка или картина, которую может нарисовать даже ребёнок? Кому нужны все эти странные вещи, созданные любителями?
Здесь вы не встретите очередное пафосное собрание невероятно
дорогого антиквариата. Наши лоты вообще не должны были попасть ни
на один аукцион. Потому что кому нужен дневник девочки-подростка
или картина, которую может нарисовать даже ребёнок? Кому нужны все
эти странные вещи, созданные любителями?
</p>
<p>
Слишком сложные или, наоборот, слишком простые. Опережающие своё время. В пух и прах растерзанные критиками. Непринятые и непонятые. Когда-то они казались просто неудачными. Но, несмотря на критику, кажущуюся простоту или сложность, сейчас без этих лотов невозможно представить современную культуру. Когда в эти вещи не верил никто, продолжали верить их создатели. И сейчас эти лоты стали культовыми.
Слишком сложные или, наоборот, слишком простые. Опережающие своё
время. В пух и прах растерзанные критиками. Непринятые и
непонятые. Когда-то они казались просто неудачными. Но, несмотря
на критику, кажущуюся простоту или сложность, сейчас без этих
лотов невозможно представить современную культуру. Когда в эти
вещи не верил никто, продолжали верить их создатели. И сейчас эти
лоты стали культовыми.
</p>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">132</footer>
<footer class="footer">
<address class="address">
<p class="header__address">
<a href="tel:+70000000">+9 999 555 5555</a>
<br />
<a href="mailto:[email protected]">[email protected]</a>
<br />
наб. Принсенграхт 263-265,
<br />
Амстердам
</p>
</address>
<nav class="footer__menu">
<ul class="footer__menu-list">
<li class="footer__menu-list-item">
<a class="footer__menu-link_active" href="#0">главная</a>
</li>
<li class="footer__menu-list-item">
<a class="footer__menu-link" href="#0">посмотреть лоты</a>
</li>
<li class="footer__menu-list-item">
<a class="footer__menu-link" href="#0">об аукционе</a>
</li>
</ul>
</nav>
<ul class="footer__social-list">
<li class="footer__social-list-item">
<a class="footer__social-link" href="#0">
<img
src="./images/yt.svg"
alt="иконка социальных сетей"
class="footer__social-icon"
/></a>
</li>
<li class="footer__social-list-item">
<a class="footer__social-link" href="#0">
<img
src="./images/vk.svg"
alt="иконка социальных сетей"
class="footer__social-icon"
/></a>
</li>
<li class="footer__social-list-item">
<a class="footer__social-link" href="#0">
<img
src="./images/pinterest.svg"
alt="иконка социальных сетей"
class="footer__social-icon"
/></a>
</li>
</ul>
</footer>
</body>
</html>
37 changes: 36 additions & 1 deletion styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -310,6 +310,41 @@
}

.footer {
display: flex;
justify-content: space-between;
padding: 0 50px 90px;
background: #dacfcf;
}

.footer__menu {
color: #000;
font-family: Raleway;
font-weight: 400;
font-size: 18px;
font-style: normal;
line-height: normal;
text-align: center;
text-align: center;
}

.footer__menu-list {
list-style-type: none;
}
.footer__menu-list-item {
text-underline-position: under;
}
.footer__menu-list-item .footer__menu-link_active {
text-decoration-line: none;
}

.footer__social-list {
display: flex;
justify-content: space-between;
width: 240px;
height: 48px;
list-style-type: none;
}

.footer__social-icon {
width: 100%;
height: 100%;
}

0 comments on commit 0634dc2

Please sign in to comment.