add title page

src/assets/scss/bootstrap_custom.scss

@@ -7,6 +7,7 @@ $oslo-gray: #898d8f;
 $dodger-blue: #04a5ff;
 $black: #000;
 $black-opacit: rgba(0, 0, 0, 0.01);
+$midnight-blue: #01295C;
 
 
 $theme-colors: (
@@ -18,7 +19,8 @@ $theme-colors: (
   "oslo-gray": $oslo-gray,
   "dodger-blue": $dodger-blue,
   "black": $black,
-  "black-opacit": $black-opacit
+  "black-opacit": $black-opacit,
+  "midnight-blue": $midnight-blue
 );
 $font-family-sans-serif: "Roboto", "Helvetica Neue", Arial, sans-serif;
 @import "../vendor/bootstrap/scss/bootstrap";

src/single.php

@@ -1,4 +1,12 @@
 <?php get_header(); ?>
+    <div class="px-sm-3">
+        <div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
+            <ul class="list-inline mb-0">
+                <li class="list-inline-item text-midnight-blue font-weight-bold">Title</li>
+                <li class="list-inline-item float-right"><a href=""><?php _e('Back'); ?></a></li>
+            </ul>
+        </div>
+    </div>
     <div class="row">
 
         <div class="col col-sm-9 mx-sm-auto p-3">

src/template-parts/loop.php

@@ -1,4 +1,13 @@
 <?php if(have_posts()): ?>
+    <?php if(!is_single()) { $title = 'Blog'; } ?>
+    <div class="px-sm-3">
+        <div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
+            <ul class="list-inline mb-0">
+                <li class="list-inline-item text-midnight-blue font-weight-bold"><?php echo $title; ?></li>
+                <li class="list-inline-item float-right"><a href=""><?php _e('Back'); ?></a></li>
+            </ul>
+        </div>
+    </div>
     <div class="mt-3 px-sm-5 mx-sm-5 <?php if(!is_single()) : echo 'blog-posts'; endif; ?>">
         <?php while(have_posts()): 
             the_post();