Skip to content

Commit 582ef4e

Browse files
hmillersarahhmillersarah
committed
webinars section responsive
1 parent 51e18fb commit 582ef4e

3 files changed

Lines changed: 135 additions & 68 deletions

File tree

‎ims-apis.html‎

Lines changed: 130 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -268,60 +268,167 @@ <h3>Get the API toolkit</h3>
268268
</div>
269269
</section>
270270

271-
<!-- =========================== Case studies =========================== -->
271+
<!-- =========================== Resources =========================== -->
272272
<section class="dark-gray-bg pure-g">
273+
<!-- =========================== Case studies =========================== -->
273274
<div class="pure-u-1 pure-u-md-1-4 section-header">
274275
<h2>Case studies</h2>
275276
</div>
277+
<div class="pure-u-1 pure-u-md-3-4">
278+
<div class="pure-g pure-g-pad">
279+
<div class="pure-u-1 pure-u-sm-1-2">
280+
<h3>
281+
Efficient, low-risk modernization of core banking applications
282+
</h3>
283+
<p>
284+
Java alongside COBOL preserves the best of both the IBM zSystems
285+
and distributed worlds.
286+
</p>
287+
<div>
288+
<img
289+
src="wp-content/Icon_Atruvia_z OS ConnectPage.svg"
290+
alt="Atruvia logo" />
291+
</div>
292+
<a
293+
target="_blank"
294+
aria-label="Read the case study on Atruvia"
295+
rel="noopener noreferrer"
296+
href="https://www.ibm.com/case-studies/atruvia-ag">
297+
Read the case study →</a
298+
>
299+
</div>
300+
<div class="pure-u-1 pure-u-sm-1-2">
301+
<img
302+
src="wp-content/images/atruvia-casestudy.png"
303+
alt="Buildings"
304+
class="img-md" />
305+
</div>
306+
</div>
307+
</div>
308+
<!-- divider -->
309+
<div class="pure-u-1 hr-container">
310+
<hr />
311+
</div>
312+
<!-- =========================== On-demand webinars =========================== -->
313+
<div class="pure-u-1 pure-u-md-1-4 section-header">
314+
<h2>On-demand webinars</h2>
315+
</div>
276316
<div class="pure-u-1 pure-u-md-3-4">
277317
<div class="pure-g pure-g-pad">
278318
<div class="pure-u-1 pure-u-sm-1-2">
279319
<div class="pure-g">
320+
<div class="pure-u-1-5 pure-u-md-1">
321+
<img
322+
class="icon-sm"
323+
src="wp-content/Icon_APIs on IBM Z_z OS ConnectPage.svg"
324+
alt="" />
325+
</div>
326+
<div class="pure-u-4-5 pure-u-md-1">
327+
<h3>A look at APIs on IBM Z</h3>
328+
<p>
329+
Learn more about IBM z/OS Connect and how it accesses core
330+
System of Record transaction servers exposing applications
331+
as RESTful APIs.
332+
</p>
333+
<a
334+
target="_blank"
335+
rel="noopener noreferrer"
336+
aria-label="Register for a webinar on z/OS Connect"
337+
href="https://event.on24.com/eventRegistration/EventLobbyServlet?target=reg20.jsp&referrer=&eventid=2612255&sessionid=1&key=9F83B003AE38BB81CBD1EF1EF373C47A&regTag=&V2=false&sourcepage=register&_ga=2.121445512.1058035363.1623199990-2051871492.1623199990">
338+
Register →
339+
</a>
340+
</div>
341+
</div>
342+
</div>
343+
<div class="pure-u-1 pure-u-sm-1-2">
344+
<div class="pure-g">
345+
<div class="pure-u-1-5 pure-u-md-1">
346+
<img
347+
class="icon-sm"
348+
src="wp-content/Icon_CICS Portfolio_z OS ConnectPage.svg"
349+
alt="" />
350+
</div>
280351
<div class="pure-u-4-5 pure-u-md-1">
281352
<h3>
282-
Efficient, low-risk modernization of core banking
283-
applications
353+
CICS Portfolio: IBM z/OS Connect - From PoC to production
354+
webinar
284355
</h3>
285356
<p>
286-
Java alongside COBOL preserves the best of both the IBM
287-
zSystems and distributed worlds.
357+
Explore how key CICS tools can reduce risk and effort while
358+
maximizing return on investment and efficiency at every
359+
stage of an application's lifecycle.
288360
</p>
289-
<div>
290-
<img
291-
class="ims-card-icon-lg"
292-
src="wp-content/Icon_Atruvia_z OS ConnectPage.svg"
293-
alt="Atruvia logo" />
294-
</div>
295361
<a
296362
target="_blank"
297-
aria-label="Read the case study on Atruvia"
298363
rel="noopener noreferrer"
299-
href="https://www.ibm.com/case-studies/atruvia-ag">
300-
Read the case study →</a
364+
aria-label="Register for a webinar on leveraging CICS tools"
365+
href="https://event.on24.com/eventRegistration/EventLobbyServlet?target=reg20.jsp&referrer=&eventid=2745637&sessionid=1&key=7373B86AF7EEF3A5879E661DD9B3CDF5&regTag=&V2=false&sourcepage=register&_ga=2.121445512.1058035363.1623199990-2051871492.1623199990">
366+
Register →</a
301367
>
302368
</div>
303369
</div>
304370
</div>
371+
</div>
372+
</div>
373+
<!-- divider -->
374+
<div class="pure-u-1 hr-container">
375+
<hr />
376+
</div>
377+
<!-- =========================== Communities =========================== -->
378+
<div class="pure-u-1 pure-u-md-1-4 section-header">
379+
<h2>On-demand webinars</h2>
380+
</div>
381+
<div class="pure-u-1 pure-u-md-3-4">
382+
<div class="pure-g pure-g-pad">
305383
<div class="pure-u-1 pure-u-sm-1-2">
306384
<div class="pure-g">
307385
<div class="pure-u-1-5 pure-u-md-1">
308386
<img
309-
src="wp-content/Icon_API toolkit_z OS ConnectPage.svg"
310-
alt=""
311-
class="icon-sm" />
387+
class="icon-sm"
388+
src="wp-content/Icon_APIs on IBM Z_z OS ConnectPage.svg"
389+
alt="" />
312390
</div>
313391
<div class="pure-u-4-5 pure-u-md-1">
314-
<h3>Get the API toolkit</h3>
392+
<h3>A look at APIs on IBM Z</h3>
315393
<p>
316-
IBM z/OS Connect base already installed? Design, map, and
317-
deploy your APIs with our Eclipse-based tooling.
394+
Learn more about IBM z/OS Connect and how it accesses core
395+
System of Record transaction servers exposing applications
396+
as RESTful APIs.
318397
</p>
319398
<a
320399
target="_blank"
321400
rel="noopener noreferrer"
322-
aria-label="Learn more about the z/OS Connect API toolkit"
323-
href="https://www.ibm.com/products/zos-connect-enterprise-edition/pricing">
324-
Learn more →</a
401+
aria-label="Register for a webinar on z/OS Connect"
402+
href="https://event.on24.com/eventRegistration/EventLobbyServlet?target=reg20.jsp&referrer=&eventid=2612255&sessionid=1&key=9F83B003AE38BB81CBD1EF1EF373C47A&regTag=&V2=false&sourcepage=register&_ga=2.121445512.1058035363.1623199990-2051871492.1623199990">
403+
Register →
404+
</a>
405+
</div>
406+
</div>
407+
</div>
408+
<div class="pure-u-1 pure-u-sm-1-2">
409+
<div class="pure-g">
410+
<div class="pure-u-1-5 pure-u-md-1">
411+
<img
412+
class="icon-sm"
413+
src="wp-content/Icon_CICS Portfolio_z OS ConnectPage.svg"
414+
alt="" />
415+
</div>
416+
<div class="pure-u-4-5 pure-u-md-1">
417+
<h3>
418+
CICS Portfolio: IBM z/OS Connect - From PoC to production
419+
webinar
420+
</h3>
421+
<p>
422+
Explore how key CICS tools can reduce risk and effort while
423+
maximizing return on investment and efficiency at every
424+
stage of an application's lifecycle.
425+
</p>
426+
<a
427+
target="_blank"
428+
rel="noopener noreferrer"
429+
aria-label="Register for a webinar on leveraging CICS tools"
430+
href="https://event.on24.com/eventRegistration/EventLobbyServlet?target=reg20.jsp&referrer=&eventid=2745637&sessionid=1&key=7373B86AF7EEF3A5879E661DD9B3CDF5&regTag=&V2=false&sourcepage=register&_ga=2.121445512.1058035363.1623199990-2051871492.1623199990">
431+
Register →</a
325432
>
326433
</div>
327434
</div>
@@ -330,51 +437,6 @@ <h3>Get the API toolkit</h3>
330437
</div>
331438
</section>
332439

