Layout file update - head section updated

src/styles/template.scss

@@ -9,36 +9,40 @@
  *
  */
 
-.clients {
-  background-color: red;
-  //color: white;
+.template {
+  padding: 1rem;
 
-  &__sub_level {
-    // EXAMPLE OF BREAKPOINTS
-
-    @media (min-width: 600px) {
-      // Tablet
-    }
-
-    @media (min-width: 980px) {
-      // Large Tablet
-    }
-
-    @media (min-width: 1024px) {
-      // Laptop & Tablet
-    }
-
-    @media (min-width: 1336px) {
-      // Laptop
-    }
-
-    @media (min-width: 1680px) {
-      // Desktop
-    }
+  // EXAMPLE OF BREAKPOINTS
 
+  @media (min-width: 600px) {
+    // Tablet
   }
 
-  &__sub_level_two {
-    //
+  @media (min-width: 980px) {
+    // Large Tablet
+  }
+
+  @media (min-width: 1024px) {
+    // Laptop & Tablet
+  }
+
+  @media (min-width: 1336px) {
+    // Laptop
+  }
+
+  @media (min-width: 1680px) {
+    // Desktop
+  }
+
+  &__header {
+    border-bottom: 2px solid red;
+
+    &-heading {
+      // Heading
+    }
+  }
+
+  &__content {
+    // Content
   }
 }

src/template.hbs

@@ -1,13 +1,9 @@
-<section class="template clients">
-    <div class="clients__intro"><h2 class="clients__title title">{{title}}</h2></div>
+<section class="template">
+    <header class="template__header">
+        <h1 class="template__header-heading">Ready!</h1>
+    </header>
 
-    <div class="clients__content">
-        <div class="clients__content-text"><p>{{phrase}}</p></div>
+    <div class="template__content">
+        <p>Review the `/data` folder with JSON data files.</p>
     </div>
-
-    <footer class="clients__actions actions">
-        <a href="{{ url }}" target="_self" class="btn btn--secondary">{{ cta_text }}</a>
-    </footer>
-</section>
-
-<img src="images/demo.jpeg" alt="">
+</section>