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

готово к сдаче

Browse Source
This commit is contained in:
MorozovDanil
2025-03-01 14:45:13 +04:00
parent 41cf84ee99
commit ffb8826ea8
8 changed files with 99 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
account.html
View File

@@ -4,18 +4,17 @@
<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">
<a href="index.html" class="logo">
<img src="img/manga.png" alt="ЛОГО">
</a>
<p>надо будет прикрепить, чтобы не двигался при прокрутке</p>
<p>Тут возможно будет каталог</p>
</div>
</div>
<div class="input">
<form class="form">

3
author.html
View File

@@ -4,6 +4,7 @@
<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>
@@ -28,7 +29,7 @@
<div class="author">
<img src="img/ХаяоМиядзаки.png" alt="">
<img class="img-author" src="img/ХаяоМиядзаки.png" alt="">
<div class="description">
<h3>Автор: Хаяо Миядзаки</h3>
<p>посвящено автору и тп. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur quod harum voluptate architecto, sit eaque, voluptatibus excepturi deleniti consequatur porro vero dolorem dolorum vitae laborum libero et veritatis sapiente a?</p>

83
css/style.css
View File

@@ -36,11 +36,7 @@ div {
.icon {
width: 150px;
margin-left: 25px;
}
.icon:nth-of-type(n+6){
margin-right: 25px;
margin: 0px 20px 10px;
}
.card {
@@ -120,3 +116,80 @@ footer {
.dropdown:hover .features-menu {
display: block;
}
.logoVK {
margin-top: 10px;
height: 40px;
}
/* Мобилка */
@media only screen and (min-width: 100px) and (max-width: 700px) {
div, .input, .read {
width: 80%;
}
.menu{
padding: 0px;
}
.icon{
padding: 0 5px;
margin: 0 auto;
}
.card{
display: block;
}
.author {
display: block;
}
.img-author{
width: 100%;
}
.read img {
width: 100%;
}
}
/* Планшет */
@media only screen and (min-width: 701px) and (max-width: 1400px) {
div, .input, .read {
width: 80%;
}
.menu{
padding: 0px;
}
.icon{
padding: 0 5px;
margin: 0 auto;
}
.author {
display: block;
}
.img-author{
width: 100%;
}
.read img {
width: 100%;
}
}
/* ПК */
@media only screen and (min-width: 1401px) {
div, .input, .read {
width: 80%;
}
.menu{
padding: 0px;
}
.icon{
padding: 0 5px;
margin: 0 auto;
}
.author {
display: block;
}
.img-author{
width: 100%;
}
.read img {
width: 100%;
}
}

11
img/vk.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

1
index.html
View File

@@ -121,6 +121,7 @@
<footer>
<p>Спасибо, что посетили наш сайт, если возникли вопросы обращайтесь к нам на почту manga@manga.scom</p>
<p>Если вас интерисуют наши соц.сети, то вот они: </p>
<a href="https://vk.com/ded_moroz1509"><img class="logoVK" src="img/vk.svg" alt="VK"></a>
</footer>
</body>

3
manga.html
View File

@@ -2,8 +2,9 @@
<html lang="ru">
<head>
<title>сама манга?</title>
<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>

1
news.html
View File

@@ -4,6 +4,7 @@
<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>

1
reading.html
View File

@@ -4,6 +4,7 @@
<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>