|
@ -58,63 +58,6 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- RESPONSIVE --> |
|
|
<!-- RESPONSIVE --> |
|
|
<div class="container" style="margin-top: 3rem;"> |
|
|
|
|
|
<div class="row shadow" |
|
|
|
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #53b68a !important; min-width: 100% !important;"> |
|
|
|
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> |
|
|
|
|
|
<img src="assets/responsive.png" width="100%" height="auto" class="img-responsive"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-4 d-flex justify-content-center align-items-center" |
|
|
|
|
|
style="padding: 1.5rem !important; margin: 0rem 0rem 3rem !important;"> |
|
|
|
|
|
<img src="assets/resp-gif.gif" width="80%" height="auto" class="img-responsive rounded"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-8" style="padding: 2.5rem 1.5rem!important;"> |
|
|
|
|
|
<div class="text-center" |
|
|
|
|
|
style="font-size: 0.9rem !important; background-color: #53b68a !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;"> |
|
|
|
|
|
New |
|
|
|
|
|
</div> |
|
|
|
|
|
<h3 style="font-weight: 700 !important;">Fully Responsive Layout</h3> |
|
|
|
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> |
|
|
|
|
|
Now take advantage of everything your dashboard has to offer even on the go. Our design are |
|
|
|
|
|
now |
|
|
|
|
|
fully responsive enabling you to view and manage everything from the comfort of your mobile |
|
|
|
|
|
device. Everything |
|
|
|
|
|
has been designed in a meticulous fashion so that every view snaps itself to fit the size of |
|
|
|
|
|
the |
|
|
|
|
|
device you are using, be it smartphones, tablet or any other portables, our theme adjusts |
|
|
|
|
|
itself |
|
|
|
|
|
to fit the screen size. |
|
|
|
|
|
</h6> |
|
|
|
|
|
<span class="d-flex" style="margin-top: 2rem !important;"> |
|
|
|
|
|
<i class="fa fa-check-square mr-2" |
|
|
|
|
|
style="color:#53b68a !important; margin-top: 5px !important;"></i> |
|
|
|
|
|
<p>Fully responsive</p> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
<span class="d-flex"> |
|
|
|
|
|
<i class="fa fa-check-square mr-2" |
|
|
|
|
|
style="color:#53b68a !important; margin-top: 5px !important;"></i> |
|
|
|
|
|
<p>Fly-out hamburger menu on the left</p> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
<span class="d-flex"> |
|
|
|
|
|
<i class="fa fa-check-square mr-2" |
|
|
|
|
|
style="color:#53b68a !important; margin-top: 5px !important;"></i> |
|
|
|
|
|
<p>Fits perfectly to all screen sizes</p> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
<span class="d-flex"> |
|
|
|
|
|
<i class="fa fa-check-square mr-2" |
|
|
|
|
|
style="color:#53b68a !important; margin-top: 5px !important;"></i> |
|
|
|
|
|
<p>Quick access menu at the bottom in discuss</p> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- END OF RESPONSIVE --> |
|
|
<!-- END OF RESPONSIVE --> |
|
|
<!-- FEATURE --> |
|
|
<!-- FEATURE --> |
|
|
<div class="container" style="margin-top: 3rem;"> |
|
|
<div class="container" style="margin-top: 3rem;"> |
|
@ -656,23 +599,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> |
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> |
|
|
<img src="assets/screenshots/sidebar_list.png" width="100%" height="auto" class="img-responsive"> |
|
|
<img src="assets/screenshots/sidebar.png.png" width="100%" height="auto" class="img-responsive"> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="row shadow" |
|
|
|
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> |
|
|
|
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> |
|
|
|
|
|
<div class="d-flex my-3"> |
|
|
|
|
|
<div class="d-flex justify-content-center align-items-center" |
|
|
|
|
|
style="background-color: #53b68a !important; border: 4px solid #e1faee !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> |
|
|
|
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">17</h6> |
|
|
|
|
|
</div> |
|
|
|
|
|
<h6 class="mt-2 ml-2">Sidebar with Settings Page View</h6> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> |
|
|
|
|
|
<img src="assets/screenshots/sidebar_settings.png" width="100%" height="auto" class="img-responsive"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -716,7 +643,7 @@ |
|
|
style="background-color: #53b68a !important; border: 4px solid #e1faee !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> |
|
|
style="background-color: #53b68a !important; border: 4px solid #e1faee !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> |
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">20</h6> |
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">20</h6> |
|
|
</div> |
|
|
</div> |
|
|
<h6 class="mt-2 ml-2">Graphs with Sidebar</h6> |
|
|
<h6 class="mt-2 ml-2">Graphs</h6> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> |
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> |
|
|