Skip to content

Commit f616dda

Browse files
hmillersarahhmillersarah
committed
fix styling for faq and support sections
1 parent 7170053 commit f616dda

2 files changed

Lines changed: 106 additions & 103 deletions

File tree

‎ims-education.html‎

Lines changed: 93 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -694,120 +694,114 @@ <h1>IMS courses</h1>
694694
</section>
695695

696696
<!-- =========================== FAQ =========================== -->
697-
<div class="gray-bg">
698-
<section id="faq-section"class="zs-section pure-g">
699-
<!-- Header -->
700-
<div class="pure-u-1 pure-u-md-5-24 faq-title">
701-
<h2 id="faq">Frequently asked questions</h2>
697+
<section id="faq" class="gray-bg pure-g">
698+
<!-- Header -->
699+
<div class="pure-u-1 pure-u-md-5-24 faq-title">
700+
<h2 id="faq">Frequently asked questions</h2>
701+
</div>
702+
<!-- Contents -->
703+
<div class="pure-u-sm-1 pure-u-md-18-24">
704+
705+
<div class="pure-u-1" style="margin-bottom:25px;">
706+
<p>Have questions about IMS courses, or the badge program? Here are
707+
some quick answers that can help you.</p>
702708
</div>
703-
<!-- Contents -->
704-
<div class="pure-u-sm-1 pure-u-md-18-24">
705709

706-
<div class="pure-u-1" style="margin-bottom:25px;">
707-
<p>Have questions about IMS courses, or the badge program? Here are
708-
some quick answers that can help you.</p>
710+
<!-- row1 -->
711+
<div class="pure-u-1">
712+
<div class="pure-u-1 pure-u-md-5-12">
713+
<h4 class="faq-q">How do I earn a badge?</h4>
714+
<p>Courses that offer badges include one or more exams.
715+
You must pass those exams and complete required activities.
716+
See the "Grading and badge" topic in the course to see the grading policy and how exams are graded.</p>
709717
</div>
718+
<div class="pure-u-1 pure-u-md-1-12"></div>
710719

711-
<!-- row1 -->
712-
<div class="pure-u-1">
713-
<div class="pure-u-1 pure-u-md-5-12">
714-
<h4 class="faq-q">How do I earn a badge?</h4>
715-
<p>Courses that offer badges include one or more exams.
716-
You must pass those exams and complete required activities.
717-
See the "Grading and badge" topic in the course to see the grading policy and how exams are graded.</p>
718-
</div>
719-
<div class="pure-u-1 pure-u-md-1-12"></div>
720-
721-
<div class="pure-u-1 pure-u-md-5-12">
722-
<h4 class="faq-q">If I pass the course, when do I get the badge?</h4>
723-
<p>Badges are typically issued automatically after you meet the course requirements and grading policy. You should get an email notification of receiving the badge in one to four days.</p>
724-
</div>
725-
</div>
726-
<!-- row2 -->
727-
<div class="pure-u-1">
728-
<div class="pure-u-1 pure-u-md-5-12">
729-
<h4 class="faq-q">Whom do I contact if I have problems with course content?</h4>
730-
<p>You can contact the IMS Education team at <a href="mailto:ibmimsom@us.ibm.com">ibmimsom@us.ibm.com</a>.</p>
731-
</div>
732-
<div class="pure-u-1 pure-u-md-1-12"></div>
733-
734-
<div class="pure-u-1 pure-u-md-5-12">
735-
<h4 class="faq-q">Where can I find more information about digital badges?</h4>
736-
<p>For more information about badges, see <a
737-
target="_blank" rel="noopener noreferrer" href="https://www.ibm.com/training/credentials/faq">Frequently asked questions</a> on IBM Training.</p>
738-
</div>
720+
<div class="pure-u-1 pure-u-md-5-12">
721+
<h4 class="faq-q">If I pass the course, when do I get the badge?</h4>
722+
<p>Badges are typically issued automatically after you meet the course requirements and grading policy. You should get an email notification of receiving the badge in one to four days.</p>
739723
</div>
740-
<!-- row3 -->
741-
<div class="pure-u-1">
742-
<div class="pure-u-1 pure-u-md-5-12">
743-
<h4 class="faq-q">Credly Support</h4>
744-
<p>For questions related to your Credly badge earner account and
745-
profile, as well as issues related to claiming your badge after receiving a notification,
746-
go to <a target="_blank" rel="noopener noreferrer" href="https://support.credly.com/hc/en-us">support.credly.com</a>.</p>
747-
</div>
748-
<div class="pure-u-1 pure-u-md-1-12"></div>
749-
750-
<div class="pure-u-1 pure-u-md-5-12">
751-
<!-- <p>
752-
<b>Where can I find more information about digital badges?</b>
753-
</p>
754-
<p>For more information about badges, see <a href="https://www.ibm.com/training/P430723G05904L37">Frequently asked questions</a> on IBM Training.</p> -->
755-
</div>
724+
</div>
725+
<!-- row2 -->
726+
<div class="pure-u-1">
727+
<div class="pure-u-1 pure-u-md-5-12">
728+
<h4 class="faq-q">Whom do I contact if I have problems with course content?</h4>
729+
<p>You can contact the IMS Education team at <a href="mailto:ibmimsom@us.ibm.com">ibmimsom@us.ibm.com</a>.</p>
756730
</div>
731+
<div class="pure-u-1 pure-u-md-1-12"></div>
757732

