rough html setup, needs classes
This commit is contained in:
parent
b382ab8b8d
commit
6d84eb2185
|
@ -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) {
|
||||||
|
}
|
||||||
|
|
|
@ -13,24 +13,56 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
We make your music sound extraordinary.
|
<header>
|
||||||
|
<img src="assets/logo.svg" alt="equalizer company logo">
|
||||||
|
</header>
|
||||||
|
|
||||||
A system audio equalizer specifically designed for Android and iOS. Freely tune the
|
<main>
|
||||||
way your music sounds with a professional grade parametric EQ & volume mixer. Control
|
<section>
|
||||||
bass, mids, treble, gain control, reverb, and more!
|
<h1>We make your music sound extraordinary.</h1>
|
||||||
|
|
||||||
Premium EQ
|
<p>
|
||||||
|
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
|
||||||
|
bass, mids, treble, gain control, reverb, and more!
|
||||||
|
</p>
|
||||||
|
|
||||||
Get expert-level control with a robust equalizer, volume mixer, and spatial audio. Take
|
</section>
|
||||||
your listening experience to a whole new level and access all our incredible features!
|
<section>
|
||||||
|
<h2>Premium EQ</h2>
|
||||||
|
|
||||||
$4 / month
|
<p>
|
||||||
|
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!
|
||||||
|
</p>
|
||||||
|
|
||||||
iOS Download
|
<div class="price-block">
|
||||||
Android Download
|
$4 <span>/ month</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
All rights reserved © Equalizer 2021
|
<div class="button-block">
|
||||||
Have any problems? Contact us via social media or email us at equalizer@example.com
|
<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
|
||||||
|
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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue