changed shopping navbar style

shopping/shopping_headerNav.php

@@ -1,5 +1,6 @@
 <div class="shopping_headerNav">
     <div class="col-xl-12" id="shopping_headerImg">
-        <img class="rounded mx-auto d-block" style="height: 100px; background-color: rgba(255,0,0,0.1);" src="../img/headerImg.jpg">
+        <span> Username </span>
+        <img id="headerImg" src="../img/headerImg.jpg">
     </div>
 </div>

style/modules/_modules-dir.sass

@@ -7,3 +7,4 @@
 @import "sectionSource"
 @import "sectionDocumentation"
 @import "sectionShopping"
+@import "shopping/shopping-dir"

style/modules/_sectionMain.sass

@@ -1,6 +1,8 @@
 .sectionMain
     text-align: center
     margin-top: 12%
+    position: relative
+
     h1
         font-family: $font-ink-free
         font-size: 4rem
@@ -10,7 +12,11 @@
     h3
         color: OliveDrab
         font-size: 1.2rem
-    position: relative
+
+        
+
+
+
 #btn-home-login:before
     font-family: 'FontAwesome'
     content: '\f2be'

style/modules/_sectionShopping.sass

@@ -1,14 +1,18 @@
+
 .sectionShopping
     .row
         padding-left: 20%
         padding-right: 20%
+
     .my-img-class
         margin: 5%
         padding: 1%
         border: 1px solid grey
+
     img
         width: 100%
         object-fit: cover
+
     h1
         margin-top: 5%
         text-align: center
@@ -17,6 +21,7 @@
     h3
         text-align: center
         color: OliveDrab
+
     .shopping_productPrice
         color: OliveDrab
     

style/modules/shopping/_navbar_shopping.sass

@@ -0,0 +1,12 @@
+.sectionShopping
+    .shopping_headerNav #headerImg
+        height: 150px
+        background-color: rgba(255,0,0,0.1)
+        border-radius: 15px 50px 30px    
+
+    .shopping_headerNav span 
+        position: absolute
+        font-size: 2rem
+        padding-left: 1rem
+        padding-top: 1rem
+        color: white

style/modules/shopping/_shopping-dir.sass

@@ -0,0 +1,2 @@
+@import "navbar_shopping"
+@import "footer"

style/style.css

@@ -324,4 +324,18 @@ video {
 .sectionShopping .shopping_productPrice {
   color: OliveDrab;
 }
+
+.sectionShopping .shopping_headerNav #headerImg {
+  height: 150px;
+  background-color: rgba(255, 0, 0, 0.1);
+  border-radius: 15px 50px 30px;
+}
+
+.sectionShopping .shopping_headerNav span {
+  position: absolute;
+  font-size: 2rem;
+  padding-left: 1rem;
+  padding-top: 1rem;
+  color: white;
+}
 /*# sourceMappingURL=style.css.map */