733+
<div class="pure-u-1 pure-u-md-5-12">
734+
<h4 class="faq-q">Where can I find more information about digital badges?</h4>
735+
<p>For more information about badges, see <a
736+
target="_blank" rel="noopener noreferrer" href="https://www.ibm.com/training/credentials/faq">Frequently asked questions</a> on IBM Training.</p>
737+
</div>
738+
</div>
739+
<!-- row3 -->
740+
<div class="pure-u-1">
741+
<div class="pure-u-1 pure-u-md-5-12">
742+
<h4 class="faq-q">Credly Support</h4>
743+
<p>For questions related to your Credly badge earner account and
744+
profile, as well as issues related to claiming your badge after receiving a notification,
745+
go to <a target="_blank" rel="noopener noreferrer" href="https://support.credly.com/hc/en-us">support.credly.com</a>.</p>
746+
</div>
747+
<div class="pure-u-1 pure-u-md-1-12"></div>
758748

749+
<div class="pure-u-1 pure-u-md-5-12">
750+
<!-- <p>
751+
<b>Where can I find more information about digital badges?</b>
752+
</p>
753+
<p>For more information about badges, see <a href="https://www.ibm.com/training/P430723G05904L37">Frequently asked questions</a> on IBM Training.</p> -->
754+
</div>
759755
</div>
760-
756+
757+
758+
</div>
761759
</section>
762-
</div>
763760

764-
<!-- =========================== Support =========================== -->
765-
<div class="zs-gray-section support-sec">
766-
<section id="support-section" class="zs-section pure-g">
767-
<!-- Header -->
768-
<div class="pure-u-1 pure-u-md-5-24">
769-
<h2 id="support">Support</h2>
770-
</div>
771-
<!-- Contents -->
772-
<div class="pure-u-sm-1 pure-u-md-18-24">
773-
<!-- row1 -->
774-
<div class="pure-u-1">
775-
<div class="pure-u-1 pure-u-md-5-12">
776-
<p>Receiving a badge notification that allows you to accept your badge can take 1 - 2 weeks after you complete the activities required to earn a badge.</p>
777-
<p>If you have questions about IBM IMS badges, contact <a href="mailto:ibmimsom@us.ibm.com">ibmimsom@us.ibm.com.</a></p>
778-
</div>
779-
<div class="pure-u-1 pure-u-md-1-12"></div>
780-
781-
<div class="pure-u-1 pure-u-md-5-12">
782-
<p>For questions related to your badge earner account and profile or issues related to claiming your badge after receiving a notification, go to <a
783-
target="_blank" rel="noopener noreferrer" href="https://support.credly.com/hc/en-us">https://support.credly.com/hc/en-us.</a></p>
784-
</div>
761+
<section id="support" class="gray-bg-02 pure-g">
762+
<!-- Header -->
763+
<div class="pure-u-1 pure-u-md-5-24">
764+
<h2 id="support">Support</h2>
765+
</div>
766+
<!-- Contents -->
767+
<div class="pure-u-sm-1 pure-u-md-18-24">
768+
<!-- row1 -->
769+
<div class="pure-u-1">
770+
<div class="pure-u-1 pure-u-md-5-12">
771+
<p>Receiving a badge notification that allows you to accept your badge can take 1 - 2 weeks after you complete the activities required to earn a badge.</p>
772+
<p>If you have questions about IBM IMS badges, contact <a href="mailto:ibmimsom@us.ibm.com">ibmimsom@us.ibm.com.</a></p>
785773
</div>
774+
<div class="pure-u-1 pure-u-md-1-12"></div>
786775

