mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-05-30 18:53:34 +03:00
Add files via upload
This commit is contained in:
BradleyAPierce
GitHub
parent
2c2ff97c11
commit
bea52a3557
|
|
@ -47,6 +47,88 @@
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="accordion mb-10 mt-lg-5" id="accordionExample">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="headingOne">
|
||||||
|
<button
|
||||||
|
class="accordion-button"
|
||||||
|
type="button"
|
||||||
|
data-mdb-toggle="collapse"
|
||||||
|
data-mdb-target="#collapseOne"
|
||||||
|
aria-expanded="true"
|
||||||
|
aria-controls="collapseOne"
|
||||||
|
>
|
||||||
|
Accordion Item #1
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-mdb-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<strong>This is the first item's accordion body.</strong> It is hidden by default,
|
||||||
|
until the collapse plugin adds the appropriate classes that we use to style each
|
||||||
|
element. These classes control the overall appearance, as well as the showing and
|
||||||
|
hiding via CSS transitions. You can modify any of this with custom CSS or
|
||||||
|
overriding our default variables. It's also worth noting that just about any HTML
|
||||||
|
can go within the <strong>.accordion-body</strong>, though the transition does
|
||||||
|
limit overflow.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="headingTwo">
|
||||||
|
<button
|
||||||
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
data-mdb-toggle="collapse"
|
||||||
|
data-mdb-target="#collapseTwo"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="collapseTwo"
|
||||||
|
>
|
||||||
|
Accordion Item #2
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-mdb-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<strong>This is the second item's accordion body.</strong> It is hidden by
|
||||||
|
default, until the collapse plugin adds the appropriate classes that we use to
|
||||||
|
style each element. These classes control the overall appearance, as well as the
|
||||||
|
showing and hiding via CSS transitions. You can modify any of this with custom CSS
|
||||||
|
or overriding our default variables. It's also worth noting that just about any
|
||||||
|
HTML can go within the <strong>.accordion-body</strong>, though the transition
|
||||||
|
does limit overflow.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="headingThree">
|
||||||
|
<button
|
||||||
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
data-mdb-toggle="collapse"
|
||||||
|
data-mdb-target="#collapseThree"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="collapseThree"
|
||||||
|
>
|
||||||
|
Accordion Item #3
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-mdb-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<strong>This is the third item's accordion body.</strong> It is hidden by default,
|
||||||
|
until the collapse plugin adds the appropriate classes that we use to style each
|
||||||
|
element. These classes control the overall appearance, as well as the showing and
|
||||||
|
hiding via CSS transitions. You can modify any of this with custom CSS or
|
||||||
|
overriding our default variables. It's also worth noting that just about any HTML
|
||||||
|
can go within the <strong>.accordion-body</strong>, though the transition does
|
||||||
|
limit overflow.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- End your project here-->
|
<!-- End your project here-->
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,7 @@
|
||||||
<!-- Start your project here-->
|
<!-- Start your project here-->
|
||||||
<div class="container" style="margin-top: 100px;">
|
<div class="container" style="margin-top: 100px;">
|
||||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
|
|
||||||
<h1> <b> Digital Maturity Level 0: </b> </h1>
|
<h1> <b> Digital Maturity Level 0: </b> </h1>
|
||||||
|
|
@ -43,10 +44,91 @@
|
||||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
role="button"
|
role="button"
|
||||||
>Please visit the DX Playbook in the meantime</a
|
>Please visit the DX Playbook in the meantime</a>
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="accordion mb-10 mt-lg-5" id="accordionExample">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="headingOne">
|
||||||
|
<button
|
||||||
|
class="accordion-button"
|
||||||
|
type="button"
|
||||||
|
data-mdb-toggle="collapse"
|
||||||
|
data-mdb-target="#collapseOne"
|
||||||
|
aria-expanded="true"
|
||||||
|
aria-controls="collapseOne"
|
||||||
|
>
|
||||||
|
Accordion Item #1
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-mdb-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<strong>This is the first item's accordion body.</strong> It is hidden by default,
|
||||||
|
until the collapse plugin adds the appropriate classes that we use to style each
|
||||||
|
element. These classes control the overall appearance, as well as the showing and
|
||||||
|
hiding via CSS transitions. You can modify any of this with custom CSS or
|
||||||
|
overriding our default variables. It's also worth noting that just about any HTML
|
||||||
|
can go within the <strong>.accordion-body</strong>, though the transition does
|
||||||
|
limit overflow.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="headingTwo">
|
||||||
|
<button
|
||||||
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
data-mdb-toggle="collapse"
|
||||||
|
data-mdb-target="#collapseTwo"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="collapseTwo"
|
||||||
|
>
|
||||||
|
Accordion Item #2
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-mdb-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<strong>This is the second item's accordion body.</strong> It is hidden by
|
||||||
|
default, until the collapse plugin adds the appropriate classes that we use to
|
||||||
|
style each element. These classes control the overall appearance, as well as the
|
||||||
|
showing and hiding via CSS transitions. You can modify any of this with custom CSS
|
||||||
|
or overriding our default variables. It's also worth noting that just about any
|
||||||
|
HTML can go within the <strong>.accordion-body</strong>, though the transition
|
||||||
|
does limit overflow.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="headingThree">
|
||||||
|
<button
|
||||||
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
data-mdb-toggle="collapse"
|
||||||
|
data-mdb-target="#collapseThree"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="collapseThree"
|
||||||
|
>
|
||||||
|
Accordion Item #3
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-mdb-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<strong>This is the third item's accordion body.</strong> It is hidden by default,
|
||||||
|
until the collapse plugin adds the appropriate classes that we use to style each
|
||||||
|
element. These classes control the overall appearance, as well as the showing and
|
||||||
|
hiding via CSS transitions. You can modify any of this with custom CSS or
|
||||||
|
overriding our default variables. It's also worth noting that just about any HTML
|
||||||
|
can go within the <strong>.accordion-body</strong>, though the transition does
|
||||||
|
limit overflow.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- End your project here-->
|
<!-- End your project here-->
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user