|
|
@ -1,7 +1,7 @@ |
|
|
|
<!-- HERO SECTION --> |
|
|
|
<div class="contianer"> |
|
|
|
<div class="row position-relative" |
|
|
|
style="background-color: #fe5031 !important; height: 400px; margin-bottom: 6rem;"> |
|
|
|
style="background-color: #fe5031 !important; height: 400px; margin-bottom: 6rem; border-radius: 1rem !important;"> |
|
|
|
<div class="col-lg-12 d-flex flex-column justify-content-start align-items-center"> |
|
|
|
<h1 class="display-1 text-white" style="padding-top: 5rem;">Outrageous Orange</h1> |
|
|
|
<p class="text-light small font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase;">Clean |
|
|
@ -59,9 +59,7 @@ |
|
|
|
<div class="row my-4"> |
|
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|
|
|
<h2 class="text-center mt-3 display-4 text-weight-bold">Kanban View</h2> |
|
|
|
<p class="text-center lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Sapiente |
|
|
|
esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p> |
|
|
|
<p class="text-center lead text-muted mb-4">Clean & minimal Kanban view combined with the orange accent.</p> |
|
|
|
<img height="600px" width="auto" src="./images/kanban.png" class="img img-fluid deep-4 rounded"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -75,18 +73,20 @@ |
|
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Custom |
|
|
|
Login</span> |
|
|
|
<h2 class="mt-3">Minimal, Colorful Login Screen</h2> |
|
|
|
<p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente |
|
|
|
esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p> |
|
|
|
<img src="./images/sign_in.png" class="img img-fluid deep-2 rounded"> |
|
|
|
<p class="lead text-muted mb-4"> |
|
|
|
Minimal login screen with bright colored gradient background. |
|
|
|
</p> |
|
|
|
<img src="./images/sign_in.png" class="img img-fluid rounded"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Custom |
|
|
|
Datepicker</span> |
|
|
|
<h2 class="mt-3">Discuss</h2> |
|
|
|
<p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente |
|
|
|
esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p> |
|
|
|
<img src="./images/discuss.png" class="img img-fluid deep-2 rounded"> |
|
|
|
<p class="lead text-muted mb-4"> |
|
|
|
Clean discuss view design with Blueberry themed action buttons. |
|
|
|
</p> |
|
|
|
<img src="./images/discuss.png" class="img img-fluid rounded"> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
@ -97,14 +97,16 @@ |
|
|
|
<div class="container" style="margin: 6rem auto;"> |
|
|
|
<div class="row my-4"> |
|
|
|
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-start"> |
|
|
|
<img src="./images/responsive.png" class="img img-fluid deep-2 rounded"> |
|
|
|
<img src="./images/responsive.png" class="img img-fluid rounded"> |
|
|
|
</div> |
|
|
|
<div class="col-lg-7 d-flex flex-column justify-content-center"> |
|
|
|
<span class="font-weight-bold" |
|
|
|
style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Responsive Layout</span> |
|
|
|
<h2 class="mt-3">Truly Responsive</h2> |
|
|
|
<p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente |
|
|
|
esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p> |
|
|
|
<p class="lead text-muted mb-4"> |
|
|
|
Beautifully crafted to fit both mobile and desktop devices. Seamless navigation experience on all |
|
|
|
devices. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
@ -119,18 +121,20 @@ |
|
|
|
App |
|
|
|
Drawer</span> |
|
|
|
<h2 class="mt-3">Modified App Drawer</h2> |
|
|
|
<p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente |
|
|
|
esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p> |
|
|
|
<img src="./images/app_search.png" class="img img-fluid deep-2 rounded"> |
|
|
|
<p class="lead text-muted mb-4"> |
|
|
|
Modified app drawer sidebar with search option. |
|
|
|
</p> |
|
|
|
<img src="./images/app_search.png" class="img img-fluid rounded"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Custom |
|
|
|
Search Option</span> |
|
|
|
<h2 class="mt-3">Advanced Searching for App Menus</h2> |
|
|
|
<p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente |
|
|
|
esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p> |
|
|
|
<img src="./images/advaned_search.png" class="img img-fluid deep-2 rounded"> |
|
|
|
<p class="lead text-muted mb-4"> |
|
|
|
Get detailed search results on queries. |
|
|
|
</p> |
|
|
|
<img src="./images/advaned_search.png" class="img img-fluid rounded"> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|