787-
<!-- Notice -->
788-
<div class="pure-u-1 supp-notice">
789-
<p>IBM leverages the services of Credly, a 3rd party data
790-
processor authorized by IBM and located in the United States, to assist in the
791-
administration of the IBM Digital Badge program. In order to issue you an IBM
792-
Digital Badge, your personal information (name, email address, and badge earned)
793-
will be shared with Credly. You will receive an email notification from Credly
794-
with instructions for claiming the badge. Your personal information is used to
795-
issue your badge and for program reporting and operational purposes. IBM may
796-
share the personal information collected with IBM subsidiaries and third parties
797-
globally. It will be handled in a manner consistent with IBM privacy practices.
798-
</p>
799-
<p>
800-
The IBM Privacy Statement can be viewed here:
801-
<a target="_blank" rel="noopener noreferrer" href="https://www.ibm.com/privacy/us/en/"> https://www.ibm.com/privacy/us/en/</a>.
802-
</p>
803-
<p>
804-
IBM employees can view the IBM Internal Privacy Statement here:
805-
<a target="_blank" rel="noopener noreferrer" href="https://w3.ibm.com/w3publisher/w3-privacy-notice">https://w3.ibm.com/w3publisher/w3-privacy-notice.</a>
806-
</p>
776+
<div class="pure-u-1 pure-u-md-5-12">
777+
<p>For questions related to your badge earner account and profile or issues related to claiming your badge after receiving a notification, go to <a
778+
target="_blank" rel="noopener noreferrer" href="https://support.credly.com/hc/en-us">https://support.credly.com/hc/en-us.</a></p>
807779
</div>
808780
</div>
809-
</section>
810-
</div>
781+
782+
<!-- Notice -->
783+
<div class="pure-u-1 supp-notice">
784+
<p>IBM leverages the services of Credly, a 3rd party data
785+
processor authorized by IBM and located in the United States, to assist in the
786+
administration of the IBM Digital Badge program. In order to issue you an IBM
787+
Digital Badge, your personal information (name, email address, and badge earned)
788+
will be shared with Credly. You will receive an email notification from Credly
789+
with instructions for claiming the badge. Your personal information is used to
790+
issue your badge and for program reporting and operational purposes. IBM may
791+
share the personal information collected with IBM subsidiaries and third parties
792+
globally. It will be handled in a manner consistent with IBM privacy practices.
793+
</p>
794+
<p>
795+
The IBM Privacy Statement can be viewed here:
796+
<a target="_blank" rel="noopener noreferrer" href="https://www.ibm.com/privacy/us/en/"> https://www.ibm.com/privacy/us/en/</a>.
797+
</p>
798+
<p>
799+
IBM employees can view the IBM Internal Privacy Statement here:
800+
<a target="_blank" rel="noopener noreferrer" href="https://w3.ibm.com/w3publisher/w3-privacy-notice">https://w3.ibm.com/w3publisher/w3-privacy-notice.</a>
801+
</p>
802+
</div>
803+
</div>
804+
</section>
811805

812806
<!-- =========================== back to top =========================== -->
813807
<div>

‎wp-includes/css/page.css‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66
--black: #000;
77
--blue: #0f62fe;
88
/* Background Color */
9-
--bg-light-gray: #f4f4f4;
9+
--bg-light-gray-01: #f4f4f4;
10+
--bg-light-gray-02: #ececec;
1011
--bg-dark-gray-01: #1c1c1c;
1112
--bg-dark-gray-02: #2c2c2c;
1213
--bg-dark-blue: #003A6D;
@@ -71,13 +72,21 @@
7172
}
7273

7374
.gray-bg {
74-
background-color: var(--bg-light-gray);
75+
background-color: var(--bg-light-gray-01);
7576
}
7677

77-
.gray-bg h3, .gray-bg h4 {
78+
.gray-bg-02 {
79+
background-color: var(--bg-light-gray-02);
80+
}
81+
82+
.gray-bg h3, .gray-bg h4, .gray-bg-02 h3, .gray-bg-02 h4 {
7883
color: var(--black);
7984
}
8085

86+
.gray-bg a, .gray-bg-02 a {
87+
color: var(--blue);
88+
}
89+
8190
.blue-bg {
8291
background-color: var(--bg-dark-blue);
8392
color: var(--white);
@@ -316,7 +325,7 @@
316325
}
317326

318327
.quote-blk {
319-
background-color: var(--bg-light-gray);
328+
background-color: var(--bg-light-gray-01);
320329
margin: 0.2em;
321330
padding: 2em;
322331
color: var(--black);

0 commit comments

Comments
 (0)