NII DVACH

This commit is contained in:
Ccccadyrov 2022-10-16 14:04:06 +10:00
parent 7c20410c2b
commit efee860f2e
2 changed files with 78 additions and 9 deletions

View File

@ -6,12 +6,43 @@
<meta charset="UTF-8">
<title>Двач но не двач</title>
</head>
<body>
<div class="main-wrapper">
<div class="hello">
<p class="hellotext">Добро пожаловать, снова!</p>
</div>
<div class="catalog">
<div class="section">
<ul>
<li><a class="main_link" href="#">Бред</a></li>
<li><a class="link" href="#">последние</a></li>
<li><a class="link" href="#">треды</a></li>
<li><a class="link" href="#">в</a></li>
<li><a class="link" href="#">разделе</a></li>
<li></li>
</ul>
</div>
<div class="section">
<ul>
<li><a class="main_link" href="#">Бред</a></li>
<li><a class="link" href="#">последние</a></li>
<li><a class="link" href="#">треды</a></li>
<li><a class="link" href="#">в</a></li>
<li><a class="link" href="#">разделе</a></li>
<li></li>
</ul>
</div>
<div class="section">
<ul>
<li><a class="main_link" href="#">Бред</a></li>
<li><a class="link" href="#">последние</a></li>
<li><a class="link" href="#">треды</a></li>
<li><a class="link" href="#">в</a></li>
<li><a class="link" href="#">разделе</a></li>
<li></li>
</ul>
</div>
</div>
<div class="message">
<p class="messagecontent">Пример текста сообщения, текст</p>
</div>
@ -19,12 +50,6 @@
<textarea class="textplace" name="messagetext" id="messagetext" cols="30" rows="10"></textarea>
<input class="button" type="submit" for="messagetext">
</div>
<div class="sql">
<form>
<input type="text" id="forviktor">
<button type="submit" for="forviktor">SEND</button>
</form>
</div>
<button class="ugly" id="ugly">Я Moral_Ugly</button>
</div>
<script src="script/js.js"></script>

View File

@ -1,4 +1,11 @@
body {
margin: 0;
padding: 0;
width: 100%;
background-color: beige;
}
.hello {
border-radius: 4px;
width: 700px;
background-color: orange;
margin-left: auto;
@ -49,7 +56,9 @@ h1 {
background-color: blue;
}
.main-wrapper {
width: 700px;
width: 720px;
padding-left: 10px;
padding-right: 10px;
background-color: #afacac;
margin-left: auto;
margin-right: auto;
@ -67,3 +76,38 @@ h1 {
.ugly:hover {
background-color: darkgoldenrod;
}
.catalog {
display: flex;
justify-content: space-between;
padding-left: 10px;
padding-right: 10px;
margin-top: 15px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.section {
width: 200px;
background-color: #cac9c9;
padding: 10px;
}
.link {text-decoration: none;
color: rgb(255, 102, 0);
font-size: 18px;
line-height: 20px;
font-weight: 600;
}
a:hover {
color:rgb(221, 72, 18);
}
.main_link {
font-size: 28px;
line-height: 32px;
text-decoration: none;
font-weight: 650;
color: rgb(255, 102, 0);
}