Cliffbreak/Landingpage
1
0
Fork 1
Code Issues 4 Pull requests Releases Wiki Activity

wtf -fix open

Browse source
This commit is contained in:
Moritz 2019-08-08 17:31:41 +02:00
parent 8768d6afcc
commit 5283cb1283
3 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/style/glitch.css
View file

@ -6,10 +6,10 @@
} }
.glitch-wrapper { .glitch-wrapper {
font-family: 'Archivo Black', sans-serif; font-family: 'Archivo Black', sans-serif;
height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 12vw;
} }
.glitch { .glitch {
color: white; color: white;

12
assets/style/sphere.css Normal file
View file

@ -0,0 +1,12 @@
.sphere-wrapper{
text-align: center;
}
sphere{
margin: 1.5vw;
height: 10vw;
width: 10vw;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
}

12
index.html
View file

@ -1,7 +1,15 @@
<link rel="stylesheet" type="text/css" href="assets/style/glitch.css"> <link rel="stylesheet" type="text/css" href="assets/style/glitch.css">
<link rel="stylesheet" type="text/css" href="assets/style/style.css"> <link rel="stylesheet" type="text/css" href="assets/style/style.css">
<link rel="stylesheet" type="text/css" href="assets/style/sphere.css">
<div class="headline">
<div class="glitch-wrapper"> <div class="glitch-wrapper">
<div class="glitch" data-text="Cliffbreak">Cliffbreak</div> <div class="glitch" data-text="Cliffbreak">Cliffbreak</div>
</div> </div>
</div>
<div class="sphere-wrapper">
<sphere>
<a>Test</a>
</sphere>
<sphere></sphere>
</div>