-
-
-
+
+
diff --git a/0-styles.css b/0-styles.css
index 3ec1861..05184fb 100644
--- a/0-styles.css
+++ b/0-styles.css
@@ -9,12 +9,15 @@
body {
background-color: rgb(176, 166, 238);
color: #fff;
- /* font-family: system-ui; */
+}
+
+h1,
+p {
+ font-family: 'source_sans_proregular';
}
a {
text-decoration: none;
- /* color: inherit; */
}
li {
@@ -45,7 +48,6 @@ button :active {
.header-logo img {
width: 160px;
- /* background-color: yellow; */
}
.navbar {
@@ -60,4 +62,11 @@ button :active {
.navbar a {
font-weight: bold;
+}
+
+.hero-section {
+ background: url(images/headphones_hero_1.jpg);
+ background-size: cover;
+ background-position: center;
+ height: 100vh;
}
\ No newline at end of file
diff --git a/font/webfontkit-source-sans-pro/fontsheet.css b/font/webfontkit-source-sans-pro/fontsheet.css
index 328affd..1f8a264 100644
--- a/font/webfontkit-source-sans-pro/fontsheet.css
+++ b/font/webfontkit-source-sans-pro/fontsheet.css
@@ -1,12 +1,11 @@
/* ! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 27, 2023 */
-
@font-face {
font-family: 'source_sans_problack';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-black-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-black-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-black-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-black-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-black-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -18,8 +17,8 @@
@font-face {
font-family: 'source_sans_problack_italic';
src: url('https: //github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-blackit-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-blackit-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-blackit-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-blackit-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-blackit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -31,8 +30,8 @@
@font-face {
font-family: 'source_sans_probold';
src: url('https: //github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-bold-webfont.woff2') format('woff2'),
- url('https: //github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-bold-webfont.woff') format('woff'),
- url('https: //github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-bold-webfont.ttf') format('truetype');
+ url('https: //github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-bold-webfont.woff') format('woff'),
+ url('https: //github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -44,8 +43,8 @@
@font-face {
font-family: 'source_sans_probold_italic';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-boldit-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-boldit-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-boldit-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-boldit-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-boldit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -57,8 +56,8 @@
@font-face {
font-family: 'source_sans_proextralight';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralight-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralight-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralight-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralight-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralight-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -70,8 +69,8 @@
@font-face {
font-family: 'source_sans_proXLtIt';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralightit-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralightit-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralightit-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralightit-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-extralightit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -83,8 +82,8 @@
@font-face {
font-family: 'source_sans_proitalic';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-it-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-it-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-it-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-it-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-it-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -96,8 +95,8 @@
@font-face {
font-family: 'source_sans_prolight';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-light-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-light-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-light-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-light-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -109,8 +108,8 @@
@font-face {
font-family: 'source_sans_prolight_italic';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-lightit-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-lightit-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-lightit-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-lightit-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-lightit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -122,8 +121,8 @@
@font-face {
font-family: 'source_sans_proregular';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-regular-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-regular-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-regular-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-regular-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -135,8 +134,8 @@
@font-face {
font-family: 'source_sans_prosemibold';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semibold-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semibold-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semibold-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semibold-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@@ -148,8 +147,8 @@
@font-face {
font-family: 'source_sans_proSBdIt';
src: url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semiboldit-webfont.woff') format('woff'),
- url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semiboldit-webfont.ttf') format('truetype');
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semiboldit-webfont.woff') format('woff'),
+ url('https://github.com/Stanmancer/headphones/blob/main/font/webfontkit-source-sans-pro/sourcesanspro-semiboldit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-