Skip to content

Commit d6c4460

Browse files
hmillersarahhmillersarah
committed
fit sections to 100% width, java page
1 parent c25b67a commit d6c4460

1 file changed

Lines changed: 91 additions & 72 deletions

File tree

‎ims-java.html‎

Lines changed: 91 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -91,89 +91,107 @@
9191
<div class="pure-u-1 section-header">
9292
<h2>Run Java where you want to</h2>
9393
</div>
94-
<div class="pure-u-1 pure-g pure-g-pad">
95-
<div class="pure-u-md-11-24">
96-
<div class="pure-u-xl-2-24">
97-
<img src="wp-content/Icon_Java inside IMS_Java and IMSPage.svg" alt="" class="icon">
94+
<div class="pure-u-1">
95+
<div class="pure-g pure-g-pad">
96+
<div class="pure-u-md-1-2">
97+
<div class="pure-u-xl-2-24">
98+
<img src="wp-content/Icon_Java inside IMS_Java and IMSPage.svg" alt="" class="icon">
99+
</div>
100+
<div class="pure-u-1 pure-u-xl-20-24">
101+
<h3>Java inside IMS</h3>
102+
<ul>
103+
<li>
104+
Maintaining your IMS applications with Java means easy-to-find skills, lower development cost, abundant tools, and DevOps-pipeline readiness
105+
</li>
106+
<li>
107+
Running Java inside IMS delivers the best performance, with application and data co-located on IBM Z – no network latency!
108+
</li>
109+
<li>
110+
Cost efficiency with Java on Z/OS through offload to specialty engines
111+
</li>
112+
<li>
113+
Over 15 years of Java support in IMS makes it more than production ready for the enterprise
114+
</li>
115+
</ul>
116+
<p>
117+
<a target="_blank"
118+
rel="noopener noreferrer"
119+
aria-label="Learn more about Java inside IMS"
120+
href="https://www.ibm.com/docs/en/ims/latest?topic=ims-solutions-java-development-overview"
121+
>
122+
Learn more →
123+
</a>
124+
</p>
125+
</div>
98126
</div>
99-
<div class="pure-u-xl-20-24">
100-
<h3>Java inside IMS</h3>
101-
<p>Maintaining your IMS applications with Java means easy-to-find skills, lower development cost, abundant tools, and DevOps-pipeline readiness</p>
102-
<p>Running Java inside IMS delivers the best performance, with application and data co-located on IBM Z – no network latency!</p>
103-
<p>Cost efficiency with Java on Z/OS through offload to specialty engines</p>
104-
<p>Over 15 years of Java support in IMS makes it more than production ready for the enterprise</p>
105-
<p>
106-
<a target="_blank"
107-
rel="noopener noreferrer"
108-
aria-label="Learn more about Java inside IMS"
109-
href="https://www.ibm.com/docs/en/ims/latest?topic=ims-solutions-java-development-overview"
110-
>
127+
<div class="pure-u-md-1-2">
128+
<div class="pure-u-xl-2-24">
129+
<img src="wp-content/Icon_Java outside IMS_Java and IMSPage.svg" alt="" class="icon">
130+
</div>
131+
<div class="pure-u-1 pure-u-xl-20-24">
132+
<h3>Java outside IMS</h3>
133+
<ul>
134+
<li>Java applications can instantly access IMS transactions and data from anywhere, any platform</li>
135+
<li>Use industry standards like JDBC and SQL to directly access IMS data</li>
136+
<li>Expand your insights by giving Java analytics applications access to IMS data for data modeling</li>
137+
</ul>
138+
<p>
139+
<a target="_blank"
140+
rel="noopener noreferrer"
141+
aria-label="Learn more about Java outside IMS"
142+
href="https://www.ibm.com/docs/en/ims/latest?topic=apis-java-programming-reference"
143+
>
111144
Learn more →
112-
</a>
113-
</p>
114-
</div>
115-
</div>
116-
<div class="pure-u-md-11-24">
117-
<div class="pure-u-xl-2-24">
118-
<img src="wp-content/Icon_Java outside IMS_Java and IMSPage.svg" alt="" class="icon">
119-
</div>
120-
<div class="pure-u-xl-20-24">
121-
<h3>Java outside IMS</h3>
122-
<p>Java applications can instantly access IMS transactions and data from anywhere, any platform</p>
123-
<p>Use industry standards like JDBC and SQL to directly access IMS data</p>
124-
<p>Expand your insights by giving Java analytics applications access to IMS data for data modeling</p>
125-
<p>
126-
<a target="_blank"
127-
rel="noopener noreferrer"
128-
aria-label="Learn more about Java outside IMS"
129-
href="https://www.ibm.com/docs/en/ims/latest?topic=apis-java-programming-reference"
130-
>
131-
Learn more →
132-
</a>
133-
</p>
145+
</a>
146+
</p>
147+
</div>
134148
</div>
135149
</div>
136150
</div>
137151
</section>
138152

