Skip to content

Commit 51032aa

Browse files
hmillersarahhmillersarah
committed
testimonials section
1 parent f922984 commit 51032aa

2 files changed

Lines changed: 77 additions & 6 deletions

File tree

‎ims-advocacy.html‎

Lines changed: 34 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -283,12 +283,6 @@ <h5>IMS support</h5>
283283
</header>
284284
</div>
285285

286-
<head>
287-
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css">
288-
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css">
289-
<link rel="stylesheet" type="text/css" href="wp-includes/css/homepage.css">
290-
</head>
291-
292286
<div id="content" class="main-content">
293287
<main id="main">
294288
<!-- =========================== Hero =========================== -->
@@ -433,6 +427,40 @@ <h4>Advocacy action</h4>
433427
</div>
434428
</section>
435429

430+
<!-- =========================== Testimonials =========================== -->
431+
<section class="dark-gray-bg pure-g">
432+
<div class="pure-u-1 section-header">
433+
<h2>Testimonials</h2>
434+
</div>
435+
<div class="pure-g pure-u-1 quote">
436+
<q class="pure-u-1">An IBM advocate is a must-have. <span>Our present issues are handled with the utmost priority and thoughtful planning</span>
437+
is dedicated to our future goals.
438+
</q>
439+
<p class="pure-u-1"><i>Mainframe system administrator at a Global Technology Services company</i></p>
440+
</div>
441+
<div class="pure-u-1 pure-g">
442+
<div class="pure-u-1 pure-u-lg-11-24 quote-blk">
443+
<q>We've enjoyed and benefited from our advocate relationship. Not only
444+
does our advocate keep us aware of product direction in a way we
445+
might not be able to accomplish on our own, but they are also
446+
participate in developing a deeper understanding of our issues and
447+
how they impact our business so we can prioritize solutions in a way
448+
that the case severity rating on the IBM support site really doesn't
449+
capture and communicate.
450+
</q>
451+
<p><i>Mainframe system administrator lead at a Global Technology Services company</i></p>
452+
</div>
453+
<div class="pure-u-1 pure-u-lg-11-24 quote-blk">
454+
<q>An IMS advocate is an essential tool in your product arsenal providing
455+
awareness, escalation and education about all things IMS. It provides you
456+
a seat at the table to help guide the product direction to fulfill business
457+
needs and eliminate pain points.
458+
</q>
459+
<p><i>Vice President - System Operations & Administration at a Global Technology Services company</i></p>
460+
</div>
461+
</div>
462+
</section>
463+
436464
<!-- =========================== Shape the future of IMS =========================== -->
437465
<section id="ideas" class="blue-bg pure-g">
438466
<div class="pure-u-1 section-header">

‎wp-includes/css/page.css‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
/* Weight */
2222
--bold: 900;
2323
/* Sizing */
24+
--plex-14: 0.875em;
2425
--plex-16: 1em;
2526
--plex-18: 1.125em;
2627
--plex-20: 1.25em;
@@ -267,6 +268,40 @@
267268
}
268269
/* -------------------------------------------------------- */
269270

271+
/* Quotations */
272+
/* -------------------------------------------------------- */
273+
.quote {
274+
margin-bottom: 1em;
275+
}
276+
277+
.quote q {
278+
font-family: Georgia, 'Times New Roman', Times, serif !important;
279+
float: left;
280+
line-height: 1.4em;
281+
font-size: var(--plex-28);
282+
padding: 0.5em 0em;
283+
}
284+
285+
.quote span {
286+
color: var(--font-light-blue);
287+
}
288+
289+
.quote p {
290+
font-size: var(--plex-14);
291+
}
292+
293+
.quote-blk {
294+
background-color: var(--bg-dark-blue);
295+
margin: 0.2em;
296+
padding: 2em;
297+
}
298+
299+
.quote-blk p {
300+
margin: 1em 0em;
301+
font-size: var(--plex-14);
302+
}
303+
/* -------------------------------------------------------- */
304+
270305
/* Custom styling */
271306
/* -------------------------------------------------------- */
272307
/* For links under headers */
@@ -277,6 +312,7 @@
277312

278313
/* Media queries */
279314
/* -------------------------------------------------------- */
315+
/* 768px and below screen sizes */
280316
@media screen and (max-width: 48em) {
281317
/* Decrease header size for smaller screens */
282318
.main-content h2 {
@@ -300,6 +336,13 @@
300336
font-size: var(--plex-20) !important;
301337
}
302338
}
339+
340+
/* 1024px and above screen sizes */
341+
@media screen and (min-width: 64em) {
342+
.quote-blk {
343+
height: 100%;
344+
}
345+
}
303346
/* -------------------------------------------------------- */
304347

305348

0 commit comments

Comments
 (0)