diff --git a/ims-apis.html b/ims-apis.html
index 38e58239..5687a9a4 100644
--- a/ims-apis.html
+++ b/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">
diff --git a/ims-db.html b/ims-db.html
index 11728778..bea53fd4 100644
--- a/ims-db.html
+++ b/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">
diff --git a/ims-devops.html b/ims-devops.html
index aa85942f..7100668c 100644
--- a/ims-devops.html
+++ b/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">
diff --git a/ims-docs.html b/ims-docs.html
index 940184ec..3bb2632b 100644
--- a/ims-docs.html
+++ b/ims-docs.html
@@ -299,7 +299,7 @@ <h5>IMS support</h5>
 					<main class="zs-main" id="main">
 						<!-- =========================== IMS Docs banner =========================== -->
 						<div class="banner">
-							<section id="intro-section" class="pure-g zs-section white-bg2 docs-intro">
+							<section id="intro-section" class="pure-g zs-section learn-bg docs-intro">
 								<div id="intro-header" class="pure-u-1"></div>
 								<div class="pure-u-3-25">
 									<img class="ims-card-icon" src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="">
diff --git a/ims-education.html b/ims-education.html
index 3383010e..e6fb0a1f 100644
--- a/ims-education.html
+++ b/ims-education.html
@@ -300,7 +300,7 @@ <h5>IMS support</h5>
 
 						<div>	
 							<!-- =========================== IMS Courses banner =========================== -->
-							<div class="banner white-bg2 ed-banner">
+							<div class="banner learn-bg ed-banner">
 								<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">
diff --git a/ims-java.html b/ims-java.html
index 2a13249f..c100ff9f 100644
--- a/ims-java.html
+++ b/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">
diff --git a/ims-repos.html b/ims-repos.html
index 0c675b10..2b7faec1 100644
--- a/ims-repos.html
+++ b/ims-repos.html
@@ -290,7 +290,7 @@ <h5>IMS support</h5>
 		<!-- Container -->
 		<main id="main">
 			<div class="intro-sec">
-				<section id="intro-section" class="pure-g zs-section white-bg2">
+				<section id="intro-section" class="pure-g zs-section learn-bg">
 					<div id="intro-header" class="pure-u-1"></div>
 					<div class="pure-u-3-25">
 						<img class="ims-card-icon" src="wp-content/Icon_Homepage_IMS GitHub.svg" alt="">
diff --git a/ims-support.html b/ims-support.html
index 33ddc6ce..326a6940 100644
--- a/ims-support.html
+++ b/ims-support.html
@@ -292,7 +292,7 @@ <h5>IMS support</h5>
 
 						<!-- =========================== IMS Support banner =========================== -->
 						<div class="banner">
-							<section id="intro-section" class="pure-g zs-section white-bg2 intro-sec">
+							<section id="intro-section" class="pure-g zs-section learn-bg intro-sec">
 								<div id="intro-header" class="pure-u-1"></div>
 								<div class="pure-u-3-25">
 									<img class="ims-card-icon" src="wp-content/Icon_Banner_IMS SupportPage.svg" alt="">
diff --git a/ims-tm.html b/ims-tm.html
index de3510cb..97ee208d 100644
--- a/ims-tm.html
+++ b/ims-tm.html
@@ -45,6 +45,7 @@
 	<link href="wp-includes/css/grid-fluid.css" rel="stylesheet">
 	<link href="wp-includes/css/tables.css" rel="stylesheet">
 	<link href="wp-includes/css/pages/tm.css" rel="stylesheet">
+	<link href="wp-includes/css/flex.css" rel="stylesheet">
 
 	<!-- Hotjar Tracking Code for ibm.com/demos &  githhub -->
 	<script>
@@ -299,7 +300,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>
@@ -357,104 +358,62 @@ <h4>Fundamentals of IMS TM Part 2</h4>
 							</div>
 						</section>
 
