mindarc · bnnknn · Aug 10, 2021 · Aug 10, 2021 · Aug 10, 2021 · Aug 10, 2021
diff --git a/exercises/600x600.png b/exercises/600x600.png
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff2
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.eot
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.ttf
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff
diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff2
diff --git a/exercises/exercise-1/fonts/font/demo.html b/exercises/exercise-1/fonts/font/demo.html
diff --git a/exercises/exercise-1/fonts/font/stylesheet.css b/exercises/exercise-1/fonts/font/stylesheet.css
@@ -0,0 +1,216 @@
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Black.eot');
+    src: local('Neue Haas Unica Black'), local('NeueHaasUnica-Black'),
+        url('NeueHaasUnica-Black.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Black.woff2') format('woff2'),
+        url('NeueHaasUnica-Black.woff') format('woff'),
+        url('NeueHaasUnica-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Medium.eot');
+    src: local('Neue Haas Unica Medium'), local('NeueHaasUnica-Medium'),
+        url('NeueHaasUnica-Medium.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Medium.woff2') format('woff2'),
+        url('NeueHaasUnica-Medium.woff') format('woff'),
+        url('NeueHaasUnica-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-BoldItalic.eot');
+    src: local('Neue Haas Unica Bold Italic'), local('NeueHaasUnica-BoldItalic'),
+        url('NeueHaasUnica-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-BoldItalic.woff2') format('woff2'),
+        url('NeueHaasUnica-BoldItalic.woff') format('woff'),
+        url('NeueHaasUnica-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ExtBlkIta.eot');
+    src: local('Neue Haas Unica ExtBlk Ita'), local('NeueHaasUnica-ExtBlkIta'),
+        url('NeueHaasUnica-ExtBlkIta.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ExtBlkIta.woff2') format('woff2'),
+        url('NeueHaasUnica-ExtBlkIta.woff') format('woff'),
+        url('NeueHaasUnica-ExtBlkIta.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ExtraBold.eot');
+    src: local('Neue Haas Unica Extra Bold'), local('NeueHaasUnica-ExtraBold'),
+        url('NeueHaasUnica-ExtraBold.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ExtraBold.woff2') format('woff2'),
+        url('NeueHaasUnica-ExtraBold.woff') format('woff'),
+        url('NeueHaasUnica-ExtraBold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-MediumItalic.eot');
+    src: local('Neue Haas Unica Medium Italic'), local('NeueHaasUnica-MediumItalic'),
+        url('NeueHaasUnica-MediumItalic.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-MediumItalic.woff2') format('woff2'),
+        url('NeueHaasUnica-MediumItalic.woff') format('woff'),
+        url('NeueHaasUnica-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ExtraBoldItalic.eot');
+    src: local('Neue Haas Unica ExtBd Ita'), local('NeueHaasUnica-ExtraBoldItalic'),
+        url('NeueHaasUnica-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ExtraBoldItalic.woff2') format('woff2'),
+        url('NeueHaasUnica-ExtraBoldItalic.woff') format('woff'),
+        url('NeueHaasUnica-ExtraBoldItalic.ttf') format('truetype');
+    font-weight: 800;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Italic.eot');
+    src: local('Neue Haas Unica Italic'), local('NeueHaasUnica-Italic'),
+        url('NeueHaasUnica-Italic.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Italic.woff2') format('woff2'),
+        url('NeueHaasUnica-Italic.woff') format('woff'),
+        url('NeueHaasUnica-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Light.eot');
+    src: local('Neue Haas Unica Light'), local('NeueHaasUnica-Light'),
+        url('NeueHaasUnica-Light.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Light.woff2') format('woff2'),
+        url('NeueHaasUnica-Light.woff') format('woff'),
+        url('NeueHaasUnica-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ExtLtIta.eot');
+    src: local('Neue Haas Unica ExtLt Ita'), local('NeueHaasUnica-ExtLtIta'),
+        url('NeueHaasUnica-ExtLtIta.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ExtLtIta.woff2') format('woff2'),
+        url('NeueHaasUnica-ExtLtIta.woff') format('woff'),
+        url('NeueHaasUnica-ExtLtIta.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Bold.eot');
+    src: local('Neue Haas Unica Bold'), local('NeueHaasUnica-Bold'),
+        url('NeueHaasUnica-Bold.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Bold.woff2') format('woff2'),
+        url('NeueHaasUnica-Bold.woff') format('woff'),
+        url('NeueHaasUnica-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ThinItalic.eot');
+    src: local('Neue Haas Unica Thin Italic'), local('NeueHaasUnica-ThinItalic'),
+        url('NeueHaasUnica-ThinItalic.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ThinItalic.woff2') format('woff2'),
+        url('NeueHaasUnica-ThinItalic.woff') format('woff'),
+        url('NeueHaasUnica-ThinItalic.ttf') format('truetype');
+    font-weight: 100;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-LightItalic.eot');
+    src: local('Neue Haas Unica Light Italic'), local('NeueHaasUnica-LightItalic'),
+        url('NeueHaasUnica-LightItalic.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-LightItalic.woff2') format('woff2'),
+        url('NeueHaasUnica-LightItalic.woff') format('woff'),
+        url('NeueHaasUnica-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ExtraLight.eot');
+    src: local('Neue Haas Unica Extra Light'), local('NeueHaasUnica-ExtraLight'),
+        url('NeueHaasUnica-ExtraLight.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ExtraLight.woff2') format('woff2'),
+        url('NeueHaasUnica-ExtraLight.woff') format('woff'),
+        url('NeueHaasUnica-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Regular.eot');
+    src: local('Neue Haas Unica Regular'), local('NeueHaasUnica-Regular'),
+        url('NeueHaasUnica-Regular.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Regular.woff2') format('woff2'),
+        url('NeueHaasUnica-Regular.woff') format('woff'),
+        url('NeueHaasUnica-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-ExtraBlack.eot');
+    src: local('Neue Haas Unica Extra Black'), local('NeueHaasUnica-ExtraBlack'),
+        url('NeueHaasUnica-ExtraBlack.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-ExtraBlack.woff2') format('woff2'),
+        url('NeueHaasUnica-ExtraBlack.woff') format('woff'),
+        url('NeueHaasUnica-ExtraBlack.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-BoldItalic_1.eot');
+    src: local('Neue Haas Unica Bold Italic'), local('NeueHaasUnica-BoldItalic'),
+        url('NeueHaasUnica-BoldItalic_1.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-BoldItalic_1.woff2') format('woff2'),
+        url('NeueHaasUnica-BoldItalic_1.woff') format('woff'),
+        url('NeueHaasUnica-BoldItalic_1.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Neue Haas Unica';
+    src: url('NeueHaasUnica-Thin.eot');
+    src: local('Neue Haas Unica Thin'), local('NeueHaasUnica-Thin'),
+        url('NeueHaasUnica-Thin.eot?#iefix') format('embedded-opentype'),
+        url('NeueHaasUnica-Thin.woff2') format('woff2'),
+        url('NeueHaasUnica-Thin.woff') format('woff'),
+        url('NeueHaasUnica-Thin.ttf') format('truetype');
+    font-weight: 100;
+    font-style: normal;
+}
+
diff --git a/exercises/exercise-1/images/1920x650.png b/exercises/exercise-1/images/1920x650.png
diff --git a/exercises/exercise-1/images/400x300.png b/exercises/exercise-1/images/400x300.png
diff --git a/exercises/exercise-1/index.html b/exercises/exercise-1/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>Exercise 1</title>
+</head>
+<body>
+    <section class="banner-section">
+        <div class="container">
+            <div class="row">
+                <div class="col-12">
+                    <div class="content-wrapper">
+                        <h1>Hello Developer!</h1>
+                        <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="card-section">
+        <div class="container">
+            <div class="row">
+                <div class="col-12">
+                    <div class="card-wrapper">
+                        <div class="card">
+                            <div class="card-content">
+                                <div class="image">
+
+                                </div>
+                                <div class="text">
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+                                </div>
+                                <div class="button">
+                                    <a href="#">READ MORE</a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card">
+                            <div class="card-content">
+                                <div class="image">
+
+                                </div>
+                                <div class="text">
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                </div>
+                                <div class="button">
+                                    <a href="#">READ MORE</a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card">
+                            <div class="card-content">
+                                <div class="image">
+
+                                </div>
+                                <div class="text">
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
+                                </div>
+                                <div class="button">
+                                    <a href="#">READ MORE</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</body>
+</html>
diff --git a/exercises/exercise-1/style.css b/exercises/exercise-1/style.css
diff --git a/exercises/exercise-1/style.css.map b/exercises/exercise-1/style.css.map