mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-04-11 20:54:22 +03:00
Add files via upload
This commit is contained in:
BradleyAPierce
GitHub
parent
b55b243e1d
commit
f32ca1a991
140
maturitylevel1current.html
Normal file
140
maturitylevel1current.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>ICW Maturity Levels: Maturity Level 1 Current State </title>
|
||||
<!-- MDB icon -->
|
||||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
||||
<!-- Font Awesome -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||
/>
|
||||
<!-- Google Fonts Roboto -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
|
||||
/>
|
||||
<!-- MDB -->
|
||||
<link rel="stylesheet" href="css/mdb.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start your project here-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||
<div class="text-center">
|
||||
|
||||
<h1> <b> Digital Maturity Level 1: </b> </h1>
|
||||
|
||||
<h2> <i> Current State </i> </h2>
|
||||
|
||||
<br> <br> <br>
|
||||
|
||||
|
||||
<h5 class="mb-3"> An embedded interactive web page to showcase this level. </h5> <br>
|
||||
|
||||
<h5> Content coming soon. </h5> <br>
|
||||
|
||||
|
||||
<a
|
||||
class="btn btn-primary btn-lg"
|
||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||
target="_blank"
|
||||
role="button"
|
||||
>Please visit the DX Playbook in the meantime</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion mb-10 mt-sm-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>
|
||||
<!-- End your project here-->
|
||||
|
||||
<!-- MDB -->
|
||||
<script type="text/javascript" src="js/mdb.min.js"></script>
|
||||
<!-- Custom scripts -->
|
||||
<script type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
140
maturitylevel1spaces.html
Normal file
140
maturitylevel1spaces.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>ICW Maturity Levels: Maturity Level 1 Connect Spaces </title>
|
||||
<!-- MDB icon -->
|
||||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
||||
<!-- Font Awesome -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||
/>
|
||||
<!-- Google Fonts Roboto -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
|
||||
/>
|
||||
<!-- MDB -->
|
||||
<link rel="stylesheet" href="css/mdb.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start your project here-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||
<div class="text-center">
|
||||
|
||||
<h1> <b> Digital Maturity Level 1: </b> </h1>
|
||||
|
||||
<h2> <i> Connect Spaces </i> </h2>
|
||||
|
||||
<br> <br> <br>
|
||||
|
||||
|
||||
<h5 class="mb-3"> An embedded interactive web page to showcase this level. </h5> <br>
|
||||
|
||||
<h5> Content coming soon. </h5> <br>
|
||||
|
||||
|
||||
<a
|
||||
class="btn btn-primary btn-lg"
|
||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||
target="_blank"
|
||||
role="button"
|
||||
>Please visit the DX Playbook in the meantime</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion mb-10 mt-sm-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>
|
||||
<!-- End your project here-->
|
||||
|
||||
<!-- MDB -->
|
||||
<script type="text/javascript" src="js/mdb.min.js"></script>
|
||||
<!-- Custom scripts -->
|
||||
<script type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
140
maturitylevel2current.html
Normal file
140
maturitylevel2current.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>ICW Maturity Levels: Maturity Level 2 Current State </title>
|
||||
<!-- MDB icon -->
|
||||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
||||
<!-- Font Awesome -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||
/>
|
||||
<!-- Google Fonts Roboto -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
|
||||
/>
|
||||
<!-- MDB -->
|
||||
<link rel="stylesheet" href="css/mdb.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start your project here-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||
<div class="text-center">
|
||||
|
||||
<h1> <b> Digital Maturity Level 2: </b> </h1>
|
||||
|
||||
<h2> <i> Current State </i> </h2>
|
||||
|
||||
<br> <br> <br>
|
||||
|
||||
|
||||
<h5 class="mb-3"> An embedded interactive web page to showcase this level. </h5> <br>
|
||||
|
||||
<h5> Content coming soon. </h5> <br>
|
||||
|
||||
|
||||
<a
|
||||
class="btn btn-primary btn-lg"
|
||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||
target="_blank"
|
||||
role="button"
|
||||
>Please visit the DX Playbook in the meantime</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion mb-10 mt-sm-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>
|
||||
<!-- End your project here-->
|
||||
|
||||
<!-- MDB -->
|
||||
<script type="text/javascript" src="js/mdb.min.js"></script>
|
||||
<!-- Custom scripts -->
|
||||
<script type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
140
maturitylevel2people.html
Normal file
140
maturitylevel2people.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>ICW Maturity Levels: Maturity Level 2 Connect People </title>
|
||||
<!-- MDB icon -->
|
||||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
||||
<!-- Font Awesome -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||
/>
|
||||
<!-- Google Fonts Roboto -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
|
||||
/>
|
||||
<!-- MDB -->
|
||||
<link rel="stylesheet" href="css/mdb.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start your project here-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||
<div class="text-center">
|
||||
|
||||
<h1> <b> Digital Maturity Level 2: </b> </h1>
|
||||
|
||||
<h2> <i> Connect People </i> </h2>
|
||||
|
||||
<br> <br> <br>
|
||||
|
||||
|
||||
<h5 class="mb-3"> An embedded interactive web page to showcase this level. </h5> <br>
|
||||
|
||||
<h5> Content coming soon. </h5> <br>
|
||||
|
||||
|
||||
<a
|
||||
class="btn btn-primary btn-lg"
|
||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||
target="_blank"
|
||||
role="button"
|
||||
>Please visit the DX Playbook in the meantime</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion mb-10 mt-sm-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>
|
||||
<!-- End your project here-->
|
||||
|
||||
<!-- MDB -->
|
||||
<script type="text/javascript" src="js/mdb.min.js"></script>
|
||||
<!-- Custom scripts -->
|
||||
<script type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
140
maturitylevel3current.html
Normal file
140
maturitylevel3current.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>ICW Maturity Levels: Maturity Level 3 Current State </title>
|
||||
<!-- MDB icon -->
|
||||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
||||
<!-- Font Awesome -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||
/>
|
||||
<!-- Google Fonts Roboto -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
|
||||
/>
|
||||
<!-- MDB -->
|
||||
<link rel="stylesheet" href="css/mdb.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start your project here-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||
<div class="text-center">
|
||||
|
||||
<h1> <b> Digital Maturity Level 3: </b> </h1>
|
||||
|
||||
<h2> <i> Current State </i> </h2>
|
||||
|
||||
<br> <br> <br>
|
||||
|
||||
|
||||
<h5 class="mb-3"> An embedded interactive web page to showcase this level. </h5> <br>
|
||||
|
||||
<h5> Content coming soon. </h5> <br>
|
||||
|
||||
|
||||
<a
|
||||
class="btn btn-primary btn-lg"
|
||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||
target="_blank"
|
||||
role="button"
|
||||
>Please visit the DX Playbook in the meantime</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion mb-10 mt-sm-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>
|
||||
<!-- End your project here-->
|
||||
|
||||
<!-- MDB -->
|
||||
<script type="text/javascript" src="js/mdb.min.js"></script>
|
||||
<!-- Custom scripts -->
|
||||
<script type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
140
maturitylevel3icw.html
Normal file
140
maturitylevel3icw.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<title>ICW Maturity Levels: Maturity Level 3 ICW </title>
|
||||
<!-- MDB icon -->
|
||||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
||||
<!-- Font Awesome -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||
/>
|
||||
<!-- Google Fonts Roboto -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
|
||||
/>
|
||||
<!-- MDB -->
|
||||
<link rel="stylesheet" href="css/mdb.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start your project here-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 100vh">
|
||||
<div class="text-center">
|
||||
|
||||
<h1> <b> Digital Maturity Level 3: </b> </h1>
|
||||
|
||||
<h2> <i> Intelligent Connected Workplace </i> </h2>
|
||||
|
||||
<br> <br> <br>
|
||||
|
||||
|
||||
<h5 class="mb-3"> An embedded interactive web page to showcase this level. </h5> <br>
|
||||
|
||||
<h5> Content coming soon. </h5> <br>
|
||||
|
||||
|
||||
<a
|
||||
class="btn btn-primary btn-lg"
|
||||
href="https://wapps.mykonicaminolta.com/sc/playbooks/DX_Playbook/"
|
||||
target="_blank"
|
||||
role="button"
|
||||
>Please visit the DX Playbook in the meantime</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion mb-10 mt-sm-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>
|
||||
<!-- End your project here-->
|
||||
|
||||
<!-- MDB -->
|
||||
<script type="text/javascript" src="js/mdb.min.js"></script>
|
||||
<!-- Custom scripts -->
|
||||
<script type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user