-						<!-- =========================== Speedy transactions =========================== -->
-						<!-- <section class="zs-gray-section st-section">
-							<div class="zs-section">
-								<div class="pure-u-1 pure-u-sm-1">
-									<h2>Speedy transactions</h2>
-								</div>
-								<div class="pure-u-1 pure-u-sm-1">
-									<p>Let's say you want to withdraw money from your bank account. How does IMS TM help to do that?</p>
-									<div class="pure-g">
-										<div class="pure-u-md-1-24">
-											<h1>1</h1>
-										</div>
-										<div class="pure-u-1 pure-u-lg-10-24 step-c">
-											<p>TM receives a request for work to be done, such as withdraw money from a bank account.</p>
-										</div>
-
-										<div class="pure-u-md-1-24">
-											<h1>2</h1>
-										</div>
-										<div class="pure-u-1 pure-u-lg-10-24 step-c">
-											<p>TM initiates a specific programming running in a dependent region (as shown in green) that uses the information in the request to complete the work that was requested.</p>
+						<!-- =========================== IMS Transaction Manager =========================== -->
+						<section class="zs-gray-section">
+							<div class="flex-container tm-section">
+								<h3>IMS Transaction Manager</h3>
+								<div class="flex-row">
+									<div class="flex-block">
+										<img class="ims-card-icon" src="wp-content/icons/tcp-ip-service.svg" alt="">
+										<div>
+											<h3>Speedy transactions</h3>
+											<p>
+												The IMS Transaction Manager receives messages from any platform, usually via TCP/IP through IMS Connect, 
+												puts them on the message queue where an application program can retrieve it.
+											</p>
+											<p>
+												Think about getting money from an ATM or bank. The bank uses IMS DB to store customer data and IMS TM to 
+												quickly process deposits, withdrawals, and queries.
+											</p>
+											<a href="https://www.ibm.com/docs/en/ims/15.5.0?topic=network-ims-tm-overview" 
+											target="_blank" rel="noopener noreferrer" aria-label="Learn more about IMS TM speedy transactions">Learn more →</a>
 										</div>
 									</div>
-
-									<div class="pure-g">
-										<div class="pure-u-md-1-24">
-											<h1>3</h1>
-										</div>
-										<div class="pure-u-1 pure-u-lg-10-24 step-c">
-											<p>TM prepares a response to the request (for example, "I'm done processing this request").</p>
-										</div>
-
-										<div class="pure-u-md-1-24">
-											<h1>4</h1>
-										</div>
-										<div class="pure-u-1 pure-u-lg-10-24 step-c">
-											<p>TM transmits the data prepared by the program back to the user that originally requested the work. In other words, the user sees their bank balance.</p>
-										</div>
+									<div class="flex-block">
+										<img src="wp-content/tm/speedy-transactions-c.png" alt="Diagram of IMS TM transaction processing" class="tm-img">
 									</div>
 								</div>
-							</div>
-						</section> -->
-
-						<!-- =========================== Benefits =========================== -->
-						<section class="zs-gray-section benefits-section">
-							<div class="zs-section">
-								<div class="pure-u-1">
-									<div class="pure-g">
-										<!-- Speedy transaction -->
-										<div class="pure-u-1-3">
-												<div class="pure-u-3-4">
-													<h3>Speedy transactions</h3>
-													<p>
-														The IMS Transaction Manager receives messages from any platform, usually via TCP/IP through IMS Connect, 
-														puts them on the message queue where an application program can retrieve it.
-													</p>
-													<p>
-														Think about getting money from an ATM or bank. The bank uses IMS DB to store customer data and IMS TM to 
-														quickly process deposits, withdrawals, and queries.
-													</p>
-													<img src="wp-content/tm/speedy-transactions-c.png" alt="Diagram of IMS TM transaction processing">
-													<br>
-													<a href="https://www.ibm.com/docs/en/ims/15.5.0?topic=network-ims-tm-overview" 
-													target="_blank" rel="noopener noreferrer" aria-label="Learn more about IMS TM speedy transactions">Learn more →</a>
-												</div>
+								<div class="flex-row">
+									<div class="flex-block">
+										<img class="ims-card-icon" src="wp-content/icons/ansible-logo.svg" alt="">
+										<div>
+											<h3>Ways to work</h3>
+											<p>
+												Use Red Hat® Ansible® and Red Hat® OpenShift® through digitally transformed ways of working, developing, 
+												and updating critical data-driven applications. 
+											</p>
+											<p>
+												The Ansible® for IBM Z® product offers lots of use cases, capabilities, and tools to automate functions of IMS, 
+												such as DBRC administration or IMS catalog management, all by using scripted Ansible playbooks.
+											</p>
+											<a href="https://imsdev.github.io/ims-devops.html" 
+												rel="noopener noreferrer" aria-label="Learn more about ways to work with IMS TM">Learn more</a>
 										</div>
