tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
projects/FrontendMentor/newbie/equalizer-landing-page/css/style.css
View File

@ -1,3 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap");
/*
* Sizings
*
@ -13,3 +15,18 @@
padding: 0;
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) {
}

44
projects/FrontendMentor/newbie/equalizer-landing-page/index.html
View File

@ -13,24 +13,56 @@
<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
way your music sounds with a professional grade parametric EQ & volume mixer. Control
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
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
Android Download
<div class="button-block">
<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 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>