Skip to content

Commit c01e883

Browse files
hmillersarahhmillersarah
committed
engage section
1 parent cbbbab4 commit c01e883

3 files changed

Lines changed: 98 additions & 62 deletions

File tree

‎index.html‎

Lines changed: 85 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@ <h3>GitHub</h3>
155155
</section>
156156

157157
<!-- =========================== Innovate =========================== -->
158-
<section class="innovate-home-bg black-bg pure-g pure-g-pad">
158+
<section class="innovate-home-bg black-bg pure-g">
159159
<div class="pure-u-1 pure-u-md-1-3">
160160
<h2>Innovate</h2>
161161
<h3>Discover how to modernize your IMS system and business applications.</h3>
@@ -196,7 +196,7 @@ <h3>IMS Database</h3>
196196
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
197197
</div>
198198
<div class="pure-u-1 pure-u-sm-1-3">
199-
<img src="wp-content/Icon_Homepage_IMS Database Manager.svg" alt="" class="icon icon-lg icon-invert">
199+
<img src="wp-content/icons/icon_3d.svg" alt="" class="icon icon-lg icon-invert">
200200
<h3>IMS Transaction Manager</h3>
201201
<p>
202202
Using APIs and distributed connectivity, IMS integrates with modern tools and emerging technologies,
@@ -206,59 +206,93 @@ <h3>IMS Transaction Manager</h3>
206206
</div>
207207
</section>
208208

209-
<!-- =========================== Engage / Programs =========================== -->
210-
<div class="zs-gray-section engage-bg-home engage-section">
211-
<section class="zs-section">
212-
<!--Header -->
213-
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">
214-
<h2>Engage</h2>
215-
<p class="index-subheader">Stay engaged with the IMS team and other customers.</p>
209+
<!-- =========================== Engage =========================== -->
210+
<section class="engage-home-bg white-bg pure-g">
211+
<div class="pure-u-1 pure-u-md-1-3 section-header">
212+
<h2>Engage</h2>
213+
<h3>Stay engaged with the IMS team and other customers.</h3>
214+
</div>
215+
<div class="pure-u-1 pure-u-md-2-3">
216+
<div class="pure-g pure-g-pad">
217+
<div class="pure-u-1 pure-u-sm-1-3">
218+
<img src="wp-content/icons/icon_engage.svg" alt="" class="icon icon-lg icon-invert">
219+
<h3>IMS Gold</h3>
220+
<p>
221+
Partner with the IMS development teams to tell us what you think
222+
about IMS features, possible new functions, and more.
223+
</p>
224+
<a href="ims-gold.html" aria-label="Learn more about IMS Gold">Learn more</a>
225+
</div>
226+
<div class="pure-u-1 pure-u-sm-1-3">
227+
<img src="wp-content/Icon_02_IMS GoldPage.svg" alt="" class="icon icon-lg">
228+
<h3>Advocacy and ideas</h3>
229+
<p>
230+
Get an IMS advocate at no cost to you. Also, submit ideas to shape the future of IMS.
231+
</p>
232+
<a href="ims-advocacy.html" aria-label="Learn more about IMS advocacy">Learn more</a>
233+
</div>
234+
<div class="pure-u-1 pure-u-sm-1-3">
235+
<img src="wp-content/Icon_Blog_White.svg" alt="" class="icon icon-lg icon-invert">
236+
<h3>Blogs and forums</h3>
237+
<p>
238+
Join the IMS Community and get updates on events, join IMS forums, learn about other IBM Z software products, and more.
239+
</p>
240+
<a target="_blank" rel="noopener noreferrer" aria-label="Learn more about the IMS Community"
241+
href="https://community.ibm.com/community/user/groupz?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
242+
Learn more →
243+
</a>
244+
</div>
216245
</div>
217-
<div class="pure-u-lg-2-24"></div>
218-
219-
<!-- Engage cards container -->
220-
<div class="pure-u-lg-16-24 pure-u-1">
221-
<div class="pure-g index-cards">
222-
<!-- Gold -->
223-
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 engage-card">
224-
<img class="ims-card-icon" src="wp-content/icons/icon_engage.svg" alt="">
225-
<div>
226-
<h3>IMS Gold</h3>
227-
<p>Partner with the IMS development teams to tell us what you think
228-
about IMS features, possible new functions, and more.
229-
</p>
230-
<a href="ims-gold.html" aria-label="Learn more about IMS Gold">Learn more</a>
231-
</div>
232-
</div>
233-
234-
<!-- Advocacy -->
235-
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 engage-card">
236-
<img class="ims-card-icon" src="wp-content/Icon_02_IMS GoldPage.svg" alt="">
237-
<div>
238-
<h3>Advocacy and ideas</h3>
239-
<p>Get an IMS advocate at no cost to you. Also, submit ideas to shape the future of IMS.
240-
</p>
241-
<a href="ims-advocacy.html" aria-label="Learn more about IMS advocacy">Learn more</a>
242-
</div>
243-
</div>
246+
</div>
247+
</section>
244248

