update courses page with jump link web component

Author: hmillersarah

ims-education.html

@@ -94,42 +94,13 @@
 			highlightlink="#ims-security"
 		></hero-section>
 
-		<!-- =========================== Anchor links =========================== -->
-		 <div class="anchor-links pure-g white-bg">
-			<ul class="pure-u-1">
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#all">All roles</a>
-				</li>
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#imsdb">IMS database</a>
-				</li>
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#sysprog">System programming</a>
-				</li>
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#appdev">Application development</a>
-				</li>
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#live">Instructor-led</a>
-				</li>
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#faq">FAQs</a>
-				</li>
-				<li>
-					<img src="wp-content/icons/icon_jump-link.svg" alt="">
-					<a href="#support">Support</a>
-				</li>
-			</ul>
-		</div>
+		<!-- =========================== Jump links =========================== -->
+		<jump-links
+			links="All roles, IMS database, System programming, Application development, Instructor-led, FAQs, Support"
+		></jump-links>
 
 		<!-- =========================== Courses - all roles =========================== -->
-		<section id="all" class="white-bg card-section">
+		<section id="all-roles" class="white-bg card-section">
 			<div class="card-section-header"><h2>All roles</h2></div>
 				<!-- IMS Fundamentals -->
 				<course-card
@@ -169,7 +140,7 @@
 		</section>
 
 		<!-- =========================== Courses - IMS database =========================== -->
-		<section id="imsdb" class="white-bg card-section">
+		<section id="ims-database" class="white-bg card-section">
 			<div class="card-section-header"><h2>IMS database</h2></div>
 				<!-- Logical Relationships -->
 				<course-card
@@ -345,7 +316,7 @@
 		</section>
 
 		<!-- =========================== Courses - System programming =========================== -->
-		<section id="sysprog" class="white-bg card-section">
+		<section id="system-programming" class="white-bg card-section">
 			<div class="card-section-header"><h2>System programming</h2></div>
 				<!-- IMS security -->
 				<course-card
@@ -461,7 +432,7 @@
 		</section>
 
 		<!-- =========================== Courses - Application development =========================== -->
-		<section id="appdev" class="white-bg card-section">
+		<section id="application-development" class="white-bg card-section">
 			<div><h2>Application development</h2></div>
 				<!-- TM Application Programming -->
 				<course-card
@@ -503,7 +474,7 @@
 		</section>
 
 		<!-- =========================== Courses - Instructor-led =========================== -->
-		<section id="live" class="white-bg card-section">
+		<section id="instructor-led" class="white-bg card-section">
 			<div><h2>Instructor-led</h2></div>
 			<!-- <p>No instructor-led classes are scheduled at this time. Please check back in the coming weeks for class offerings.</p> -->
 				<p>For more information about the live class format, see the upcoming events on the <a href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/public?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer">IMS community page.</a></p>
@@ -533,7 +504,7 @@
 		</section>
 
 		<!-- =========================== FAQs =========================== -->
-		<section id="faq" class="light-gray-bg pure-g">
+		<section id="faqs" class="light-gray-bg pure-g">
 				<div class="pure-u-1 pure-u-md-1-4 section-header">
 					<h2>Frequently asked questions</h2>
 				</div>