-										<!-- Ways to work -->
-										<div class="pure-u-1-3">
-											<div class="pure-u-3-4">
-												<h3>Ways to work</h3>
-												<p>
-													Use Red Hat® Ansible® and Red Hat® OpenShift® through digitally transformed ways of working, developing, 
-													and updating critical data-driven applications. 
-												</p>
-												<p>
-													The Ansible® for IBM Z® product offers lots of use cases, capabilities, and tools to automate functions of IMS, 
-													such as DBRC administration or IMS catalog management, all by using scripted Ansible playbooks.
-												</p>
-												<img src="wp-content/tm/ways-to-work.png" alt="Customers in line">
-												<br>
-												<a href="https://imsdev.github.io/ims-devops.html" 
-												target="_blank" rel="noopener noreferrer" aria-label="Learn more about ways to work with IMS TM">Learn more →</a>
-											</div>
-										</div>
-										<!-- Ways to connect -->
-										<div class="pure-u-1-3">
-											<div class="pure-u-3-4">
-												<h3>Ways to connect</h3>
-												<p>Take advantage of not just TCP/IP but RESTful APIs that access IMS™ applications and data in minutes. 
-													Transactions might be issued from z/OS environments or distributed applications that use TCP/IP to communicate 
-													with IMS. Use IMS Connect to provide high performance TCP/IP communications between multiple IMS Connect 
-													clients and IMS systems.
-												</p>
-												<img src="wp-content/tm/ways-to-connect.png" alt="Diagram of IMS application ecosystem">
-												<br>
-												<a href="https://imsdev.github.io/ims-apis.html" 
-												target="_blank" rel="noopener noreferrer" aria-label="Learn more about how to connect to IMS TM">Learn more →</a>
-											</div>
+									</div>
+									<div class="flex-block">
+										<img class="ims-card-icon" src="wp-content/icons/Icon_Homepage_APIs.svg" alt="">
+										<div>
+											<h3>Ways to connect</h3>
+											<p>Take advantage of not just TCP/IP but RESTful APIs that access IMS™ applications and data in minutes. 
+												Transactions might be issued from z/OS environments or distributed applications that use TCP/IP to communicate 
+												with IMS. 
+											</p>
+											<p>
+												Use IMS Connect to provide high performance TCP/IP communications between multiple IMS Connect 
+												clients and IMS systems.
+											</p>
+											<a href="https://imsdev.github.io/ims-apis.html" 
+												rel="noopener noreferrer" aria-label="Learn more about how to connect to IMS TM">Learn more</a>
 										</div>
 									</div>
 								</div>
@@ -499,9 +458,9 @@ <h3>IMS Fundamentals</h3>
 													Take a deeper dive into the main components of IMS, including IMS TM, IMS DB, and common system services, in this comprehensive course.
 												</p>	
 												<div class="pure-u-1 pure-u-md-1">
-													<a aria-label="Learn more about IMS Fundamentals" target="_blank" rel="noopener noreferrer" 
+													<a aria-label="Learn more about IMS Fundamentals" rel="noopener noreferrer" 
 														href="https://imsdev.github.io/ims-education.html#ims-fundamentals">
-														Learn more →
+														Learn more
 													</a>
 												</div>
 											</div>
@@ -523,9 +482,9 @@ <h3>IMS System Programming in a DBCTL Environment</h3>
 												</p>	
 												<div class="pure-u-1 pure-u-md-1">
 													<a aria-label="Learn more about IMS System Programming in a DBCTL Environment"
-														target="_blank" rel="noopener noreferrer" 
+														rel="noopener noreferrer" 
 														href="https://imsdev.github.io/ims-education.html#ims-dbctl">
-														Learn more →
+														Learn more
 													</a>
 												</div>
 											</div>
@@ -546,9 +505,9 @@ <h3>IMS TM Performance Analysis</h3>
 												</p>	
 												<div class="pure-u-1 pure-u-md-1">
 													<a aria-label="Learn more about IMS TM Performance Analysis"
-														target="_blank" rel="noopener noreferrer" 
+														rel="noopener noreferrer" 
 														href="https://imsdev.github.io/ims-education.html#ims-tm-performance">
