html layout new section: subbanner

Yavsc/Views/Home/Index.cshtml

@@ -3,7 +3,7 @@
 @{
     ViewData["Title"] = "Home Page";
 }
-
+@section subbanner {
 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
     <ol class="carousel-indicators">
         @{
@@ -62,3 +62,5 @@
         <span class="sr-only">Suivant</span>
     </a>
 </div>
+}
+

Yavsc/Views/Shared/_Layout.cshtml

@@ -73,6 +73,7 @@ nav {
                 </div>
             </div>
         </nav>
+        @RenderSection("subbanner", required: false)
         <main class="container body-content" role="main">
             @RenderBody()
         </main>

Yavsc/wwwroot/css/site.css

@@ -140,17 +140,12 @@ a:hover {
 }
 
 main.container {
-    padding-right: 0em;
+    padding-right: 1em;
-    padding-left: 0em;
+    padding-left: 1em;
-    margin-left: 0em;
+    margin-left: 1em;
-    margin-right: 0em;
+    margin-right: 1em;
-    width:100%;
 }
 
-main h1, main h2, main h3, main h4, main h5, main h6, main p, main dl, main fieldset, div.performer, main form {
-    margin-left:5%;
-    margin-right:5%;
-}
 
 @-webkit-keyframes mymove {
     from {text-decoration-color: red;}