112 lines
3.0 KiB
HTML
112 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<title>Заголовок страницы</title>
|
||
<meta charset="UTF-8">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="menu">
|
||
<a href="index.html">
|
||
<img src="img/manga.png" alt="ЛОГО">
|
||
</a>
|
||
<p>надо будет прикрепить, чтобы не двигался при прокрутке</p>
|
||
<p>Тут возможно будет каталог</p>
|
||
<a href="account.html">вход</a>
|
||
</div>
|
||
|
||
<div class="main">
|
||
<h3>Наши произведения</h3>
|
||
<section class="icons"><!--секция с обложками-->
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="icon">
|
||
<a href="manga.html">
|
||
<figure>
|
||
<img src="img/заглушка.jpg" alt="">
|
||
<figcaption>Заглушка</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<div class="news">
|
||
<h3>Наши новости:</h3>
|
||
<section class="card-news"><!--секция с новостями-->
|
||
<div class="card">
|
||
<a href="news.html">
|
||
<img src="img/новость.jpg" alt="">
|
||
</a>
|
||
<div class="description-news">
|
||
<h4>Новость 1</h4>
|
||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero laborum possimus itaque quibusdam beatae ipsam odit sed? Vel blanditiis repellendus,
|
||
ea nam, incidunt odio sit amet sequi nihil, laudantium aspernatur!</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="card">
|
||
<a href="news.html">
|
||
<img src="img/новость.jpg" alt="">
|
||
</a>
|
||
<div class="description-news">
|
||
<h4>Новость 2</h4>
|
||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero laborum possimus itaque quibusdam beatae ipsam odit sed? Vel blanditiis repellendus,
|
||
ea nam, incidunt odio sit amet sequi nihil, laudantium aspernatur!</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html> |