Service portal widget accordion (#896)

* Create HTML Template.html

* Add files via upload

* Create CSS-SCSS.scss

* Create readme.md

Author: debendu-das

Service Portal Widgets/Accordion Widget/Accordion Widget Image.png

@@ -0,0 +1,29 @@
+.toggler {
+  width: 100%;
+  position: relative;
+  text-align: left;
+}
+
+.toggler::before {
+  content: "\f107";
+  position: absolute;
+  top: 50%;
+  right: 0.8rem;
+  transform: translateY(-50%);
+  display: block;
+  font-family: "FontAwesome";
+  font-size: 1.1rem;
+}
+
+.toggler[aria-expanded="true"]::before {
+  content: "\f106";
+}
+.border-1{
+	border: 1px solid #d7d7d7;
+}
+.margin-bottom-0{
+	margin-bottom: 0px;
+}
+.padding-5{
+	padding: 10px;
+}

Service Portal Widgets/Accordion Widget/CSS-SCSS.scss

@@ -0,0 +1,22 @@
+<div class="container">
+  <div class="row">
+    <div class="col-lg-9 mx-auto">
+      <div id="accordionExample" class="accordion shadow">
+        <div class="card">
+          <div id="headingOne" class="">
+            <h2 class="margin-bottom-0">
+              <button type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false"
+                      aria-controls="collapseOne"
+                      class="btn text-dark font-weight-bold text-uppercase toggler">Accordion Header #1</button>
+            </h2>
+          </div>
+          <div id="collapseOne" aria-labelledby="headingOne" data-parent="#accordionExample" class="collapse">
+            <div class="card-body border-1">
+              <p class="font-weight-light padding-5">This is the inner text of the accordion. This is the inner text of the accordion. This is the inner text of the accordion. This is the inner text of the accordion. This is the inner text of the accordion. This is the inner text of the accordion.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

Service Portal Widgets/Accordion Widget/HTML Template.html

@@ -0,0 +1,3 @@
+# Accordion Widget
+
+![alt text](https://raw.githubusercontent.com/debendu-das/code-snippets/service-portal-widget-accordion/Service%20Portal%20Widgets/Accordion%20Widget/Accordion%20Widget%20Image.png)