updated

DavertMik · DavertMik · commit 95394d793521 · 2017-10-12T02:31:57.000+03:00
diff --git a/_includes/hero.html b/_includes/hero.html
@@ -16,7 +16,7 @@ <h1>
       <div class="col-sm-12 col-md-4 col-md-offset-4 ">
         <div class="well dark text-center">
           <a class="btn btn-lg btn-block btn-install" href="/quickstart">Quick Start</a><br>
-          <a class="btn btn-lg btn-block btn-default" href="http://sdclabs.com/codeception?utm_source=codeception.com&utm_medium=cover_section&utm_term=big_button&utm_campaign=reference">Commercial Services</a><br>
+          <a class="btn btn-lg btn-block btn-default" href="http://sdclabs.com/codeception?utm_source=codeception.com&utm_medium=cover_section&utm_term=big_button&utm_campaign=reference">Commercial Support</a><br>
 
 
         </div>
diff --git a/_layouts/bootstrap.html b/_layouts/bootstrap.html
@@ -35,7 +35,7 @@
 <body>{% capture guides %}{% include guides.html %}{% endcapture %}
     {% capture modules %}{% include modules.html %}{% endcapture %}
     {% capture reference %}{% include reference.html %}{% endcapture %}
-    <nav class="navbar nav-custom navbar-inverse">
+    <nav class="navbar nav-custom navbar-inverse navbar-fixed-top">
         <div class="container-fluid">
             <div class="navbar-header">
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@@ -45,12 +45,16 @@
                     <span class="icon-bar"></span>
                 </button>
                 <a href="/" class="navbar-brand"><img src="/images/toplogo.png" alt="codeception"/></a>
-            </div>
-            <div class="collapse navbar-collapse menu ">
                 <ul class="nav navbar-nav navbar-left">
                     <li><a href="/quickstart">Quick Start</a></li>  
-                    <li><a href="http://sdclabs.com/codeception?utm_source=codeception.com&utm_medium=top_menu&utm_term=link&utm_campaign=reference" style="background: rgba(255,255,2555,0.1);">Commercial Services</a></li>                  
-                </ul>
+                    <li><a href="http://sdclabs.com/codeception?utm_source=codeception.com&utm_medium=top_menu&utm_term=link&utm_campaign=reference" class="promo">
+                    <span class="no-small">Enterprise</span> Support</a></li>
+                    <li><a href="http://sdclabs.com/trainings?utm_source=codeception.com&utm_medium=top_menu&utm_term=link&utm_campaign=reference" class="promo">Trainings</a></li>
+
+                </ul>                
+            </div>
+
+            <div class="collapse navbar-collapse menu ">
                 <ul class="nav navbar-nav navbar-right">
                     <li class="dropdown">
                         <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Docs
@@ -212,7 +216,8 @@ <h4>Thanks to</h4>
                     <li><a href="/install">Installation</a></li>
                     <li><a href="/credits">Credits</a></li>
                     <li><a href="/changelog">Releases</a></li>
-                    <li><a href="http://sdclabs.com/codeception?utm_source=codeception.com&utm_medium=bottom_menu&utm_term=link&utm_campaign=reference" >Commercial Services</a></li>                  
+                    <li><a href="http://sdclabs.com/codeception?utm_source=codeception.com&utm_medium=bottom_menu&utm_term=link&utm_campaign=reference" >Official Support</a></li>
+                    <li><a href="http://sdclabs.com/trainings?utm_source=codeception.com&utm_medium=bottom_menu&utm_term=link&utm_campaign=reference" >Trainings</a></li>                  
                     <li><a href="https://github.com/Codeception/Codeception/blob/master/LICENSE">License</a></li>
                 </ul>
 
diff --git a/css/codeception.css b/css/codeception.css
@@ -6,10 +6,12 @@ body {
 	word-wrap: break-word; /* IE */
 	overflow-wrap: break-word; /* CSS3 */
 	font-family: "Shanti", "Helvetica Neue",Helvetica,Arial,sans-serif;  
+	margin-top: 50px;
 }
 
 body .wide {
 	margin: 0 auto;
+	margin-top: 20px;
 	max-width: 1600px;
 }
 body .wide>div {
@@ -23,6 +25,11 @@ body .navbar.nav-custom {
 	border-radius:0px;
 }
 
+body .navbar .promo {
+	background: rgba(255,255,2555,0.1);	
+  border-left: 1px solid #008693;	
+}
+
 body .navbar-brand img{
 	height: 50px;
 	margin-left: 8px;
@@ -382,6 +389,14 @@ ul.navbar-nav {
 
 @media screen and (max-width : 992px) {
 
+	body .no-small {
+		display: none;
+	}
+
+	body .navbar-header ul.nav>li {
+		float: left;
+	}
+
 	body .dropdown-modules li a {
 		float: none;
 		clear: none;