245-
<!-- Blogs -->
246-
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-8-24 engage-card">
247-
<img class="ims-card-icon" src="wp-content/Icon_Blog_White.svg" alt="">
248-
<div>
249-
<h3>Blogs and forums</h3>
250-
<p>
251-
Join the IMS Community and get updates on events, join IMS forums, learn about other IBM Z software products, and more.</a>
252-
</p>
253-
<a target="_blank" rel="noopener noreferrer" aria-label="Learn more about the IMS Community"
254-
href="https://community.ibm.com/community/user/groupz?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
255-
Learn more →</a>
256-
</div>
257-
</div>
249+
<!-- =========================== Docs and Support =========================== -->
250+
<section class="dark-gray-bg pure-g">
251+
<div class="pure-u-1 pure-u-md-1-3 section-header">
252+
<h2>Docs and Support</h2>
253+
<h3>Find IMS documentation or get help with IMS.</h3>
254+
</div>
255+
<div class="pure-u-1 pure-u-md-2-3">
256+
<div class="pure-g pure-g-pad">
257+
<div class="pure-u-1 pure-u-sm-1-2">
258+
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
259+
<h3>Videos</h3>
260+
<p>
261+
Check out educational videos on Java, managed ACBs,
262+
IMS catalog, shared queues, DBRC, and more.
263+
</p>
264+
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
265+
</div>
266+
<div class="pure-u-1 pure-u-sm-1-2">
267+
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
268+
<h3>Videos</h3>
269+
<p>
270+
Check out educational videos on Java, managed ACBs,
271+
IMS catalog, shared queues, DBRC, and more.
272+
</p>
273+
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
274+
</div>
275+
<div class="pure-u-1 pure-u-sm-1-2">
276+
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
277+
<h3>Videos</h3>
278+
<p>
279+
Check out educational videos on Java, managed ACBs,
280+
IMS catalog, shared queues, DBRC, and more.
281+
</p>
282+
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
283+
</div>
284+
<div class="pure-u-1 pure-u-sm-1-2">
285+
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
286+
<h3>Videos</h3>
287+
<p>
288+
Check out educational videos on Java, managed ACBs,
289+
IMS catalog, shared queues, DBRC, and more.
290+
</p>
291+
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
258292
</div>
259293
</div>
260-
</section>
261-
</div>
294+
</div>
295+
</section>
262296

263297
<!-- =========================== Doc / Support =========================== -->
264298
<div class="zs-gray-section ibm-background-white-core docs-section">

‎wp-includes/css/homepage.css‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -428,12 +428,6 @@
428428
background-size: cover;
429429
background-position: 35%;
430430
}
431-
.engage-bg-home {
432-
background-image: url(../../wp-content/backgrounds/Innovate_HomepageBG.png);
433-
background-repeat: no-repeat;
434-
background-size: 200%;
435-
background-position: 35% 100%;
436-
}
437431
.engage-bg {
438432
background-image: url(../../wp-content/backgrounds/Engage_HomepageBG.png);
439433
background-repeat: no-repeat;

‎wp-includes/css/page.css‎

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -132,25 +132,33 @@ h6 {
132132
color: var(--white);
133133
}
134134

135-
.blue-bg a {
135+
.blue-bg a, .black-bg a {
136136
color: var(--font-light-blue);
137137
}
138138

139+
/* Homepage backgrounds */
139140
.learn-home-bg {
140141
background-image: url(../../wp-content/backgrounds/Learn_HomepageBG.png);
141142
background-repeat: no-repeat;
142143
background-size: cover;
143144
background-position: 80%;
144145
}
145146

146-
.learn-home-bg a {
147-
color: var(--font-dark-blue);
148-
}
149-
150147
.innovate-home-bg {
151148
background-image: url(../../wp-content/BG02.png);
152149
background-size: cover;
153150
}
151+
152+
.engage-home-bg {
153+
background-image: url(../../wp-content/backgrounds/Innovate_HomepageBG.png);
154+
background-repeat: no-repeat;
155+
background-size: 200%;
156+
background-position: 35% 100%;
157+
}
158+
159+
.learn-home-bg a, .engage-home-bg a {
160+
color: var(--font-dark-blue);
161+
}
154162
/* -------------------------------------------------------- */
155163

156164
/* Icons */

0 commit comments

Comments
 (0)