333-
<div
334-
class="zs-gray-section ibm-background-white-core blue-purp apis-section-black">
335-
<section class="zs-section">
336-
<!--Header -->
337-
<div class="pure-u-1 pure-u-sm-1 pure-u-md-5-24 ibm-padding-bottom-1">
338-
<h2>Case studies</h2>
339-
</div>
340-
<div class="pure-u-lg-2-24"></div>
341-
342-
<!-- Section contents -->
343-
<!-- s1 -->
344-
<div class="pure-u-1 pure-u-sm-1 pure-u-md-8-24 apis-black-card">
345-
<h3>
346-
Efficient, low-risk modernization of core banking applications
347-
</h3>
348-
<p>
349-
Java alongside COBOL preserves the best of both the IBM zSystems
350-
and distributed worlds.
351-
</p>
352-
<div>
353-
<img
354-
class="ims-card-icon-lg"
355-
src="wp-content/Icon_Atruvia_z OS ConnectPage.svg"
356-
alt="Atruvia logo" />
357-
</div>
358-
<a
359-
target="_blank"
360-
aria-label="Read the case study on Atruvia"
361-
rel="noopener noreferrer"
362-
href="https://www.ibm.com/case-studies/atruvia-ag">
363-
Read the case study →</a
364-
>
365-
</div>
366-
<!-- s2 -->
367-
<!-- <div class="pure-u-1 pure-u-sm-1 pure-u-md-8-24" style="padding-right: 2.5em;">
368-
<h3>Wüstenrot</h3>
369-
<p>Responding to customer expectations, Wüstenrot exploited Container Pricing for IBM Z
370-
and implemented IBM z/OS Connect Enterprise Edition.</p>
371-
<a target="_blank" rel="noopener noreferrer" href="https://www.ibm.com/case-studies/wustenrot-systems-software-container-pricing-development">
372-
Read the case study</a>
373-
</div> -->
374-
<hr class="apis-hr" />
375-
</section>
376-
</div>
377-
378440
<!-- =========================== Webinars =========================== -->
379441
<div
380442
class="zs-gray-section ibm-background-white-core blue-purp apis-section-black apis-hr-section">

‎wp-content/images/atruvia-casestudy.png‎

534 KB
Loading

‎wp-includes/css/page.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -544,6 +544,11 @@ a {
544544
padding: 1em;
545545
}
546546

547+
.img-md {
548+
width: 100%;
549+
max-width: 20em;
550+
}
551+
547552
/* Index hero */
548553
.homepage-hero {
549554
display: flex;

0 commit comments

Comments
 (0)