forked from Cliffbreak/Landingpage
wtf -fix open
This commit is contained in:
parent
8768d6afcc
commit
5283cb1283
3 changed files with 24 additions and 4 deletions
|
@ -6,10 +6,10 @@
|
|||
}
|
||||
.glitch-wrapper {
|
||||
font-family: 'Archivo Black', sans-serif;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 12vw;
|
||||
}
|
||||
.glitch {
|
||||
color: white;
|
||||
|
|
12
assets/style/sphere.css
Normal file
12
assets/style/sphere.css
Normal 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;
|
||||
}
|
14
index.html
14
index.html
|
@ -1,7 +1,15 @@
|
|||
<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/sphere.css">
|
||||
|
||||
|
||||
<div class="glitch-wrapper">
|
||||
<div class="headline">
|
||||
<div class="glitch-wrapper">
|
||||
<div class="glitch" data-text="Cliffbreak">Cliffbreak</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sphere-wrapper">
|
||||
<sphere>
|
||||
<a>Test</a>
|
||||
</sphere>
|
||||
<sphere></sphere>
|
||||
</div>
|
||||
|
|
Reference in a new issue