Updated position and content of news banner

Signed-off-by: N-Shar-ma <bablinaneh@gmail.com>

microsite/pages/en/index.js

@@ -20,6 +20,21 @@ class Index extends React.Component {
 
     return (
       <main className="MainContent">
+
+        <Banner.Container>
+          <Banner.Dismissable storageKey="k8s-launch">
+            🚀Feature updates!{' '}
+            <a href = "https://backstage.io/blog/2021/07/26/software-templates-are-now-in-beta">
+              Software Templates
+            </a>
+            {' '}and{' '}
+            <a href = "https://backstage.io/blog/2021/09/16/the-techdocs-beta-has-landed">
+              TechDocs
+            </a>
+            {' '}are now in beta.
+          </Banner.Dismissable>
+        </Banner.Container>
+        
         <Block small className="bg-black-grey stripe-bottom">
           <Block.Container>
             <Block.TextBox>
@@ -54,15 +69,6 @@ class Index extends React.Component {
           </Block.Container>
         </Block>
 
-        <Banner.Container>
-          <Banner.Dismissable storageKey="k8s-launch">
-            🎉 New feature: Kubernetes for service owners.{' '}
-            <a href="https://backstage.io/blog/2021/01/12/new-backstage-feature-kubernetes-for-service-owners">
-              Learn more.
-            </a>
-          </Banner.Dismissable>
-        </Banner.Container>
-
         <Block small className="stripe-top bg-black">
           <Block.Container wrapped>
             <Block.TextBox>

microsite/static/css/custom.css

@@ -1097,7 +1097,7 @@ code {
 
   max-width: 1430px;
   height: 0;
-  margin: -14px auto 14px auto;
+  margin: calc(55px - 1vw) auto 14px auto;
 }
 
 .Banner__DismissButton {