nagibator228/vdk2ch
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

first push

Browse Source
This commit is contained in:
Cadyrov 2022-10-13 21:31:03 +10:00
commit 21ad84a0ad
3 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="stylesheet" href="styles/style.css" type="text/css"/>
<meta charset="UTF-8">
<title>Двач но не двач</title>
</head>
<body>
<div class="hello"><p class="hellotext">Тут будет разметка</p></div>
<div class="message"><p class="messagecontent">Пример текста сообщения, текст</p></div>
<div class="messagewraper">
<textarea class="textplace" name="messagetext" id="messagetext" cols="30" rows="10"></textarea>
<input class="button" type="submit" for="messagetext">
</div>
<script src="script/js.js"></script>
</body>
</html>

1
script/js.js Normal file
View File

@ -0,0 +1 @@
alert ('if u can read this - JS is workin in this page')

46
styles/style.css Normal file
View File

@ -0,0 +1,46 @@
.hello {
width: 700px;
background-color: orange;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.hellotext {color: white;
text-align: center;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;}
.message {
border-radius: 8px;
background-color: bisque;
width: 700px;
min-height: 50px;
margin-left: auto;
margin-right: auto;
}
.messagecontent {
padding-left: 10px;
padding-top: 10px;
}
.textplace {width: 550px;}
.messagewraper {width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: flex;}
.button {width: 150px;
display: block;
background-color: rgb(255, 84, 22);
cursor: pointer;}
h1 {
color: brown;
font-size: 72px;
}
.title {
font-style: italic;
}
.button:hover {
background-color: blue;
}