Skip to content

Commit 9b61c04

Browse files
marveluckmarveluck
committed
Update
1 parent c29bc1c commit 9b61c04

File tree

357 files changed

+49433
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

357 files changed

+49433
-0
lines changed

‎License.pdf‎

252 KB
Binary file not shown.

‎backdrop.html‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
7+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
8+
<title>Material Design for Bootstrap</title>
9+
<!-- MDB icon -->
10+
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
11+
<!-- Font Awesome -->
12+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
13+
<!-- Google Fonts Roboto -->
14+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
15+
<!-- MDB -->
16+
<link rel="stylesheet" href="css/bootstrap-offcanvas.min.css" />
17+
</head>
18+
19+
<body>
20+
<!-- Start your project here-->
21+
<button
22+
class="btn btn-primary"
23+
type="button"
24+
data-mdb-toggle="offcanvas"
25+
data-mdb-target="#offcanvasScrolling"
26+
aria-controls="offcanvasScrolling"
27+
>
28+
Enable body scrolling
29+
</button>
30+
<button
31+
class="btn btn-primary"
32+
type="button"
33+
data-mdb-toggle="offcanvas"
34+
data-mdb-target="#offcanvasWithBackdrop"
35+
aria-controls="offcanvasWithBackdrop"
36+
>
37+
Enable backdrop (default)
38+
</button>
39+
<button
40+
class="btn btn-primary"
41+
type="button"
42+
data-mdb-toggle="offcanvas"
43+
data-mdb-target="#offcanvasWithBothOptions"
44+
aria-controls="offcanvasWithBothOptions"
45+
>
46+
Enable both scrolling & backdrop
47+
</button>
48+
49+
<div
50+
class="offcanvas offcanvas-start"
51+
data-mdb-scroll="true"
52+
data-mdb-backdrop="false"
53+
tabindex="-1"
54+
id="offcanvasScrolling"
55+
aria-labelledby="offcanvasScrollingLabel"
56+
>
57+
<div class="offcanvas-header">
58+
<h5 class="offcanvas-title" id="offcanvasScrollingLabel">
59+
Colored with scrolling
60+
</h5>
61+
<button
62+
type="button"
63+
class="btn-close text-reset"
64+
data-mdb-dismiss="offcanvas"
65+
aria-label="Close"
66+
></button>
67+
</div>
68+
<div class="offcanvas-body">
69+
<p>
70+
Try scrolling the rest of the page to see this option in action.
71+
</p>
72+
</div>
73+
</div>
74+
<div
75+
class="offcanvas offcanvas-start"
76+
tabindex="-1"
77+
id="offcanvasWithBackdrop"
78+
aria-labelledby="offcanvasWithBackdropLabel"
79+
>
80+
<div class="offcanvas-header">
81+
<h5 class="offcanvas-title" id="offcanvasWithBackdropLabel">
82+
Offcanvas with backdrop
83+
</h5>
84+
<button
85+
type="button"
86+
class="btn-close text-reset"
87+
data-mdb-dismiss="offcanvas"
88+
aria-label="Close"
89+
></button>
90+
</div>
91+
<div class="offcanvas-body">
92+
<p>.....</p>
93+
</div>
94+
</div>
95+
<div
96+
class="offcanvas offcanvas-start"
97+
data-mdb-scroll="true"
98+
tabindex="-1"
99+
id="offcanvasWithBothOptions"
100+
aria-labelledby="offcanvasWithBothOptionsLabel"
101+
>
102+
<div class="offcanvas-header">
103+
<h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">
104+
Backdrop with scrolling
105+
</h5>
106+
<button
107+
type="button"
108+
class="btn-close text-reset"
109+
data-mdb-dismiss="offcanvas"
110+
aria-label="Close"
111+
></button>
112+
</div>
113+
<div class="offcanvas-body">
114+
<p>
115+
Try scrolling the rest of the page to see this option in action.
116+
</p>
117+
</div>
118+
</div>
119+
<!-- End your project here-->
120+
121+
<!-- MDB -->
122+
<script type="text/javascript" src="js/mdb.min.js"></script>
123+
<!-- Custom scripts -->
124+
<script type="text/javascript"></script>
125+
</body>
126+
127+
</html>

‎basic.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
7+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
8+
<title>Material Design for Bootstrap</title>
9+
<!-- MDB icon -->
10+
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
11+
<!-- Font Awesome -->
12+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
13+
<!-- Google Fonts Roboto -->
14+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
15+
<!-- MDB -->
16+
<link rel="stylesheet" href="css/bootstrap-offcanvas.min.css" />
17+
</head>
18+
19+
<body>
20+
<!-- Start your project here-->
21+
<div class="offcanvas offcanvas-start show" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"
22+
data-mdb-backdrop="false" data-mdb-scroll="true">
23+
<div class="offcanvas-header">
24+
<h5 class="offcanvas-title" id="offcanvasLabel">Offcanvas</h5>
25+
<button type="button" class="btn-close text-reset" data-mdb-dismiss="offcanvas" aria-label="Close"></button>
26+
</div>
27+
<div class="offcanvas-body">
28+
Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.
29+
</div>
30+
</div>
31+
<!-- End your project here-->
32+
33+
<!-- MDB -->
34+
<script type="text/javascript" src="js/mdb.min.js"></script>
35+
<!-- Custom scripts -->
36+
<script type="text/javascript"></script>
37+
</body>
38+
39+
</html>

‎css/bootstrap-offcanvas.dark.min.css‎

Lines changed: 31 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap-offcanvas.dark.rtl.min.css‎

Lines changed: 18 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap-offcanvas.min.css‎

Lines changed: 48 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap-offcanvas.rtl.min.css‎

Lines changed: 18 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/mdb.dark.min.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/mdb.dark.rtl.min.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/mdb.min.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)