129 lines
3.6 KiB
HTML
129 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<title>Манга онлайн</title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="menu">
|
||
<a href="index.html" class="logo">
|
||
<img src="img/manga.png" alt="ЛОГО">
|
||
</a>
|
||
<ul class="nav">
|
||
<li class="dropdown">
|
||
<span>Каталог ▾</span>
|
||
<ul class="features-menu">
|
||
<li><a href="#">Жанр 1</a></li>
|
||
<li><a href="#">Жанр 2</a></li>
|
||
<li><a href="#">Жанр 3</a></li>
|
||
<li><a href="#">Жанр 4</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="login"><a href="account.html">вход</a></li>
|
||
</ul>
|
||
</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>
|
||
|
||
<footer>
|
||
<p>Спасибо, что посетили наш сайт, если возникли вопросы обращайтесь к нам на почту manga@manga.scom</p>
|
||
<p>Если вас интерисуют наши соц.сети, то вот они: </p>
|
||
<a href="https://vk.com/ded_moroz1509"><img class="logoVK" src="img/VK0.png" alt="VK"></a>
|
||
</footer>
|
||
|
||
</body>
|
||
|
||
</html> |