-														Learn more →
+														Learn more
 													</a>
 												</div>
 											</div>
@@ -568,9 +527,9 @@ <h3>IMS TM Application Programming</h3>
 												</p>	
 												<div class="pure-u-1 pure-u-md-1">
 													<a aria-label="Learn more about IMS TM Application Programming"
-														target="_blank" rel="noopener noreferrer" 
+														rel="noopener noreferrer" 
 														href="https://imsdev.github.io/ims-education.html#ims-tm-prog">
-														Learn more →
+														Learn more
 													</a>
 												</div>
 											</div>
@@ -585,7 +544,7 @@ <h3>IMS TM Application Programming</h3>
 							<div class="zs-section blog-section">
 								<!--Header -->
 								<div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">
-									<h2>IMS blogs</h2>
+									<h2>Blogs</h2>
 								</div>
 						
 								<!-- Content -->
@@ -593,6 +552,7 @@ <h2>IMS blogs</h2>
 									<div class="pure-g">
 										<!-- Card -->
 										<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
+											<img class="ims-card-icon" src="wp-content/icons/data--check.svg" alt="">
 											<h3>Amplify your enterprise with IMS TM</h3>
 											<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/mario-perotti/2022/05/09/ims-tm?communityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer" aria-label="Read the blog on using IMS TM for your enterprise">
 												Read the blog →
@@ -600,6 +560,7 @@ <h3>Amplify your enterprise with IMS TM</h3>
 										</div>
 										<!-- Card -->
 										<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
+											<img class="ims-card-icon" src="wp-content/icons/security.svg" alt="">
 											<h3>Making IMS transactions more secure by Client ID</h3>
 											<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/hiroyuki-fuchiue/2024/05/21/making-ims-transactions-more-secure-by-client-id?communityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer" aria-label="Read the blog on making IMS transactions secure">
 												Read the blog →
diff --git a/ims-videos.html b/ims-videos.html
index 55275fb9..ed9b5c42 100644
--- a/ims-videos.html
+++ b/ims-videos.html
@@ -298,7 +298,7 @@ <h5>IMS support</h5>
 
                   <!-- =========================== IMS Courses banner =========================== -->
                   <div class="intro-sec">
-                    <section id="intro-section" class="pure-g zs-section white-bg2">
+                    <section id="intro-section" class="pure-g zs-section learn-bg">
                       <div id="intro-header" class="pure-u-1"></div>
                       <div class="pure-u-3-25">
                         <img class="ims-card-icon" src="wp-content/Icon_Managed ACBs_IMS DatabasePage.svg" alt=""/>
diff --git a/index.html b/index.html
index 99f6f8a9..de2d6d1d 100644
--- a/index.html
+++ b/index.html
@@ -354,8 +354,56 @@ <h1 class="pure-u-4-6 pure-u-lg-2-3">IBM <b>IMS Central</b></h1>
             </section>
           </div>
 
+          <!-- =========================== Learn / Education =========================== -->
+          <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">
+                  <h2>Learn</h2>
+                  <p class="index-subheader">Build your IMS skills through courses, videos, and code repos.</p>
+              </div>
+              <div class="pure-u-lg-2-24 learn-spacer"></div>
+
+              <!-- Selection container -->
+              <div class="pure-u-lg-16-24 pure-u-1">
+                <div class="pure-g index-cards">
+                  <!-- IBM Videos -->
+                  <div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 learn-card">
+                    <img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="">
+                    <h3>Videos</h3>
+                    <p>Check out educational videos on Java, managed ACBs, 
+                      IMS catalog, shared queues, DBRC, and more.
+                    </p>
+                    <a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
+                  </div>
+      
+                  <!-- Skills Launchpad -->
+                  <div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 learn-card">
+                    <img src="wp-content/Icon_Banner_IMS CoursesPage.svg" alt="">
+                    <h3>Courses</h3>
+                    <p>Your education portal for role-based, self-paced learning. See the latest 
+                      and online courses.
+                    </p>
+                    <a href="ims-education.html" aria-label="Learn more about courses">Learn more</a>
+                  </div>
+
+                  <!-- IBM GitHub -->
+                  <div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 learn-card">
+                    <img src="wp-content/Icon_Homepage_IMS GitHub.svg" alt="">
+                    <h3>GitHub</h3>
+                    <p>See the IMS GitHub repositories to grab sample code, learn 
+                      how to perform tasks on IMS, and more.
+                    </p>
+                    <a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
+                  </div>
+                </div>
+              </div>
+            </section>
+          </div>
+
           <!-- =========================== Innovate =========================== -->