139153
<!-- =========================== Get demos and code samples =========================== -->
140154
<section class="light-gray-bg pure-g">
141-
<div class="pure-u-1 section-header">
142-
<h2>Get demos and code samples</h2>
143-
</div>
144-
<div class="pure-u-1 pure-g pure-g-pad">
145-
<div class="pure-u-xl-11-24 pure-g-pad">
146-
<div class="pure-u-md-11-24 pure-u-xl-1">
147-
<p>See how you can use the JDBC Universal drivers to build IMS Java applications.</p>
148-
<p>
149-
<a target="_blank"
150-
rel="noopener noreferrer"
151-
aria-label="Watch this playlist on JDBC universal drivers"
152-
href="https://mediacenter.ibm.com/playlist/details/1_owktz0jm/categoryId/122579632"
153-
>
154-
Watch →
155-
</a>
156-
</p>
155+
<div class="pure-u-1">
156+
<div class="pure-g pure-g-pad">
157+
<div class="pure-u-xl-1-2 pure-g-pad">
158+
<div class="pure-u-1">
159+
<h2>Get demos and code samples</h2>
160+
</div>
161+
<div class="pure-u-1 pure-u-md-1-2 pure-u-xl-1">
162+
<div>
163+
<p>See how you can use the JDBC Universal drivers to build IMS Java applications.</p>
164+
<p>
165+
<a target="_blank"
166+
rel="noopener noreferrer"
167+
aria-label="Watch this playlist on JDBC universal drivers"
168+
href="https://mediacenter.ibm.com/playlist/details/1_owktz0jm/categoryId/122579632"
169+
>
170+
Watch →
171+
</a>
172+
</p>
173+
</div>
174+
</div>
175+
<div class="pure-u-1 pure-u-md-1-2 pure-u-xl-1">
176+
<p>Check out our GitHub repositories with Java application code examples.</p>
177+
<p>
178+
<a target="_blank"
179+
rel="noopener noreferrer"
180+
aria-label="Learn more about Java code examples in GitHub"
181+
href="https://github.com/imsdev"
182+
>
183+
Learn more →
184+
</a>
185+
</p>
186+
</div>
157187
</div>
158-
<div class="pure-u-md-11-24 pure-u-xl-1">
159-
<p>Check out our GitHub repositories with Java application code examples.</p>
160-
<p>
161-
<a target="_blank"
162-
rel="noopener noreferrer"
163-
aria-label="Learn more about Java code examples in GitHub"
164-
href="https://github.com/imsdev"
165-
>
166-
Learn more →
188+
<div class="pure-u-xl-1-2">
189+
<div class="gif">
190+
<a href="https://mediacenter.ibm.com/playlist/dedicated/122579632/1_owktz0jm/" target="_blank" rel="noopener noreferrer">
191+
<img src="wp-content/tracePreview.png" class="gif-cover" alt="Java in IMS video preview cover"></img>
192+
<img src="wp-content/traceVidPrev.gif" class="gif-video" alt="Java in IMS video preview"></img>
167193
</a>
168-
</p>
169-
</div>
170-
</div>
171-
<div class="pure-u-xl-11-24">
172-
<div class="gif">
173-
<a href="https://mediacenter.ibm.com/playlist/dedicated/122579632/1_owktz0jm/" target="_blank" rel="noopener noreferrer">
174-
<img src="wp-content/tracePreview.png" class="gif-cover" alt="Java in IMS video preview cover"></img>
175-
<img src="wp-content/traceVidPrev.gif" class="gif-video" alt="Java in IMS video preview"></img>
176-
</a>
194+
</div>
177195
</div>
178196
</div>
179197
</div>
@@ -211,6 +229,7 @@ <h3 >Co-location</h3>
211229
<section class="gray-bg pure-g">
212230
<div class="pure-u-1 section-header">
213231
<h2>Don't just take our word for it</h2>
232+
<p>Review our customer stories to learn how our clients have leveraged Java to enhance their IMS systems.</p>
214233
</div>
215234
<div class="pure-u-1 pure-g">
216235
<div class="pure-u-lg-7-24 card">

0 commit comments

Comments
 (0)