MorozovDanil/InternetProg_MorozovDV_PIbd-22
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

lab1 #1

Open
MorozovDanil wants to merge 7 commits from lab1 into main
pull from: lab1
merge into: MorozovDanil:main
Conversation 0 Commits 7 Files Changed 14 +170 -12
10 changed files with 170 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 318bb778e7 - Show all commits

25
account.html
View File

@ -8,8 +8,29 @@
</head>
<body>
<div>
<p>будет авторизация</p>
<div class="menu">
<a href="index.html">
<img src="img/manga.png" alt="ЛОГО">
</a>
<p>надо будет прикрепить, чтобы не двигался при прокрутке</p>
<p>Тут возможно будет каталог</p>
</div>
<div class="input">
<form class="form">
<div class="form-row input">
<p>Введите номер телефона</p>
<input type="tel" placeholder="Телефон" id="number" name="number_acc">
</div>
<div class="form-row input">
<p>Введите пароль</p>
<input type="text" placeholder="Пароль" id="password" name="password_acc">
</div>
<div class="form-row input">
<button type="submit">Вход</button>
</div>
</form>
</div>
</body>

2
author.html
View File

@ -15,7 +15,7 @@
<p>каталог возможно</p>
</div>
<div>
<h3></h3>
<img src="img/ХаяоМиядзаки.png" alt="">
<p>посвящено автору и тп.</p>
</div>
</body>

23
css/style.css
View File

@ -20,6 +20,27 @@ div {
margin: 0 auto 10px;
}
.input {
width: 700px;
margin-top: 70px;
}
.menu {
margin-bottom: 50px;
}
}
.icons {
display: flex;
flex-wrap: wrap;
}
.icon {
width: 150px;
margin: 0 30px;
}
.card {
display: flex;
}

BIN
img/ХаяоМиядзаки.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 453 KiB

BIN
img/заглушка.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
img/новость.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

91
index.html
View File

@ -9,6 +9,7 @@
<body>
<p>для фона надо наверное найти картинку</p>
<div class="menu">
<a href="index.html">
<img src="img/manga.png" alt="ЛОГО">
@ -17,15 +18,93 @@
<p>Тут возможно будет каталог</p>
<a href="account.html">вход</a>
</div>
<p>основное расположение.хочется все ссылки чтобы при наведении выделялись</p>
<div class="main">
<p>основное расположение.хочется все ссылки чтобы при наведении выделялись</p>
<a href="author.html">про автора</a>
<a href="manga.html">Инфа о манге</a>
<a href="reading.html">Читать</a>
<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">какие-то новости
<a href="news.html">конкретная новость</a>
<div class="news">
<h3>Наши новости:</h3>
<section class="card-news"><!--секция с новостями-->
<div class="card">
<a href="news.html">
<img src="img/новость.jpg" alt="">
</a>
<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 class="card">
<a href="news.html">
<img src="img/новость.jpg" alt="">
</a>
<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>
</section>
</div>
</body>
</html>

16
manga.html
View File

@ -8,8 +8,24 @@
</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>
<figure>
<img src="img/заглушка.jpg" alt="">
<figcaption>Заглушка</figcaption>
</figure>
<p>здесь будет сама инфа о манге</p>
<a href="author.html">про автора</a>
<a href="reading.html">Читать</a>
</div>
</body>

13
news.html
View File

@ -8,8 +8,19 @@
</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>
<p>Новость</p>
<img src="img/новость.jpg" alt="">
<p>Новость Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae exercitationem eligendi error. Architecto voluptatum eaque, nostrum ea a consequuntur, deleniti dolor provident sequi dicta culpa magnam delectus amet distinctio autem?</p>
</div>
</body>

12
reading.html
View File

@ -8,8 +8,18 @@
</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>
<p>Чтение манги. где-то будет лого</p>
<p>Чтение манги. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, at ad! Error qui iste quae, mollitia inventore dolorem, deleniti adipisci eveniet, dolores sit facere! Quo aspernatur ea nulla molestiae quos.</p>
</div>
</body>