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

Add some more styles

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 {
background-color: #282828;
color: #ebdbb2;
}
h1 {
color: #ebdbb2;
text-align: center;
font-size: 55px;
margin-top: 10vh;
margin-top: 30vh;
}
p {
color: #ebdbb2;
text-align: center;
font-size: 35px;
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">
</head>
<body>
<h1>Hi there!</h1>
<p>This is a paragraph</p>
<div class="navbar-top">
<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>
</html>