Skip to content

Commit

Permalink
Сохранение
Browse files Browse the repository at this point in the history
  • Loading branch information
@VitalyChy
VitalyChy committed Dec 1, 2023
1 parent a509aae commit b029f04
Show file tree
Hide file tree
Showing 4 changed files with 482 additions and 3 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.multiRootWorkspaceName": "ono-tebe-nado"
}
143 changes: 142 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,147 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Оно тебе надо — аукцион вещей, в которые никто не верил</title>
<link rel="stylesheet" href="fonts/fonts.css" />
<link rel="stylesheet" href="styles/global.css" />
<link rel="stylesheet" href="styles/style.css" />
</head>
<body></body>
<body>
<header class="header">
<nav class="header__menu">
<ul class="header__links-list">
<li class="header__links-list-item header__links-list-item_no-bullit">
<a class="header__link header__link_active">главная</a>
</li>
<li class="header__links-list-item">
<a class="header__link" href="#0">посмотреть лоты</a>
</li>
<li class="header__links-list-item">
<a class="header__link" href="#0">об аукционе</a>
</li>
</ul>
</nav>
<a class="header__logo">
<img
class="header__logo-image"
src="./images/logo-black.svg"
alt="Логотип Оно тебе надо"
/>
</a>
<address class="header__address address">
<a href="tel:+70000000">+9 999 555 5555</a>
<a href="mailto:[email protected]">[email protected]</a>
<p>наб. Принсенграхт 263-265, Амстердам</p>
</address>
</header>
<main>
<section class="cover">
<div class="overlay"></div>
<h1 class="cover__title">
<span class="aligned-text"
>о<span class="letter-spacing-extended">но</span></span
>
<span class="aligned-text_center"
>те<span class="letter-spacing-extended">бe</span></span
>
<span class="aligned-text_right"
><span class="letter-spacing-extended">н</span>aд<span
class="no-letter-spacing"
>о</span
></span
>
</h1>
<div class="cover__description">
<p class="cover__description-text">
Аукцион вещей, в которые никто не верил
</p>
<button type="button" class="bet-button">Сделать ставку</button>
</div>
</section>
<section class="lots">
<h2 class="lots__heading">Лоты</h2>
<ul class="lots__card-list">
<li class="lots__card-list-item">
<a href="#0" class="card-link">
<article class="card card_type_film">
<div class="overlay"></div>
<h3 class="card__title">
Фильм режиссёра, который бросил киношколу
</h3>
<p class="card__text">
Не просто бросил, а ушёл с первой лекции. Какой была бы ваша
ставка, если бы вы не знали, что режиссёр — Пол Томас
Андерсон?
</p>
</article>
</a>
</li>
<li class="lots__card-list-item">
<a href="#0" class="card-link">
<article class="card card_type_book">
<div class="overlay"></div>
<h3 class="card__title">
Книга, где описан один скучный день из жизни рекламного агента
</h3>
<p class="card__text">
Объёмом почти в тысячу страниц. Иногда без знаков препинания и
с переходами на древнеанглийский. В ней одновременно
рассказывается о 16 июня 1904 года и об истории литературы,
начиная с античных времён. И это всё накладывается на
эпическую поэму Гомера. Сколько бы вы поставили на «Улисса»
Джеймса Джойса?
</p>
</article>
</a>
</li>
<li class="lots__card-list-item">
<a href="#0" class="card-link">
<article class="card card_type_picture">
<div class="overlay"></div>
<h3 class="card__title">
Картина, которую повторит даже 5-летний сын маминой подруги
</h3>
<p class="card__text">
Ну действительно, там линия, тут кружочек, а здесь и вовсе
что-то похожее на инфузорию-туфельку. Никаких полей, лесов,
котиков… Сколько бы вы на такое поставили, если бы не знали,
что это — одна из революционных работ Кандинского?
</p>
</article>
</a>
</li>
</ul>
<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">
<h2 class="about__title">Об аукционе</h2>
</div>
<div class="about__text">
<p>
Здесь вы не встретите очередное пафосное собрание невероятно
дорогого антиквариата. Наши лоты вообще не должны были попасть ни на
один аукцион. Потому что кому нужен дневник девочки-подростка или
картина, которую может нарисовать даже ребёнок? Кому нужны все эти
странные вещи, созданные любителями?
</p>
<p>
Слишком сложные или, наоборот, слишком простые. Опережающие своё
время. В пух и прах растерзанные критиками. Непринятые и непонятые.
Когда-то они казались просто неудачными. Но, несмотря на критику,
кажущуюся простоту или сложность, сейчас без этих лотов невозможно
представить современную культуру. Когда в эти вещи не верил никто,
продолжали верить их создатели. И сейчас эти лоты стали культовыми.
</p>
</div>
</section>
</main>
<footer></footer>
</body>
</html>
3 changes: 2 additions & 1 deletion styles/global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@

body {
min-width: 1100px;
margin: 0;
max-width: 1440px;
margin: auto;
font-family: Raleway, sans-serif;
}

Expand Down
Loading

0 comments on commit b029f04

Please sign in to comment.