update section background imgs

Author: hmillersarah

ims-apis.html

@@ -289,7 +289,7 @@ <h5>IMS support</h5>
 				<main id="main" class="zs-main" >
 
 					<!-- =========================== IMS APIs Hero Banner =========================== -->
-					<div class="banner white-bg">
+					<div class="banner innovate-bg">
 						<section id="intro-section" class="pure-g zs-section apis-hero">
 							<div id="intro-header" class="pure-u-1"></div>
 							<div class="pure-u-3-25">

ims-db.html

@@ -299,7 +299,7 @@ <h5>IMS support</h5>
 					<main class="zs-main" id="main">
 
 						<!-- =========================== IMS Database =========================== -->
-						<div class="banner white-bg">
+						<div class="banner innovate-bg">
 							<section id="intro-section" class="pure-g zs-section db-hero">
 								<div id="intro-header" class="pure-u-1"></div>
 								<div class="pure-u-3-25">

ims-devops.html

@@ -299,7 +299,7 @@ <h5>IMS support</h5>
 					<main class="zs-main" id="main">
 
 						<!-- =========================== IMS DevOps =========================== -->
-						<div class="banner white-bg" >
+						<div class="banner innovate-bg" >
 							<section id="intro-section" class="pure-g zs-section intro-sec">
 								<div id="intro-header" class="pure-u-1"></div>
 								<div class="pure-u-3-25">

ims-java.html

@@ -298,7 +298,7 @@ <h5>IMS support</h5>
 					<main class="zs-main" id="main">
 
 						<!-- =========================== IMS Java =========================== -->
-						<div class="banner white-bg">
+						<div class="banner innovate-bg">
 							<section id="intro-section" class="pure-g zs-section intro-sec">
 								<div id="intro-header" class="pure-u-1"></div>
 								<div class="pure-u-3-25">

ims-tm.html

@@ -299,7 +299,7 @@ <h5>IMS support</h5>
 					<main class="zs-main" id="main">
 
 						<!-- =========================== IMS TM =========================== -->
-						<section id="intro-section" class="pure-g zs-section tm-hero banner white-bg">
+						<section id="intro-section" class="pure-g zs-section tm-hero banner innovate-bg">
 							<div>
 								<img class="ims-card-icon" src="wp-content/Icon_Banner_IMS DatabasePage.svg" alt="">
 							</div>

index.html

@@ -355,7 +355,7 @@ <h1 class="pure-u-4-6 pure-u-lg-2-3">IBM <b>IMS Central</b></h1>
           </div>
 
           <!-- =========================== Learn / Education =========================== -->
-          <div class="zs-gray-section learn-bg learn-section">
+          <div class="zs-gray-section learn-bg-home learn-section">
             <section class="zs-section">
               <!--Header -->
               <div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">
@@ -492,7 +492,7 @@ <h4>If you don't have an advocate, or want to change your IMS advocate, please c
           </div>
 
           <!-- =========================== Engage / Programs =========================== -->
-          <div class="zs-gray-section white-bg engage-section">
+          <div class="zs-gray-section engage-bg-home engage-section">
             <section class="zs-section">
               <!--Header -->
               <div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">

wp-content/Engage_HomepageBG.png …ontent/backgrounds/Engage_HomepageBG.pngwp-content/Engage_HomepageBG.png renamed to wp-content/backgrounds/Engage_HomepageBG.png wp-content/Engage_HomepageBG.png renamed to wp-content/backgrounds/Engage_HomepageBG.png

@@ -415,20 +415,32 @@
       color: #0F62FE !important;
     }
 
-    .white-bg {
-      background-image: url(../../wp-content/backInnovate_HomepageBG.png);
+    .learn-bg-home {
+      background-image: url(../../wp-content/backgrounds/Learn_HomepageBG.png);
       background-repeat: no-repeat;
-      background-size: 200%;
-      background-position: 35% 100%;
+      background-size: cover;
+      background-position: 80%;
     }
     .learn-bg {
       background-image: url(../../wp-content/backgrounds/Learn_HomepageBG.png);
       background-repeat: no-repeat;
       background-size: cover;
-      background-position: 80%;
+      background-position: right;
+    }
+    .innovate-bg {
+      background-image: url(../../wp-content/backgrounds/Innovate_HomepageBG.png);
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: 35%;
+    }
+    .engage-bg-home {
+      background-image: url(../../wp-content/backgrounds/Innovate_HomepageBG.png);
+      background-repeat: no-repeat;
+      background-size: 200%;
+      background-position: 35% 100%;
     }
     .engage-bg {
-      background-image: url(../../wp-content/Engage_HomepageBG.png);
+      background-image: url(../../wp-content/backgrounds/Engage_HomepageBG.png);
       background-repeat: no-repeat;
       background-size: cover;
     }