Skip to content

Commit 9027a6a

Browse files
hmillersarahhmillersarah
committed
automation page pure grid
1 parent 29281b1 commit 9027a6a

1 file changed

Lines changed: 113 additions & 104 deletions

File tree

‎ims-devops.html‎

Lines changed: 113 additions & 104 deletions
Original file line numberDiff line numberDiff line change
@@ -101,139 +101,148 @@
101101

102102
<!-- =========================== Ansible for IBM Z =========================== -->
103103
<section class="white-bg pure-g">
104-
<div class="pure-u-1">
104+
<div class="pure-u-1 section-header">
105105
<h2>Ansible for IBM Z</h2>
106-
<p>
106+
<p>
107107
With Ansible, you can automate z/OS applications and IT infrastructure
108108
as part of your enterprise automation strategy by using a proven and consistent approach.
109109
</p>
110110
</div>
111-
<div class="pure-u-1-2">
112-
<p>
113-
The
114-
<a
115-
target="_blank"
116-
rel="noopener noreferrer"
117-
href="https://www.ansible.com/integrations/infrastructure/ibm-zos">
118-
Red Hat Ansible Certified Content for IBM Z
119-
</a>
120-
helps you connect IBM Z to your wider enterprise automation strategy through the Red Hat® Ansible
121-
Automation Platform ecosystem. IBM Z Ansible content helps enable development and operations
122-
automation through unified workflow orchestration in one easy-to-use platform.
123-
</p>
124-
</div>
125-
<div class="pure-u-1-2">
126-
<p>
127-
Integrate what you have or build new playbooks with certified, open source content to create something new. Use your
128-
existing JCL, REXX, and z/OSMF assets or anything else using Ansible.
129-
</p>
130-
<a
131-
target="_blank"
132-
rel="noopener noreferrer"
133-
href="https://www.ibm.com/support/z-content-solutions/ansible/">
134-
Get started with Ansible collections for IBM Z →
135-
</a>
111+
<div class="pure-u-1 pure-g pure-g-pad">
112+
<div class="pure-u-md-11-24">
113+
<p><a
114+
target="_blank"
115+
rel="noopener noreferrer"
116+
href="https://www.ansible.com/integrations/infrastructure/ibm-zos">
117+
Red Hat Ansible Certified Content for IBM Z
118+
</a>
119+
helps you connect IBM Z to your wider enterprise automation strategy through the Red Hat® Ansible
120+
Automation Platform ecosystem. IBM Z Ansible content helps enable development and operations
121+
automation through unified workflow orchestration in one easy-to-use platform.
122+
</p>
123+
</div>
124+
<div class="pure-u-md-11-24">
125+
<p>
126+
Integrate what you have or build new playbooks with certified, open source content to create something new. Use your
127+
existing JCL, REXX, and z/OSMF assets or anything else using Ansible.
128+
</p>
129+
<p>
130+
<a
131+
target="_blank"
132+
rel="noopener noreferrer"
133+
href="https://www.ibm.com/support/z-content-solutions/ansible/">
134+
Get started with Ansible collections for IBM Z →
135+
</a>
136+
</p>
137+
</div>
136138
</div>
137139
</section>
138140

139-
<!-- =========================== Resources =========================== -->
140-
<div class="zs-gray-section">
141-
<section class="zs-section pure-g">
142-
<!-- 1st half -->
143-
<div class="pure-u-1 pure-u-sm-1-2 resource-sec-g">
144-
<!-- Section header -->
145-
<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="">
146-
<div class="pure-u-1">
147-
<h2>IMS collections</h2>
148-
</div>
141+
<!-- =========================== Automation resources =========================== -->
142+
<section class="light-gray-bg pure-g">
143+
<div class="pure-u-1 pure-g pure-g-pad">
144+
<div class="pure-u-md-11-24">
145+
<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="" class="icon">
146+
<h3>IMS collections</h3>
149147
<p>
150-
Grab the latest IBM z/OS IMS collections from Galaxy or GitHub.
151-
These collections include modules and sample playbooks that help you automate tasks
152-
for IBM IMS.
148+
Grab the latest IBM z/OS IMS collections from Galaxy or GitHub. These collections include
149+
modules and sample playbooks that help you automate tasks for IBM IMS.
153150
</p>
154151
<p>
155-
<a target="_blank" rel="noopener noreferrer"
156-
href="https://galaxy.ansible.com/ibm/ibm_zos_ims">View IMS Collection in Galaxy →</a>
152+
<a target="_blank"
153+
rel="noopener noreferrer"
154+
href="https://galaxy.ansible.com/ibm/ibm_zos_ims"
155+
>
156+
View IMS collection in Galaxy →
157+
</a>
157158
</p>
158159
<p>
159-
<a target="_blank" rel="noopener noreferrer"
160-
href="http://ibm.biz/BdfH9g">View collections on GitHub →</a>
160+
<a target="_blank"
161+
rel="noopener noreferrer"
162+
href="http://ibm.biz/BdfH9g"
163+
>
164+
View collections on GitHub →
165+
</a>
161166
</p>
162167
</div>
163-
<!-- 2nd half -->
164-
<div class="pure-u-1 pure-u-sm-1-2 resource-sec-g">
165-
<!-- Section header -->
166-
<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="">
167-
<div class="pure-u-1">
168-
<h2>Engage with the community</h2>
169-
</div>
168+
<div class="pure-u-md-11-24">
169+
<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="" class="icon">
170+
<h3>Engage with the community</h3>
170171
<p>
171172
See the latest blogs, search forums, learn about events, and more on the
172173
Ansible for IBM Z community.
173174
</p>
174175
<p>
175-
<a target="_blank" rel="noopener noreferrer" aria-label="Join the IBM Z community"
176-
href="https://www.ibm.com/community/z/software/ansible-for-ibmz">Join →
176+
<a target="_blank"
177+
rel="noopener noreferrer"
178+
aria-label="Join the IBM Z community"
179+
href="https://www.ibm.com/community/z/software/ansible-for-ibmz"
180+
>
181+
Join →
177182
</a>
178183
</p>
179184
</div>
180-
</section>
181-
</div>
185+
</div>
186+
</section>
182187

