Skip to content

Commit 24dd43a

Browse files
marveluckmarveluck
committed
Update
1 parent 9085707 commit 24dd43a

361 files changed

Lines changed: 49643 additions & 0 deletions

File tree

Some content is hidden

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

‎License.pdf‎

252 KB
Binary file not shown.

‎basic.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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-square-buttons.min.css" />
17+
</head>
18+
19+
<body>
20+
<!-- Start your project here-->
21+
<style>
22+
.btn-square-md {
23+
width: 100px !important;
24+
max-width: 100% !important;
25+
max-height: 100% !important;
26+
height: 100px !important;
27+
text-align: center;
28+
padding: 0px;
29+
font-size:12px;
30+
}
31+
</style>
32+
<button type="button" class="btn btn-primary btn-square-md">Button</button>
33+
<!-- End your project here-->
34+
35+
<!-- MDB -->
36+
<script type="text/javascript" src="js/mdb.min.js"></script>
37+
<!-- Custom scripts -->
38+
<script type="text/javascript"></script>
39+
</body>
40+
41+
</html>

‎black.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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-square-buttons.min.css" />
17+
</head>
18+
19+
<body>
20+
<!-- Start your project here-->
21+
<style>
22+
.btn-square-md {
23+
width: 100px !important;
24+
max-width: 100% !important;
25+
max-height: 100% !important;
26+
height: 100px !important;
27+
text-align: center;
28+
padding: 0px;
29+
font-size:12px;
30+
}
31+
</style>
32+
<button type="button" class="btn btn-dark btn-square-md">Button</button>
33+
<!-- End your project here-->
34+
35+
<!-- MDB -->
36+
<script type="text/javascript" src="js/mdb.min.js"></script>
37+
<!-- Custom scripts -->
38+
<script type="text/javascript"></script>
39+
</body>
40+
41+
</html>

‎brands.html‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
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-square-buttons.min.css" />
17+
</head>
18+
19+
<body>
20+
<!-- Start your project here-->
21+
<style>
22+
.btn-square-social {
23+
width: 70px !important;
24+
max-width: 100% !important;
25+
max-height: 100% !important;
26+
height: 70px !important;
27+
text-align: center;
28+
padding: 0px;
29+
font-size: 15px;
30+
}
31+
</style>
32+
<!-- Facebook -->
33+
<a class="btn btn-primary" style="background-color: #3b5998;" href="#!" role="button"><i
34+
class="fab fa-facebook-f"></i></a>
35+
36+
<!-- Twitter -->
37+
<a class="btn btn-primary" style="background-color: #55acee;" href="#!" role="button"><i
38+
class="fab fa-twitter"></i></a>
39+
40+
<!-- Google -->
41+
<a class="btn btn-primary" style="background-color: #dd4b39;" href="#!" role="button"><i
42+
class="fab fa-google"></i></a>
43+
44+
<!-- Instagram -->
45+
<a class="btn btn-primary" style="background-color: #ac2bac;" href="#!" role="button"><i
46+
class="fab fa-instagram"></i></a>
47+
48+
<!-- Linkedin -->
49+
<a class="btn btn-primary" style="background-color: #0082ca;" href="#!" role="button"><i
50+
class="fab fa-linkedin-in"></i></a>
51+
52+
<!-- Pinterest -->
53+
<a class="btn btn-primary" style="background-color: #c61118;" href="#!" role="button"><i
54+
class="fab fa-pinterest"></i></a>
55+
56+
<!-- Vkontakte -->
57+
<a class="btn btn-primary" style="background-color: #4c75a3;" href="#!" role="button"><i
58+
class="fab fa-vk"></i></a>
59+
60+
<!-- Stack overflow -->
61+
<a class="btn btn-primary" style="background-color: #ffac44;" href="#!" role="button"><i
62+
class="fab fa-stack-overflow"></i></a>
63+
64+
<!-- Youtube -->
65+
<a class="btn btn-primary" style="background-color: #ed302f;" href="#!" role="button"><i
66+
class="fab fa-youtube"></i></a>
67+
68+
<!-- Slack -->
69+
<a class="btn btn-primary" style="background-color: #481449;" href="#!" role="button"><i
70+
class="fab fa-slack-hash"></i></a>
71+
72+
<!-- Github -->
73+
<a class="btn btn-primary" style="background-color: #333333;" href="#!" role="button"><i
74+
class="fab fa-github"></i></a>
75+
76+
<!-- Dribbble -->
77+
<a class="btn btn-primary" style="background-color: #ec4a89;" href="#!" role="button"><i
78+
class="fab fa-dribbble"></i></a>
79+
80+
<!-- Reddit -->
81+
<a class="btn btn-primary" style="background-color: #ff4500;" href="#!" role="button"><i
82+
class="fab fa-reddit-alien"></i></a>
83+
84+
<!-- Whatsapp -->
85+
<a class="btn btn-primary" style="background-color: #25d366;" href="#!" role="button"><i
86+
class="fab fa-whatsapp"></i></a>
87+
<!-- End your project here-->
88+
89+
<!-- MDB -->
90+
<script type="text/javascript" src="js/mdb.min.js"></script>
91+
<!-- Custom scripts -->
92+
<script type="text/javascript"></script>
93+
</body>
94+
95+
</html>

‎colors.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
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-square-buttons.min.css" />
17+
</head>
18+
19+
<body>
20+
<!-- Start your project here-->
21+
<style>
22+
.btn-square-md {
23+
width: 100px !important;
24+
max-width: 100% !important;
25+
max-height: 100% !important;
26+
height: 100px !important;
27+
text-align: center;
28+
padding: 0px;
29+
font-size:12px;
30+
}
31+
</style>
32+
<button type="button" class="btn btn-primary btn-square-md">Primary</button>
33+
<button type="button" class="btn btn-secondary btn-square-md">Secondary</button>
34+
<button type="button" class="btn btn-success btn-square-md">Success</button>
35+
<button type="button" class="btn btn-danger btn-square-md">Danger</button>
36+
<button type="button" class="btn btn-warning btn-square-md">Warning</button>
37+
<button type="button" class="btn btn-info btn-square-md">Info</button>
38+
<button type="button" class="btn btn-light btn-square-md" data-mdb-ripple-color="dark">Light</button>
39+
<button type="button" class="btn btn-dark btn-square-md"><small>Dark</small></button>
40+
<button type="button" class="btn btn-link btn-square-md" data-mdb-ripple-color="dark">Link</button>
41+
<!-- End your project here-->
42+
43+
<!-- MDB -->
44+
<script type="text/javascript" src="js/mdb.min.js"></script>
45+
<!-- Custom scripts -->
46+
<script type="text/javascript"></script>
47+
</body>
48+
49+
</html>

‎css/bootstrap-square-buttons.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-square-buttons.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-square-buttons.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-square-buttons.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.

0 commit comments

Comments
 (0)