[add]: update files

Stanmancer · Jul 27, 2023 · 385dc33 · 385dc33
1 parent 4725b1a
commit 385dc33
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 50 deletions.
diff --git a/0-index.html b/0-index.html
@@ -6,37 +6,45 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <link rel="stylesheet" href="0-styles.css">
+    <link rel="stylesheet" href="font/webfontkit-source-sans-pro/fontsheet.css">
 
     <title>Headphones</title>
 </head>
 
 <body>
     <!-- Header -->
-    <header>
-        <div class="container">
-            <div class="header-container">
-                <div class="header-logo">
-                    <a href="#">
-                        <img src="images/logo_headphones.png" alt="">
-                    </a>
+    <section class="hero-section">
+        <header>
+            <div class="container">
+                <div class="header-container">
+                    <div class="header-logo">
+                        <a href="#">
+                            <img src="images/logo_headphones.png" alt="">
+                        </a>
+                    </div>
+
+                    <nav class="navbar">
+                        <ul>
+                            <li class="nav-item">
+                                <a href="#">what we do</a>
+                            </li>
+                            <li class="nav-item">
+                                <a href="#">our results</a>
+                            </li>
+                            <li class="nav-item">
+                                <a href="#">contact us</a>
+                            </li>
+                        </ul>
+                    </nav>
                 </div>
 
-                <nav class="navbar">
-                    <ul>
-                        <li class="nav-item">
-                            <a href="#">what we do</a>
-                        </li>
-                        <li class="nav-item">
-                            <a href="#">our results</a>
-                        </li>
-                        <li class="nav-item">
-                            <a href="#">contact us</a>
-                        </li>
-                    </ul>
-                </nav>
+                <div class="hero-body">
+                    <h1>Lorem ipsum dolor set amet lorem ipsum</h1>
+                    <p>Lorem ipsum dolor set amet lorem ipsum dolor set</p>
+                </div>
             </div>
-        </div>
-    </header>
+        </header>
+    </section>
 
     <main></main>
 

diff --git 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;
 }
diff --git 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;