Compare commits
1 Commits
master
...
dependabot
Author | SHA1 | Date | |
---|---|---|---|
|
0dd4609be3 |
@ -202,16 +202,7 @@
|
|||||||
"contributions": [
|
"contributions": [
|
||||||
"code"
|
"code"
|
||||||
]
|
]
|
||||||
},
|
}
|
||||||
{
|
|
||||||
"login": "bimbims125",
|
|
||||||
"name": "Pramdhanni Dwi Putra Bintang",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/65021963?v=4",
|
|
||||||
"profile": https://github.com/bimbims125,
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
"contributorsPerLine": 7,
|
"contributorsPerLine": 7,
|
||||||
"projectName": "stisla",
|
"projectName": "stisla",
|
||||||
|
32
README.md
32
README.md
@ -1,3 +1,8 @@
|
|||||||
|
## Hi,
|
||||||
|
[Nauval](http://twitter.com/mhdnauvalazhar): We working on v3.
|
||||||
|
|
||||||
|
-----
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://getstisla.com">
|
<a href="https://getstisla.com">
|
||||||
<img src="https://avatars2.githubusercontent.com/u/45754626?s=75&v=4" alt="Stisla logo" width="75" height="75">
|
<img src="https://avatars2.githubusercontent.com/u/45754626?s=75&v=4" alt="Stisla logo" width="75" height="75">
|
||||||
@ -59,13 +64,10 @@
|
|||||||
|
|
||||||
Several quick start options are available:
|
Several quick start options are available:
|
||||||
|
|
||||||
|
- [Download the latest release.](https://github.com/stisla/stisla/archive/v2.2.0.zip)
|
||||||
- Clone the repo: `git clone https://github.com/stisla/stisla.git`
|
- Clone the repo: `git clone https://github.com/stisla/stisla.git`
|
||||||
- Run `cd` to the newly created `/stisla` directory
|
- Install [npm](https://www.npmjs.com) or [yarn](https://yarnpkg.com) first if you don't have it in your machine
|
||||||
- Install [yarn](https://yarnpkg.com) first if you don't have it in your machine
|
- Run the `yarn stisla-start` command to start using stisla !
|
||||||
- Run the `yarn` command
|
|
||||||
- Done
|
|
||||||
|
|
||||||
Or if you're Indonesian, you can watch my video [here](https://www.youtube.com/watch?v=dvnqtOUvGFc)
|
|
||||||
|
|
||||||
Read the [Getting started page](https://getstisla.com/docs) for information on the framework contents, templates and examples, and more.
|
Read the [Getting started page](https://getstisla.com/docs) for information on the framework contents, templates and examples, and more.
|
||||||
|
|
||||||
@ -86,8 +88,8 @@ You can find the Stisla road map here: [Stisla Roadmap](https://trello.com/b/M8T
|
|||||||
- [Laravel UI Preset](https://github.com/poteto-dev/laravel-ui-stisla)
|
- [Laravel UI Preset](https://github.com/poteto-dev/laravel-ui-stisla)
|
||||||
- [Jekyll](https://github.com/SunDi3yansyah/stisla-jekyll)
|
- [Jekyll](https://github.com/SunDi3yansyah/stisla-jekyll)
|
||||||
- [YII2](https://github.com/piantgrunger/yii2-stisla)
|
- [YII2](https://github.com/piantgrunger/yii2-stisla)
|
||||||
- [Django](https://github.com/bimbims125/stisla-django.git)
|
|
||||||
-
|
- Django (let's contribute)
|
||||||
- and more...
|
- and more...
|
||||||
|
|
||||||
## Creator
|
## Creator
|
||||||
@ -129,11 +131,6 @@ Stisla is better because of the [contributors](https://github.com/stisla/stisla/
|
|||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td align="center"><a href="https://sundi3yansyah.com"><img src="https://avatars2.githubusercontent.com/u/3952281?v=4" width="100px;" alt=""/><br /><sub><b>Cahyadi Triyansyah</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=SunDi3yansyah" title="Code">💻</a></td>
|
<td align="center"><a href="https://sundi3yansyah.com"><img src="https://avatars2.githubusercontent.com/u/3952281?v=4" width="100px;" alt=""/><br /><sub><b>Cahyadi Triyansyah</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=SunDi3yansyah" title="Code">💻</a></td>
|
||||||
<td align="center"><a href="https://harshal.one"><img src="https://avatars0.githubusercontent.com/u/20720521?s=460&v=4" width="100px;" alt=""/><br /><sub><b>Harshal Parekh</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=Harshal96" title="Code">💻</a></td>
|
|
||||||
<td align="center"><a href="https://github.com/ppabcd"><img src="https://avatars0.githubusercontent.com/u/7419422?s=460&u=a8afa0f92608d126296e79f2ff0314a8fc794fd1&v=4" width="100px;" alt=""/><br /><sub><b>Reza Juliandri</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=ppabcd" title="Code">💻</a></td>
|
|
||||||
<td align="center"><a href="https://github.com/shailesh-ladumor"><img src=https://avatars.githubusercontent.com/u/16555999?v=4" width="100px;" alt=""/><br /><sub><b>Shailesh Ladumor </b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=shailesh-ladumor" title="Documentation">📖</a></td>
|
|
||||||
<td align="center"><a href="https://github.com/masif088"><img src=https://avatars.githubusercontent.com/u/43848973?v=4" width="100px;" alt=""/><br /><sub><b>masif088</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=masif088" title="Code">💻</a></td>
|
|
||||||
<td align="center"><a href="https://github.com/BlazerYoo"><img src=https://avatars.githubusercontent.com/u/69565038?v=4" width="100px;" alt=""/><br /><sub><b>Boaz Yoo</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=BlazerYoo" title="Code">💻</a></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
@ -144,17 +141,10 @@ Stisla is better because of the [contributors](https://github.com/stisla/stisla/
|
|||||||
## Contributing
|
## Contributing
|
||||||
Want to help Stisla get better? Let's contribute and follow our [contribution guide](https://github.com/stisla/stisla/blob/master/CONTRIBUTING.md).
|
Want to help Stisla get better? Let's contribute and follow our [contribution guide](https://github.com/stisla/stisla/blob/master/CONTRIBUTING.md).
|
||||||
|
|
||||||
## Showcase
|
### Showcase
|
||||||
|
|
||||||
- [app.whatspie.com](https://app.whatspie.com) - Enterprise ready unofficial WhatsApp API and BOT Service, allow you to sending notification to customer using WhatsApp API from your App
|
- [app.whatspie.com](https://app.whatspie.com) - Enterprise ready unofficial WhatsApp API and BOT Service, allow you to sending notification to customer using WhatsApp API from your App
|
||||||
- [kredibel.co.id](https://kredibel.co.id)- Kredibel is a site that can identify whether someone has the potential to commit fraud or not
|
|
||||||
|
|
||||||
## Tutorials
|
|
||||||
- [Stisla Introduction by Nauval](https://www.youtube.com/watch?v=dvnqtOUvGFc) (🇮🇩)
|
|
||||||
- [How to setup Stisla in Laravel by Laravel Package Tutorial](https://www.youtube.com/playlist?list=PL0wCC44AhrC14hkSMdczlVaZvnD0WSdGv) (🏴)
|
|
||||||
- [Integrate Stisla with Laravel by Mulai Dari NULL](https://www.youtube.com/watch?v=4-kdAxALCPc) (🇮🇩)
|
|
||||||
- [Integrate Stisla with CodeIgniter 4 by Juvinal Man](https://www.youtube.com/watch?v=np4LsQNcJbg) (🇮🇩)
|
|
||||||
- [Integrate Stisla with CodeIgniter 4 by YukCoding Media](https://www.youtube.com/watch?v=Kre5kJIufhw) (🇮🇩)
|
|
||||||
|
|
||||||
## License
|
## License
|
||||||
Stisla is under the [MIT License](LICENSE)
|
Stisla is under the [MIT License](LICENSE)
|
||||||
|
@ -682,9 +682,6 @@ tr:first-child > td > .fc-day-grid-event {
|
|||||||
border-top: 1px solid #f2f2f2; } }
|
border-top: 1px solid #f2f2f2; } }
|
||||||
|
|
||||||
/* 1.18 Select2 */
|
/* 1.18 Select2 */
|
||||||
.select2 {
|
|
||||||
width: 100% !important; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
|
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
@ -1913,18 +1913,6 @@ a.dropdown-item {
|
|||||||
.tab-content > .tab-pane {
|
.tab-content > .tab-pane {
|
||||||
line-height: 28px; }
|
line-height: 28px; }
|
||||||
|
|
||||||
ul.nav-tabs li.nav-item a.nav-link i {
|
|
||||||
color: #6777ef; }
|
|
||||||
|
|
||||||
ul.nav-tabs li.nav-item a.nav-link span {
|
|
||||||
display: block;
|
|
||||||
line-height: 60%; }
|
|
||||||
ul.nav-tabs li.nav-item a.nav-link span i {
|
|
||||||
font-size: 16px !important; }
|
|
||||||
|
|
||||||
ul.nav-tabs li.nav-item a.nav-link.active i {
|
|
||||||
color: #191d21; }
|
|
||||||
|
|
||||||
/* 3.21 Progress Bar */
|
/* 3.21 Progress Bar */
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
background-color: #6777ef; }
|
background-color: #6777ef; }
|
||||||
|
@ -94,23 +94,23 @@ $(function() {
|
|||||||
if(me.parent().hasClass("active")){
|
if(me.parent().hasClass("active")){
|
||||||
active = true;
|
active = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
$('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideUp(500, function() {
|
$('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideUp(500, function() {
|
||||||
update_sidebar_nicescroll();
|
update_sidebar_nicescroll();
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.main-sidebar .sidebar-menu li.active').removeClass('active');
|
$('.main-sidebar .sidebar-menu li.active').removeClass('active');
|
||||||
|
|
||||||
if(active==true) {
|
if(active==true) {
|
||||||
me.parent().removeClass('active');
|
me.parent().removeClass('active');
|
||||||
me.parent().find('> .dropdown-menu').slideUp(500, function() {
|
me.parent().find('> .dropdown-menu').slideUp(500, function() {
|
||||||
update_sidebar_nicescroll();
|
update_sidebar_nicescroll();
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
me.parent().addClass('active');
|
me.parent().addClass('active');
|
||||||
me.parent().find('> .dropdown-menu').slideDown(500, function() {
|
me.parent().find('> .dropdown-menu').slideDown(500, function() {
|
||||||
update_sidebar_nicescroll();
|
update_sidebar_nicescroll();
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
@ -120,7 +120,7 @@ $(function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
$('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideDown(500, function() {
|
$('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideDown(500, function() {
|
||||||
update_sidebar_nicescroll();
|
update_sidebar_nicescroll();
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -589,7 +589,7 @@ $(function() {
|
|||||||
}
|
}
|
||||||
if($(".datetimepicker").length) {
|
if($(".datetimepicker").length) {
|
||||||
$('.datetimepicker').daterangepicker({
|
$('.datetimepicker').daterangepicker({
|
||||||
locale: {format: 'YYYY-MM-DD HH:mm'},
|
locale: {format: 'YYYY-MM-DD hh:mm'},
|
||||||
singleDatePicker: true,
|
singleDatePicker: true,
|
||||||
timePicker: true,
|
timePicker: true,
|
||||||
timePicker24Hour: true,
|
timePicker24Hour: true,
|
||||||
|
@ -27,7 +27,7 @@
|
|||||||
"gmaps": "^0.4.24",
|
"gmaps": "^0.4.24",
|
||||||
"ionicons201": "1.0.0",
|
"ionicons201": "1.0.0",
|
||||||
"izitoast": "^1.4.0",
|
"izitoast": "^1.4.0",
|
||||||
"jquery": "^3.3.1",
|
"jquery": "^3.5.0",
|
||||||
"jquery-pwstrength": "https://github.com/matoilic/jquery.pwstrength",
|
"jquery-pwstrength": "https://github.com/matoilic/jquery.pwstrength",
|
||||||
"jquery-sparkline": "^2.4.0",
|
"jquery-sparkline": "^2.4.0",
|
||||||
"jquery-ui-dist": "^1.12.1",
|
"jquery-ui-dist": "^1.12.1",
|
||||||
|
@ -34,8 +34,8 @@
|
|||||||
<form method="POST">
|
<form method="POST">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="form-group col-6">
|
<div class="form-group col-6">
|
||||||
<label for="first_name">First Name</label>
|
<label for="frist_name">First Name</label>
|
||||||
<input id="first_name" type="text" class="form-control" name="first_name" autofocus>
|
<input id="frist_name" type="text" class="form-control" name="frist_name" autofocus>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group col-6">
|
<div class="form-group col-6">
|
||||||
<label for="last_name">Last Name</label>
|
<label for="last_name">Last Name</label>
|
||||||
|
@ -566,84 +566,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 col-sm-6 col-lg-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Icon Tab</h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<ul class="nav nav-tabs" id="myTab5" role="tablist">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active" id="home-tab5" data-toggle="tab" href="#home5" role="tab" aria-controls="home" aria-selected="true">
|
|
||||||
<i class="fas fa-home"></i> Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" id="profile-tab5" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile" aria-selected="false">
|
|
||||||
<i class="fas fa-id-card"></i> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" id="contact-tab5" data-toggle="tab" href="#contact5" role="tab" aria-controls="contact" aria-selected="false">
|
|
||||||
<i class="fas fa-mail-bulk"></i> Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="tab-content" id="myTabContent5">
|
|
||||||
<div class="tab-pane fade show active" id="home5" role="tabpanel" aria-labelledby="home-tab5">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
||||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
||||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
||||||
cillum dolore eu fugiat nulla pariatur.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab5">
|
|
||||||
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="contact5" role="tabpanel" aria-labelledby="contact-tab5">
|
|
||||||
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-sm-6 col-lg-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Icon Tab Bordered + Centered <code>.justify-content-center</code></h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<ul class="nav nav-tabs justify-content-center" id="myTab6" role="tablist">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active text-center" id="home-tab6" data-toggle="tab" href="#home6" role="tab" aria-controls="home" aria-selected="true">
|
|
||||||
<span><i class="fas fa-home"></i></span> Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link text-center" id="profile-tab6" data-toggle="tab" href="#profile6" role="tab" aria-controls="profile" aria-selected="false">
|
|
||||||
<span><i class="fas fa-id-card"></i></span> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link text-center" id="contact-tab6" data-toggle="tab" href="#contact6" role="tab" aria-controls="contact" aria-selected="false">
|
|
||||||
<span><i class="fas fa-mail-bulk"></i></span> Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="tab-content tab-bordered" id="myTabContent6">
|
|
||||||
<div class="tab-pane fade show active" id="home6" role="tabpanel" aria-labelledby="home-tab6">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
||||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
||||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
||||||
cillum dolore eu fugiat nulla pariatur.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="profile6" role="tabpanel" aria-labelledby="profile-tab6">
|
|
||||||
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="contact6" role="tabpanel" aria-labelledby="contact-tab6">
|
|
||||||
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
@ -659,7 +581,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- General JS Scripts -->
|
<!-- General JS Scripts -->
|
||||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
|
||||||
|
@ -23,8 +23,8 @@
|
|||||||
<form method="POST">
|
<form method="POST">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="form-group col-6">
|
<div class="form-group col-6">
|
||||||
<label for="first_name">First Name</label>
|
<label for="frist_name">First Name</label>
|
||||||
<input id="first_name" type="text" class="form-control" name="first_name" autofocus>
|
<input id="frist_name" type="text" class="form-control" name="frist_name" autofocus>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group col-6">
|
<div class="form-group col-6">
|
||||||
<label for="last_name">Last Name</label>
|
<label for="last_name">Last Name</label>
|
||||||
|
@ -170,84 +170,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 col-sm-6 col-lg-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Icon Tab</h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<ul class="nav nav-tabs" id="myTab5" role="tablist">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active" id="home-tab5" data-toggle="tab" href="#home5" role="tab" aria-controls="home" aria-selected="true">
|
|
||||||
<i class="fas fa-home"></i> Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" id="profile-tab5" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile" aria-selected="false">
|
|
||||||
<i class="fas fa-id-card"></i> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" id="contact-tab5" data-toggle="tab" href="#contact5" role="tab" aria-controls="contact" aria-selected="false">
|
|
||||||
<i class="fas fa-mail-bulk"></i> Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="tab-content" id="myTabContent5">
|
|
||||||
<div class="tab-pane fade show active" id="home5" role="tabpanel" aria-labelledby="home-tab5">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
||||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
||||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
||||||
cillum dolore eu fugiat nulla pariatur.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab5">
|
|
||||||
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="contact5" role="tabpanel" aria-labelledby="contact-tab5">
|
|
||||||
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-sm-6 col-lg-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Icon Tab Bordered + Centered <code>.justify-content-center</code></h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<ul class="nav nav-tabs justify-content-center" id="myTab6" role="tablist">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active text-center" id="home-tab6" data-toggle="tab" href="#home6" role="tab" aria-controls="home" aria-selected="true">
|
|
||||||
<span><i class="fas fa-home"></i></span> Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link text-center" id="profile-tab6" data-toggle="tab" href="#profile6" role="tab" aria-controls="profile" aria-selected="false">
|
|
||||||
<span><i class="fas fa-id-card"></i></span> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link text-center" id="contact-tab6" data-toggle="tab" href="#contact6" role="tab" aria-controls="contact" aria-selected="false">
|
|
||||||
<span><i class="fas fa-mail-bulk"></i></span> Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="tab-content tab-bordered" id="myTabContent6">
|
|
||||||
<div class="tab-pane fade show active" id="home6" role="tabpanel" aria-labelledby="home-tab6">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
||||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
||||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
||||||
cillum dolore eu fugiat nulla pariatur.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="profile6" role="tabpanel" aria-labelledby="profile-tab6">
|
|
||||||
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
|
|
||||||
</div>
|
|
||||||
<div class="tab-pane fade" id="contact6" role="tabpanel" aria-labelledby="contact-tab6">
|
|
||||||
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.select2 {
|
.select2 {
|
||||||
width: 100% !important;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||||
|
@ -7,31 +7,4 @@
|
|||||||
> .tab-pane {
|
> .tab-pane {
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav-tabs {
|
|
||||||
li.nav-item {
|
|
||||||
a.nav-link {
|
|
||||||
i {
|
|
||||||
color: color(primary);
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
display: block;
|
|
||||||
line-height: 60%;
|
|
||||||
i {
|
|
||||||
font-size: 16px!important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.nav-tabs {
|
|
||||||
li.nav-item {
|
|
||||||
a.nav-link.active {
|
|
||||||
i {
|
|
||||||
color: color(dark);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -4073,10 +4073,10 @@ jquery.nicescroll@^3.7.6:
|
|||||||
dependencies:
|
dependencies:
|
||||||
jquery ">=1.8.3"
|
jquery ">=1.8.3"
|
||||||
|
|
||||||
jquery@>=1.10, jquery@>=1.7, jquery@>=1.8.3, jquery@>=2.1.0, jquery@^3.0, jquery@^3.1.1, jquery@^3.3.1:
|
jquery@>=1.10, jquery@>=1.7, jquery@>=1.8.3, jquery@>=2.1.0, jquery@^3.0, jquery@^3.1.1, jquery@^3.5.0:
|
||||||
version "3.4.1"
|
version "3.5.0"
|
||||||
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.4.1.tgz#714f1f8d9dde4bdfa55764ba37ef214630d80ef2"
|
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.5.0.tgz#9980b97d9e4194611c36530e7dc46a58d7340fc9"
|
||||||
integrity sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw==
|
integrity sha512-Xb7SVYMvygPxbFMpTFQiHh1J7HClEaThguL15N/Gg37Lri/qKyhRGZYzHRyLH8Stq3Aow0LsHO2O2ci86fCrNQ==
|
||||||
|
|
||||||
jquery@~1.11.3:
|
jquery@~1.11.3:
|
||||||
version "1.11.3"
|
version "1.11.3"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user