iicd/static-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add some css codes

Browse Source
This commit is contained in:
mhrooz 2024-05-22 16:54:19 +02:00
parent 4ac112f7b4
commit f7b8a1523d
2 changed files with 31 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

@ -3,13 +3,20 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Home</title> <title>Home</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="./style.css">
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<div class="badge"> <div class="container">
<i class="icon">🔔</i> <div class="badge">
<a href="index.html">Home</a> <span class="left-span">
<i class="icon">🔔</i>
</span>
<span class="right-span">
<a href="index.html" class="link">Home</a>
<a href="explore.html" class="link">Explore</a>
</span>
</div>
</div> </div>
</body> </body>

20
style.css
View File

@ -1,3 +1,23 @@
body{ body{
background-color: #171717; background-color: #171717;
} }
.badge{
color: #a3a3a3;
font: 18px 'Roboto', sans-serif;
}
.container{
display: flex;
max-width: 750px;
padding: 0 1rem;
}
.left-span{
flex: 1;
}
.right-span{
flex: 1;
text-align: right;
}
.link{
color: #a3a3a3;
text-decoration: none;
}