Add: basic html and css
This commit is contained in:
commit
63017dcd98
33
css/style.css
Executable file
33
css/style.css
Executable file
|
@ -0,0 +1,33 @@
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
margin: 30px 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: rgb(35, 35, 35);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
padding: 20px 0;
|
||||||
|
text-align: center;
|
||||||
|
background: rgb(45, 45, 45);
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
background: rgb(45, 45, 45);
|
||||||
|
color: rgb(127, 127, 127);
|
||||||
|
text-align: right;
|
||||||
|
}
|
28
index.html
Normal file
28
index.html
Normal file
|
@ -0,0 +1,28 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
|
<title>hello</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header id="header">
|
||||||
|
<div>
|
||||||
|
<h1>Hello!</h1>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<div>
|
||||||
|
<p>This is my website.</p>
|
||||||
|
<p>For now, there's nothing on it, but someday will have. Hopefully will not take long for it.</p>
|
||||||
|
<p>Meanwhile, you can check my <a href="http://forge.unlxam.xyz">Forgejo</a> instance (which also has nothing).</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer id="footer">
|
||||||
|
<div>
|
||||||
|
:)
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in a new issue