-          <div class="zs-gray-section white-bg innovate-section">
+          <!-- Parallax BG needs specification here to override styles -->
+          <div class="zs-gray-section ibm-background-white-core imsc-learn-section pure-g" style="background-image: url(wp-content/BG02.png);">
             <section class="pure-g zs-section">
               <!--Section Header-->
               <div class="pure-u-lg-6-24 pure-u-1 pure-u-sm-1 pure-u-md-1 ibm-padding-bottom-1">
@@ -375,7 +423,7 @@ <h2>Innovate</h2>
                   <!-- APIs / zOS Connect EE -->
                   <div class="pure-u-1 pure-u-md-11-24 pure-u-lg-11-24 ibm-left">
                     <div class="ibm-card__content innovate-card">
-                      <img class="ims-card-icon" src="wp-content/Icon_Homepage_APIs.svg" alt="">
+                      <img class="ims-card-icon" src="wp-content/icons/Icon_Homepage_APIs.svg" alt="">
                       <h3>APIs</h3>
                       <p>
                         Not sure how the mainframe and APIs mix? 
@@ -428,10 +476,24 @@ <h3>IMS Database</h3>
             </section>
           </div>
 
+          <!-- =========================== Advocacy Program =========================== -->
+          <div class="pure-u-1 pure-u-sm-1 pure-g advocacy-banner">
+            <div class="pure-u-lg-8-24 pure-u-sm-1">
+              <h2>IMS Advocacy Program</h2>
+            </div>
+            <div class="pure-u-lg-15-24 pure-u-1">
+              <div class="pure-u-lg-1-8"><img src="wp-content/Icon_Homepage_IMS Advocacy.svg" alt=""></div>
+              <div class="pure-u-lg-7-8 advocacy-banner-text">
+                <h4>If you don't have an advocate, or want to change your IMS advocate, please contact 
+                Deepak Kohli at <a href="mailto:deepakk@us.ibm.com"><em>deepakk@us.ibm.com</em></a>
+                </h4>
+              </div>
+            </div>
+          </div>
+
           <!-- =========================== Engage / Programs =========================== -->
-          <!-- Parallax BG needs specification here to override styles -->
-          <div class="zs-gray-section ibm-background-white-core imsc-learn-section pure-g" style="background-image: url(wp-content/BG02.png);">
-            <section class="zs-section 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">
                   <h2>Engage</h2>
@@ -485,68 +547,6 @@ <h3>Blogs and forums</h3>
             </section>
           </div>
 
-          <!-- =========================== Advocacy Program =========================== -->
-          <div class="pure-u-1 pure-u-sm-1 pure-g advocacy-banner">
-            <div class="pure-u-lg-8-24 pure-u-sm-1">
-              <h2>IMS Advocacy Program</h2>
-            </div>
-            <div class="pure-u-lg-15-24 pure-u-1">
-              <div class="pure-u-lg-1-8"><img src="wp-content/Icon_Homepage_IMS Advocacy.svg" alt=""></div>
-              <div class="pure-u-lg-7-8 advocacy-banner-text">
-                <h4>If you don't have an advocate, or want to change your IMS advocate, please contact 
-                Deepak Kohli at <a href="mailto:deepakk@us.ibm.com"><em>deepakk@us.ibm.com</em></a>
-                </h4>
-              </div>
-            </div>
-          </div>
-
-          <!-- =========================== Learn / Education =========================== -->
-          <div class="zs-gray-section white-bg2 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">
-                  <h2>Learn</h2>
-                  <p class="index-subheader">Build your IMS skills through courses, videos, and code repos.</p>
-              </div>
-              <div class="pure-u-lg-2-24 learn-spacer"></div>
-
-              <!-- Selection container -->
-              <div class="pure-u-lg-16-24 pure-u-1">
-                <div class="pure-g index-cards">
-                  <!-- IBM Videos -->
-                  <div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 learn-card">
-                    <img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="">
-                    <h3>Videos</h3>
-                    <p>Check out educational videos on Java, managed ACBs, 
-                      IMS catalog, shared queues, DBRC, and more.
-                    </p>
-                    <a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
-                  </div>
-      
-                  <!-- Skills Launchpad -->
-                  <div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 learn-card">
-                    <img src="wp-content/Icon_Banner_IMS CoursesPage.svg" alt="">
-                    <h3>Courses</h3>
-                    <p>Your education portal for role-based, self-paced learning. See the latest 
-                      and online courses.
-                    </p>
-                    <a href="ims-education.html" aria-label="Learn more about courses">Learn more</a>
-                  </div>
-
-                  <!-- IBM GitHub -->
-                  <div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 learn-card">
-                    <img src="wp-content/Icon_Homepage_IMS GitHub.svg" alt="">
-                    <h3>GitHub</h3>
-                    <p>See the IMS GitHub repositories to grab sample code, learn 
-                      how to perform tasks on IMS, and more.
-                    </p>
-                    <a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
-                  </div>
-                </div>
-              </div>
-            </section>
-          </div>
-
           <!-- =========================== Doc / Support =========================== -->
           <div class="zs-gray-section ibm-background-white-core docs-section">
             <section class="zs-section docs-container">
