Browse Source

[UPDT] Index Updated

pull/195/head
Ajmal Cybro 3 years ago
parent
commit
b67c8a589d
  1. 42
      orange_theme_odoo12/static/description/index.html

42
orange_theme_odoo12/static/description/index.html

@ -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>

Loading…
Cancel
Save