TheAdversary/frontend
4
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

added landingpage title

Browse Source
This commit is contained in:
Jonas Gärtner
2021-12-16 11:11:04 +01:00
parent 42274f00bf
commit b51c1b7556
2 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
html/landingpage.html
View File

@@ -8,7 +8,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
</head> </head>
@@ -22,6 +22,10 @@
<a href="#">PROGRAMMING</a> <a href="#">PROGRAMMING</a>
</div> </div>
<div class="header-title">
<h1>The Adversary</h1>
<h2>Assault penguins to the Power</h2>
</div>
<div class="content"> <div class="content">
<div class="articles"> <div class="articles">

20
sass/index.css
View File

@@ -28,6 +28,26 @@ p {
font-size: 150%; font-size: 150%;
} }
.header-title {
height: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Staatliches', sans-serif;
}
.header-title h1 {
font-size: 90px;
letter-spacing: 30px;
margin: 0;
}
.header-title h2 {
font-size: 30px;
letter-spacing: 10px;
margin: 0;
}
.divider { .divider {
height: 3px; height: 3px;
background-color: #ad080f; background-color: #ad080f;