add basic main card

This commit is contained in:
hippoz 2020-10-04 22:13:08 +03:00
parent 0cbbeb562f
commit 9b6ac78514
2 changed files with 33 additions and 6 deletions

View file

@ -12,12 +12,24 @@
<body>
<div class="card navigation-card">
<div class="navigation-buttons">
<a href="#" class="button-default">home</a>
<a href="#" class="button-default">file server</a>
<a href="#" class="button-default">git server</a>
<a href="#" class="button-default">about me</a>
<a href="#" class="button-default">contact me</a>
<button class="button-default">home</button>
<button class="button-default">file server</button>
<button class="button-default">git server</button>
<button class="button-default">about me</button>
<button class="button-default">contact me</button>
</div>
</div>
<div class="card">
<p>idididi</p>
<p>idididi</p>
<p>idididi</p>
<p>idididi</p>
<p>idididi</p>
<p>idididi</p>
<p>idididi</p>
<p>idididi</p>
</div>
</body>
</html>

View file

@ -1,6 +1,7 @@
body {
background: #414141;
background: #2E2E2E;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.card {
@ -27,10 +28,24 @@ body {
.button-default {
text-decoration: none;
border: 2px solid #818181;
background-color: #d1d1d1;
border-radius: 5px;
padding: 5px;
font-size: 18px;
white-space: nowrap;
margin-top: 2px;
margin-bottom: 2px;
color: #818181;
cursor: pointer;
}
.button-default:hover {
color: #d1d1d1;
background-color: #818181;
}
@media screen and (max-width: 768px) {
.card {
width: 80%;
}
}