diff --git a/wp-content/Engage_HomepageBG.png b/wp-content/backgrounds/Engage_HomepageBG.png
similarity index 100%
rename from wp-content/Engage_HomepageBG.png
rename to wp-content/backgrounds/Engage_HomepageBG.png
diff --git a/wp-content/Innovate_HomepageBG.png b/wp-content/backgrounds/Innovate_HomepageBG.png
similarity index 100%
rename from wp-content/Innovate_HomepageBG.png
rename to wp-content/backgrounds/Innovate_HomepageBG.png
diff --git a/wp-content/Learn_HomepageBG.png b/wp-content/backgrounds/Learn_HomepageBG.png
similarity index 100%
rename from wp-content/Learn_HomepageBG.png
rename to wp-content/backgrounds/Learn_HomepageBG.png
diff --git a/wp-content/Icon_Homepage_APIs.svg b/wp-content/icons/Icon_Homepage_APIs.svg
similarity index 100%
rename from wp-content/Icon_Homepage_APIs.svg
rename to wp-content/icons/Icon_Homepage_APIs.svg
diff --git a/wp-content/icons/ansible-logo.svg b/wp-content/icons/ansible-logo.svg
new file mode 100644
index 00000000..34160e08
--- /dev/null
+++ b/wp-content/icons/ansible-logo.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+    </style>
+  </defs>
+  <path d="M21.9104,20.5859h0l-5-11c-.1577-.3452-.5061-.5859-.9104-.5859s-.7529,.2407-.9104,.5859l-5,11c-.0576,.1265-.0896,.2661-.0896,.4141,0,.5522,.4478,1,1,1,.4043,0,.7527-.2407,.9104-.5859l1.9985-4.3965,6.4978,4.7876c.166,.1226,.3711,.1948,.5933,.1948,.5522,0,1-.4478,1-1,0-.1479-.032-.2881-.0896-.4141Zm-5.9104-8.1689l2.499,5.498-3.7441-2.7588,1.2451-2.7393Z"/>
+  <path d="M16,30c-7.7197,0-14-6.2803-14-14S8.2803,2,16,2s14,6.2803,14,14-6.2803,14-14,14Zm0-26c-6.6167,0-12,5.3833-12,12s5.3833,12,12,12,12-5.3833,12-12-5.3833-12-12-12Z"/>
+  <rect id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;" class="cls-1" width="32" height="32"/>
+</svg>
\ No newline at end of file
diff --git a/wp-content/icons/data--check.svg b/wp-content/icons/data--check.svg
new file mode 100644
index 00000000..c6a829b4
--- /dev/null
+++ b/wp-content/icons/data--check.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>data-check</title><polygon points="23 27.18 20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18"/><circle cx="11" cy="8" r="1"/><circle cx="11" cy="16" r="1"/><circle cx="11" cy="24" r="1"/><path d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>
\ No newline at end of file
diff --git a/wp-content/icons/security.svg b/wp-content/icons/security.svg
new file mode 100644
index 00000000..5ed83bfa
--- /dev/null
+++ b/wp-content/icons/security.svg
@@ -0,0 +1,12 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+    </style>
+  </defs>
+  <polygon points="14 16.59 11.41 14 10 15.41 14 19.41 22 11.41 20.59 10 14 16.59"/>
+  <path d="M16,30,9.8242,26.7071A10.9818,10.9818,0,0,1,4,17V4A2.0021,2.0021,0,0,1,6,2H26a2.0021,2.0021,0,0,1,2,2V17a10.9818,10.9818,0,0,1-5.8242,9.7071ZM6,4V17a8.9852,8.9852,0,0,0,4.7656,7.9423L16,27.7333l5.2344-2.791A8.9852,8.9852,0,0,0,26,17V4Z"/>
+  <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
+</svg>
diff --git a/wp-content/icons/tcp-ip-service.svg b/wp-content/icons/tcp-ip-service.svg
new file mode 100644
index 00000000..1c5a8cbd
--- /dev/null
+++ b/wp-content/icons/tcp-ip-service.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+    </style>
+  </defs>
+  <rect x="16" y="28" width="14" height="2"/>
+  <path d="M27,26h-8c-1.1028,0-2-.8972-2-2v-5c0-1.1028,.8972-2,2-2h8c1.1028,0,2,.8972,2,2v5c0,1.1028-.8972,2-2,2Zm-8-7v5h8v-5h-8Z"/>
+  <path d="M15,23h-5c-1.1028,0-2-.8972-2-2v-4h2v4h5v2Z"/>
+  <rect x="2" y="13" width="14" height="2"/>
+  <path d="M13,11H5c-1.1028,0-2-.8972-2-2V4c0-1.1028,.8972-2,2-2H13c1.1028,0,2,.8972,2,2v5c0,1.1028-.8972,2-2,2ZM5,4v5H13V4H5Z"/>
+  <rect id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;" class="cls-1" width="32" height="32"/>
+</svg>
\ No newline at end of file
diff --git a/wp-content/tm/speedy-transactions.png b/wp-content/tm/speedy-transactions.png
deleted file mode 100644
index de96bcb8..00000000
Binary files a/wp-content/tm/speedy-transactions.png and /dev/null differ
diff --git a/wp-content/tm/video-cover-intro-ibm-ims.png b/wp-content/tm/video-cover-intro-ibm-ims.png
deleted file mode 100644
index 42a4ee2f..00000000
Binary files a/wp-content/tm/video-cover-intro-ibm-ims.png and /dev/null differ
diff --git a/wp-content/tm/ways-to-connect.png b/wp-content/tm/ways-to-connect.png
deleted file mode 100644
index c0295fcb..00000000
Binary files a/wp-content/tm/ways-to-connect.png and /dev/null differ
diff --git a/wp-content/tm/ways-to-work.png b/wp-content/tm/ways-to-work.png
deleted file mode 100644
index 35d087ce..00000000
Binary files a/wp-content/tm/ways-to-work.png and /dev/null differ
diff --git a/wp-includes/css/flex.css b/wp-includes/css/flex.css
new file mode 100644
index 00000000..5a988511
--- /dev/null
+++ b/wp-includes/css/flex.css
@@ -0,0 +1,38 @@
+/* TM page: IMS Transaction Manager section */
+.flex-container {
+    display: flex;
+    flex-flow: column nowrap;
+    gap: 2.4em;
+    margin: 2em 4.4em;
+}
+
+.flex-row {
+    display: flex;
+    flex-flow: row wrap;
+    gap: 2.4em;
+}
+
+.flex-block {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: self-start;
+    gap: 4%;
+    width: 46%;
+}
+
+.flex-block p, a {
+    font-size: 14pt;
+}
+
+.flex-img {
+    width: 100%;
+    max-width: 550px;
+    padding: 1em;
+}
+
+/* MEDIA QUERIES */
+@media screen and (max-width: 768px) {
+    .flex-block {
+        width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/wp-includes/css/homepage.css b/wp-includes/css/homepage.css
index 63fe4b72..3f86971e 100644
--- a/wp-includes/css/homepage.css
+++ b/wp-includes/css/homepage.css
@@ -415,18 +415,32 @@
       color: #0F62FE !important;
     }
 
-    .white-bg {
-      background-image: url(../../wp-content/Innovate_HomepageBG.png);
+    .learn-bg-home {
+      background-image: url(../../wp-content/backgrounds/Learn_HomepageBG.png);
       background-repeat: no-repeat;
       background-size: cover;
+      background-position: 80%;
     }
-    .white-bg2 {
-      background-image: url(../../wp-content/Learn_HomepageBG.png);
+    .learn-bg {
+      background-image: url(../../wp-content/backgrounds/Learn_HomepageBG.png);
       background-repeat: no-repeat;
       background-size: cover;
+      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;
     }
diff --git a/wp-includes/css/pages/index.css b/wp-includes/css/pages/index.css
index 16cb778b..2c4c2ee7 100644
--- a/wp-includes/css/pages/index.css
+++ b/wp-includes/css/pages/index.css
@@ -84,9 +84,30 @@
     max-width: 590px !important;
 }
 
-.innovate-section {
+.learn-section {
     margin-bottom: -40px; 
-    width:100%
+}
+
+.learn-spacer {
+    margin-right: -9px;
+}
+
+.learn-card {
+    padding-right: 2.5em;
+    margin-bottom:3em;
+}
+
+.learn-card img {
+    margin-bottom:15px;
+    height: 30px;
+}
+
+.learn-card h3 {
+    color: black;
+}
+
+.learn-card a {
+    color: #0141B7;
 }
 
 .innovate-spacer {
@@ -99,25 +120,16 @@
     position: relative;
 }
 
+.innovate-card img {
+    filter: brightness(0) invert(1);
+}
+
 .innovate-card h3 {
     text-align:left;
-    color: black;
+    color: white;
 }
 
 .innovate-card a {
-    color: #0141B7;
-}
-
-.engage-section {
-    margin-bottom: -50px;
-}
-
-.engage-card {
-    padding-right: 2.5em;
-    padding-bottom:3em;
-}
-
-.engage-card a {
     color: #78A9FF !important;
 }
 
@@ -143,30 +155,25 @@
     color: #78A9FF;
 }
 
-.learn-section {
-    margin-bottom: -50px;
+.engage-section {
+    margin-bottom: -20px;
     width: 100%;
 }
 
-.learn-spacer {
-    margin-right: -9px;
-}
-
-.learn-card {
+.engage-card {
     padding-right: 2.5em;
-    margin-bottom:3em;
+    padding-bottom:3em;
 }
 
-.learn-card img {
-    margin-bottom:15px;
-    height: 30px;
+.engage-card h3 {
+    color: black;
 }
 
-.learn-card h3 {
-    color: black;
+.engage-card img {
+    filter: brightness(100) invert(1);
 }
 
-.learn-card a {
+.engage-card a {
     color: #0141B7;
 }
 
diff --git a/wp-includes/css/pages/tm.css b/wp-includes/css/pages/tm.css
index 2e698330..748c37db 100644
--- a/wp-includes/css/pages/tm.css
+++ b/wp-includes/css/pages/tm.css
@@ -65,36 +65,26 @@
     max-width: 590px !important;
 }
 
-/* SPEEDY TRANSACTIONS SECTION */
-
-.st-section h1 {
-    color: #0F62FE;
-}
+/* TRANSACTION MANAGER SECTION */
 
-.step-c {
-    padding-top: 50px;
+.tm-section h3 {
+    color: black;
 }
 
-/* BENEFITS SECTION */
-
-.benefits-section {
-    padding: 3em 0em 3em 3em;
-}
+.tm-img {
+    width: 100%;
+    max-width: 550px;
+    padding: 1em;
+} 
 
-.benefits-section h3 {
-    color: black;
-}
+/* SPEEDY TRANSACTIONS SECTION */
 
-.benefits-section a {
+.st-section h1 {
     color: #0F62FE;
-    font-size: 18px;
-    position: absolute;
-    bottom: 0;
 }
 
-.benefits-section img {
-    width: 300px;
-    margin: 20px 0px;
+.step-c {
+    padding-top: 50px;
 }
 
 /* HONE SKILLS SECTION */
@@ -167,10 +157,9 @@
     font-size: 18px;
 }
 
-/* MEDIA QUERIES */
+.blog-card img {
+    filter: brightness(0) invert(1);
+    width: 35px;
+    height: 35px;
+}
 
-@media screen and (max-width: 1024px) {
-    .benefits-section img {
-        width: 200px;
-    }
-}
\ No newline at end of file