183188
<!-- =========================== Value =========================== -->
184-
<!-- Parallax BG needs specification here to override styles -->
185-
<div class="zs-gray-section value-sec">
186-
<section class="zs-section">
187-
<!--Header -->
188-
<div class="pure-u-1 pure-u-sm-1 pure-u-md-4-24">
189-
<h2>Value</h2>
190-
</div>
191-
<div class="pure-u-lg-1-24"></div>
192-
193-
<!-- Consistency -->
194-
<div class="pure-u-1 pure-u-sm-1 pure-u-md-6-24 white-link value-sec-g">
195-
<div>
196-
<img src="wp-content/Icon_Consistency_AutomationPage.svg" alt="">
197-
<h3>Consistency</h3>
198-
<p>
199-
<ul>
200-
<li>Enable a common approach to hybrid applications and infrastructure management.</li>
201-
<li>Integrate IBM Z into an enterprise automation strategy in a consistent way.</li>
202-
</ul>
203-
</p>
189+
<section class="dark-gray-bg pure-g">
190+
<div class="pure-u-1 pure-u-md-1-5">
191+
<h2>Value</h2>
192+
</div>
193+
<div class="pure-u-1 pure-u-md-4-5">
194+
<div class="pure-g pure-g-pad">
195+
<div class="pure-u-1 pure-u-sm-1-3">
196+
<div class="pure-g">
197+
<div class="pure-u-1-5 pure-u-md-1">
198+
<img src="wp-content/Icon_Consistency_AutomationPage.svg" alt="" class="icon-sm">
199+
</div>
200+
<div class="pure-u-4-5 pure-u-md-1">
201+
<h3>Consistency</h3>
202+
<p>
203+
<ul>
204+
<li>Enable a common approach to hybrid applications and infrastructure management.</li>
205+
<li>Integrate IBM Z into an enterprise automation strategy in a consistent way.</li>
206+
</ul>
207+
</p>
208+
</div>
209+
</div>
204210
</div>
205-
</div>
206-
207-
<!-- Transaparency -->
208-
<div class="pure-u-1 pure-u-sm-1 pure-u-md-6-24 white-link value-sec-g">
209-
<div>
210-
<img src="wp-content/Icon_Transparency_AutomationPage.svg" alt="">
211-
<h3>Transparency</h3>
212-
<p>
213-
<ul>
214-
<li>Enable transparency of IBM Z automation when orchestrated by Ansible to help to break down silos between IT teams.</li>
215-
<li>Use best practices to manage automation in source control to move towards infrastructure as code.</li>
216-
</ul>
217-
</p>
211+
<div class="pure-u-1 pure-u-sm-1-3">
212+
<div class="pure-g">
213+
<div class="pure-u-1-5 pure-u-md-1">
214+
<img src="wp-content/Icon_Transparency_AutomationPage.svg" alt="" class="icon-sm">
215+
</div>
216+
<div class="pure-u-4-5 pure-u-md-1">
217+
<h3>Transparency</h3>
218+
<p>
219+
<ul>
220+
<li>Enable transparency of IBM Z automation when orchestrated by Ansible to help to break down silos between IT teams.</li>
221+
<li>Use best practices to manage automation in source control to move towards infrastructure as code.</li>
222+
</ul>
223+
</p>
224+
</div>
225+
</div>
218226
</div>
219-
</div>
220-
221-
<!-- Skills -->
222-
<div class="pure-u-1 pure-u-sm-1 pure-u-md-6-24 white-link value-sec-g">
223-
<div>
224-
<img src="wp-content/Icon_Skills_AutomationPage.svg" alt="">
225-
<h3>Skills</h3>
226-
<p>
227-
<ul>
228-
<li>Use Ansible and Python skills, which are readily available in the marketplace and can be applied to IBM Z.</li>
229-
<li>Use modules to codify key maintenance and operational tasks for IBM Z software so that you can focus on business outcomes.</li>
230-
</ul>
231-
</p>
227+
<div class="pure-u-1 pure-u-sm-1-3">
228+
<div class="pure-g">
229+
<div class="pure-u-1-5 pure-u-md-1">
230+
<img src="wp-content/Icon_Skills_AutomationPage.svg" alt="" class="icon-sm">
231+
</div>
232+
<div class="pure-u-4-5 pure-u-md-1">
233+
<h3>Skills</h3>
234+
<p>
235+
<ul>
236+
<li>Use Ansible and Python skills, which are readily available in the marketplace and can be applied to IBM Z.</li>
237+
<li>Use modules to codify key maintenance and operational tasks for IBM Z software so that you can focus on business outcomes.</li>
238+
</ul>
239+
</p>
240+
</div>
241+
</div>
232242
</div>
233243
</div>
234-
235-
</section>
236-
</div>
244+
</div>
245+
</section>
237246
</div>
238247
</main>
239248

0 commit comments

Comments
 (0)