Browse Source

feat: add introduction

pull/1/head
Garrit Franke 3 years ago
parent
commit
a0232f9fb8
  1. 16
      index.html
  2. 1
      styles/index.css
  3. 17
      styles/introduction.css

16
index.html

@ -11,9 +11,21 @@
<section class="hero">
<div class="hero__text-area__container">
<h1 class="hero__text-area__heading">/dev.space</h1>
<h3 class="hero__text-area__subheading">The digital hackerspace</h3>
<h3 class="hero__text-area__subheading">
The digital hackerspace
</h3>
</div>
</section>
<section class="introduction">
<div class="introduction__container">
<h1 class="introduction__container__heading">
/dev.space is a platform providing online services for
developers to collectively learn and grow.
</h1>
<h3 class="introduction__container__subheading">
Whether you're freshly starting out, or you are just looking to connect with likeminded people. We help you turn your project ideas into reality.
</h3>
</div>
<div class="hero__scroll-arrow"></div>
</section>
</body>
</html>

1
styles/index.css

@ -3,6 +3,7 @@
/* Components */
@import url("./hero.css");
@import url("./introduction.css");
body {
margin: 0;

17
styles/introduction.css

@ -0,0 +1,17 @@
.introduction {
align-items: center;
display: flex;
font-family: "Work Sans", sans-serif;
height: 30vh;
justify-content: center;
text-align: center;
}
.introduction__container__heading {
font-size: 2.5rem;
}
.introduction__container__subheading {
font-size: 1.5rem;
}
Loading…
Cancel
Save