Emily/liveemily.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add some more styles

Browse Source
This commit is contained in:
LiveEmily 2021-07-28 15:09:56 +02:00
parent 7a622c5e3e
commit 2da1e15ddf
4 changed files with 48 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
about.html Normal file
View File

@ -0,0 +1,7 @@
<html>
<head>
</head>
<body>
To be added lol
</body>
</html>

3
contact.html Normal file
View File

@ -0,0 +1,3 @@
<html>
To be added lol
</html>

30
css/index.css
View File

@ -1,17 +1,41 @@
body { body {
background-color: #282828; background-color: #282828;
color: #ebdbb2;
} }
h1 { h1 {
color: #ebdbb2;
text-align: center; text-align: center;
font-size: 55px; font-size: 55px;
margin-top: 10vh; margin-top: 30vh;
} }
p { p {
color: #ebdbb2;
text-align: center; text-align: center;
font-size: 35px; font-size: 35px;
margin-top: 4vh; margin-top: 4vh;
} }
.navbar-top {
overflow: hidden;
background-color: #1d2021;
border-radius: 7px;
}
.navbar-top a {
float: left;
display: block;
background-color: #1d2021;
color: #ebdbb2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar-top a:hover {
background-color: #3c3836;
}
.navbar-top .float-right {
float: right;
}

13
index.html
View File

@ -4,7 +4,16 @@
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.css">
</head> </head>
<body> <body>
<h1>Hi there!</h1> <div class="navbar-top">
<p>This is a paragraph</p> <a href="#" class="active">Home</a>
<a href="/about.html">About me</a>
<a href="/contact.html" class="float-right">Contact me</a>
</div>
<div class="content">
<h1>Hi there! Welcome to liveemily.com</h1>
<p>This is going to be my portfolio website, please stay tuned for any more content that might get added!</p>
</div>
<div class="navbar-bottom">
</div>
</body> </body>
</html> </html>