NII DVACH
This commit is contained in:
parent
7c20410c2b
commit
efee860f2e
39
index.html
39
index.html
@ -6,12 +6,43 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Двач но не двач</title>
|
<title>Двач но не двач</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="main-wrapper">
|
<div class="main-wrapper">
|
||||||
<div class="hello">
|
<div class="hello">
|
||||||
<p class="hellotext">Добро пожаловать, снова!</p>
|
<p class="hellotext">Добро пожаловать, снова!</p>
|
||||||
</div>
|
</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">
|
<div class="message">
|
||||||
<p class="messagecontent">Пример текста сообщения, текст</p>
|
<p class="messagecontent">Пример текста сообщения, текст</p>
|
||||||
</div>
|
</div>
|
||||||
@ -19,12 +50,6 @@
|
|||||||
<textarea class="textplace" name="messagetext" id="messagetext" cols="30" rows="10"></textarea>
|
<textarea class="textplace" name="messagetext" id="messagetext" cols="30" rows="10"></textarea>
|
||||||
<input class="button" type="submit" for="messagetext">
|
<input class="button" type="submit" for="messagetext">
|
||||||
</div>
|
</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>
|
<button class="ugly" id="ugly">Я Moral_Ugly</button>
|
||||||
</div>
|
</div>
|
||||||
<script src="script/js.js"></script>
|
<script src="script/js.js"></script>
|
||||||
|
@ -1,4 +1,11 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
background-color: beige;
|
||||||
|
}
|
||||||
.hello {
|
.hello {
|
||||||
|
border-radius: 4px;
|
||||||
width: 700px;
|
width: 700px;
|
||||||
background-color: orange;
|
background-color: orange;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@ -49,7 +56,9 @@ h1 {
|
|||||||
background-color: blue;
|
background-color: blue;
|
||||||
}
|
}
|
||||||
.main-wrapper {
|
.main-wrapper {
|
||||||
width: 700px;
|
width: 720px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
background-color: #afacac;
|
background-color: #afacac;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
@ -67,3 +76,38 @@ h1 {
|
|||||||
.ugly:hover {
|
.ugly:hover {
|
||||||
background-color: darkgoldenrod;
|
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);
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user