rough html setup, needs classes

This commit is contained in:
Robert McGovern 2022-10-10 00:47:46 +01:00
parent b382ab8b8d
commit 6d84eb2185
2 changed files with 61 additions and 12 deletions

View File

@ -1,3 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap");
/* /*
* Sizings * Sizings
* *
@ -13,3 +15,18 @@
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
:root {
}
body {
min-height: 100vh;
font-family: "IBM Plex Sans", sans-serif;
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1400px) {
}

View File

@ -13,24 +13,56 @@
<body> <body>
We make your music sound extraordinary. <header>
<img src="assets/logo.svg" alt="equalizer company logo">
</header>
<main>
<section>
<h1>We make your music sound extraordinary.</h1>
<p>
A system audio equalizer specifically designed for Android and iOS. Freely tune the A system audio equalizer specifically designed for Android and iOS. Freely tune the
way your music sounds with a professional grade parametric EQ & volume mixer. Control way your music sounds with a professional grade parametric EQ & volume mixer. Control
bass, mids, treble, gain control, reverb, and more! bass, mids, treble, gain control, reverb, and more!
</p>
Premium EQ </section>
<section>
<h2>Premium EQ</h2>
<p>
Get expert-level control with a robust equalizer, volume mixer, and spatial audio. Take Get expert-level control with a robust equalizer, volume mixer, and spatial audio. Take
your listening experience to a whole new level and access all our incredible features! your listening experience to a whole new level and access all our incredible features!
</p>
$4 / month <div class="price-block">
$4 <span>/ month</span>
</div>
iOS Download <div class="button-block">
Android Download <a href="#">iOS Download</a>
<a href="#">Android Download</a>
</div>
</section>
</main>
<footer>
<img src="assets/logo.svg" alt="equalizer company logo">
<p>
All rights reserved © Equalizer 2021 All rights reserved © Equalizer 2021
Have any problems? Contact us via social media or email us at equalizer@example.com Have any problems? Contact us via social media or email us at <span>equalizer@example.com</span>
</p>
<div class="social-image-block">
<img src="assets/icon-facebook.svg" alt="Image for Facebook Logo">
<img src="assets/icon-instagram.svg" alt="Image for Instagram Logo">
<img src="assets/icon-twitter.svg" alt="Image for Twitter Logo">
</div>
</footer>
</body> </body>