|
|
|
@ -13,6 +13,7 @@ |
|
|
|
<title>Document</title> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
|
|
|
@media screen and (max-width: 1200px) { |
|
|
|
@ -27,7 +28,7 @@ |
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
<body class="" style="background-color:#f9fafb;"> |
|
|
|
<body class=""> |
|
|
|
<div id="wrapwrap" class="loempia_themes_page o_footer_effect_enable"> |
|
|
|
|
|
|
|
<main style="padding-top: 95.8px;"> |
|
|
|
@ -37,130 +38,41 @@ |
|
|
|
<div class="container loempia_srt_container"> |
|
|
|
<div class="container"> |
|
|
|
<div class="oe_styling_v8"> |
|
|
|
<div class="container" style="background-color:#fff;"> |
|
|
|
|
|
|
|
<!-- <div class="row" |
|
|
|
style="padding: 4rem 2.5rem 0; background-color: #f8f9fa; text-align: center; border-radius: 15px;margin-bottom: 4rem;"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<h1 |
|
|
|
style="font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 2.5rem; color: #2c3e50;"> |
|
|
|
<sup style="color: #000">Code Backend Theme</sup> |
|
|
|
</h1> |
|
|
|
<p style="color: #7f8c8d; font-size: 1.2rem;"> |
|
|
|
Elevate your Odoo 17 experience with our Minimalist and Elegant |
|
|
|
Backend Theme. |
|
|
|
</p> |
|
|
|
<div class="col-lg-12" |
|
|
|
style="margin: 2rem 0; display: flex; justify-content: center;"> |
|
|
|
<div |
|
|
|
style="max-width: 800px; overflow: hidden; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);margin-bottom: 2rem;"> |
|
|
|
<img src="//apps.odoocdn.com/apps/assets/17.0/code_backend_theme/assets/hero.png?de2526f" |
|
|
|
alt="Theme Image" style="width: 100%; height: auto;"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="col-sm-12 col-md-12 col-lg-12 d-flex flex-wrap align-items-sm-center" style="border-bottom:1px solid rgba(0, 0, 0, 0.22)"> |
|
|
|
<div class="supports"> |
|
|
|
<div class="row justify-content-between"> |
|
|
|
<div class="col-4"> |
|
|
|
<div class="my-3"> |
|
|
|
<img src="screenshots/Cybrosys-R.png" style="width:auto !important; height:40px !important"> |
|
|
|
<img src="images/Cybrosys R.png" style="width:auto !important; height:40px !important"> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style="width:80%; display:flex; justify-content:right;" class="supports-enterprise"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="my-3 mr-3 d-flex align-items-center"> |
|
|
|
<span> <b>Supports:</b> </span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="my-3 d-flex align-items-center"> |
|
|
|
<div class="text-center" style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
Enterprise |
|
|
|
</div> |
|
|
|
<div class="col-6"> |
|
|
|
<div class="row" style="margin-top:10px;"> |
|
|
|
<div class="col"> |
|
|
|
<span><b>Supports: </b></span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="my-3 d-flex align-items-center"> |
|
|
|
<div class="text-center" style="background-color:#714b67 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<div class="text-center col" style="background-color:#714b67 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
Community |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="my-3 d-flex align-items-center"> |
|
|
|
<div class="text-center" style="background-color:#5B899E !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
Odoo.sh |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style="width:99%; margin-top:-22px; display:flex; justify-content:right; "> |
|
|
|
|
|
|
|
|
|
|
|
<div class="my-3 mr-3 d-flex align-items-center"> |
|
|
|
<div class="row" style="margin-top:10px;"> |
|
|
|
<div class="col"> |
|
|
|
<span><b>Availability: </b></span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="my-3 d-flex align-items-center"> |
|
|
|
<div class="text-center" style=" border: 1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<div class="text-center col" style="border: 1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<i class="fa fa-times" style="color: red;"></i> Odoo Online |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="my-3 d-flex align-items-center"> |
|
|
|
<div class="text-center" style=" font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<div class="text-center col" style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<i class="fa fa-times" style="color: red;"></i> Odoo.sh |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="my-3 d-flex align-items-center"> |
|
|
|
<div class="text-center" style=" font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<div class="text-center col" style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important"> |
|
|
|
<i class="fa fa-check" style="color: green;"></i> On Premise |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<hr/> |
|
|
|
<div class="container"> |
|
|
|
<div> |
|
|
|
<img src="images/baaner.jpg" alt="" width="100%"> |
|
|
|
@ -200,11 +112,10 @@ |
|
|
|
</div> |
|
|
|
<div style="text-align: center;"> |
|
|
|
<div class="col-lg-12 text-center mt-5"> |
|
|
|
<a href="https://apps.odoo.com/apps/themes/14.0/code_backend_theme_enterprise/" |
|
|
|
<a href="https://apps.odoo.com/apps/themes/17.0/code_backend_theme_enterprise/" |
|
|
|
style="background-color:#556EE6 !important;border: 1px solid #556EE6; color:#fff ; font-weight: 600; padding: 16px 24px; margin: 0 5px; border-radius: 5px; text-decoration: none; display: inline-block; transition: background-color 0.3s ease-in-out;"> |
|
|
|
<i class="fa fa-download mr-1"></i> Download Code |
|
|
|
Backend Theme for |
|
|
|
Enterprise |
|
|
|
Backend Theme for Enterprise |
|
|
|
</a> |
|
|
|
<br> |
|
|
|
</div> |
|
|
|
@ -222,13 +133,13 @@ |
|
|
|
Code |
|
|
|
Backend Theme V17 is an Attractive Theme for Your Odoo |
|
|
|
17. |
|
|
|
This Theme Will Change Improve Your Experience With |
|
|
|
This Theme Will Improve Your Experience With |
|
|
|
Odoo. |
|
|
|
This is a Minimalist and Elegant Backend Theme for Odoo |
|
|
|
17 |
|
|
|
And Can Offer a Perfect Choice for Your Odoo Backend. |
|
|
|
</p> |
|
|
|
<ul class="p-0 my-3" style="list-style: none!important; "> |
|
|
|
<ul class="p-0 my-3 list-unstyled" style="list-style: none!important; "> |
|
|
|
<li class="mb-3"><span |
|
|
|
style="font-size: 1.1rem;font-weight: 500;max-width: 80%;color: #212529 !important; margin-bottom: 1rem !important;"><i |
|
|
|
class="fa fa-check-circle" |
|
|
|
@ -338,13 +249,13 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="container p-0"> |
|
|
|
<img src="screenshots/all_screens.png" class="img-responsive" |
|
|
|
width="100% !important" height="auto !important"> |
|
|
|
<img src="screenshots/all_screens.png" class="img-responsive" width="100% !important" |
|
|
|
height="auto !important"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="container mb-5 p-0" |
|
|
|
style="background-color: #f1f3fff8 !important;border-radius: 0px 0px 12px 12px;"> |
|
|
|
<ul class="nav nav-tabs d-flex justify-content-around" |
|
|
|
<ul class="nav nav-tabs d-flex justify-content-around list-unstyled" |
|
|
|
style="list-style:none !important; "> |
|
|
|
<li class="col text-center p-1 py-2" |
|
|
|
style="border-bottom: 1px solid #556EE6 !important;"><a |
|
|
|
@ -354,8 +265,8 @@ |
|
|
|
<li class="col text-center p-1 py-2" |
|
|
|
style="border-bottom: 1px solid #556EE6 !important;"><a |
|
|
|
data-toggle="tab" href="#tab2" |
|
|
|
style="color: #000;font-weight: 600; text-decoration: none !important;font-size: 1.4rem;"><img |
|
|
|
width="16px"> |
|
|
|
style="color: #000;font-weight: 600; text-decoration: none !important;font-size: 1.4rem;"> |
|
|
|
|
|
|
|
Screenshots</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
@ -386,7 +297,7 @@ |
|
|
|
using, be it smartphones, tablet or any other |
|
|
|
portables, our theme adjusts itself to fit the |
|
|
|
screen size.</p> |
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap justify-content-between mt-4" |
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap justify-content-between mt-4 list-unstyled" |
|
|
|
style="list-style: none !important;"> |
|
|
|
<li class="w-50"> |
|
|
|
<span style=" font-size: 1.3rem; |
|
|
|
@ -436,19 +347,10 @@ |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="row align-items-center py-4 position-relative m-0 my-5"> |
|
|
|
<img src="//apps.odoocdn.com/apps/assets/17.0/code_backend_theme/screenshots/listview.png?720ba0a" |
|
|
|
width="100%" height="auto" |
|
|
|
class="img-responsive position-absolute" style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;top: 0px !important; |
|
|
|
width: 873px !important; |
|
|
|
left: -520px !important;" /> |
|
|
|
<div class="col-lg-5"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="col-7"> |
|
|
|
<div class="col-12"> |
|
|
|
<h2 class="mb-2">List View</h2> |
|
|
|
<div |
|
|
|
style="width: 20% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem !important;"> |
|
|
|
style="width: 7% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem !important;"> |
|
|
|
</div> |
|
|
|
<p |
|
|
|
style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;"> |
|
|
|
@ -457,9 +359,9 @@ |
|
|
|
List View. This Table Design Gives You More |
|
|
|
Beauty for Your Odoo Backend. It will Give You a |
|
|
|
Clean Layout with the New Color Combination and |
|
|
|
a Modified Font..</p> |
|
|
|
a Modified Font.</p> |
|
|
|
|
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap mt-4" |
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap mt-4 list-unstyled" |
|
|
|
style="list-style: none !important;"> |
|
|
|
<li class="w-50"> |
|
|
|
<span style=" font-size: 1.3rem; |
|
|
|
@ -515,6 +417,14 @@ |
|
|
|
|
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<img src="screenshots/listview.png?720ba0a" |
|
|
|
width="100%" height="auto" |
|
|
|
class="img-responsive position-relative" |
|
|
|
style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;" /> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
@ -522,11 +432,11 @@ |
|
|
|
class="row align-items-center py-4 position-relative m-0 my-5"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-lg-7"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
|
|
<h2 class="mb-2">Kanban Group View</h2> |
|
|
|
<div |
|
|
|
style="width: 20% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;"> |
|
|
|
style="width: 8% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;"> |
|
|
|
</div> |
|
|
|
<p |
|
|
|
style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;"> |
|
|
|
@ -538,7 +448,7 @@ |
|
|
|
Content Tiles, Making The Tiles Look Great. It |
|
|
|
will Give You a Clean Layout with the New Color |
|
|
|
Combination and a Modified Font.</p> |
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap mt-4" |
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap mt-4 list-unstyled" |
|
|
|
style="list-style: none !important;"> |
|
|
|
<li class="w-50"> |
|
|
|
<span style=" font-size: 1.3rem; |
|
|
|
@ -595,33 +505,20 @@ |
|
|
|
</ul> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="col-lg-5"> |
|
|
|
|
|
|
|
</div> |
|
|
|
<img class="position-absolute" src="screenshots/kanbangroupview.png" |
|
|
|
width="1000px" height="auto" class="img-responsive" |
|
|
|
style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;top:0px !important;right: -606px !important;"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<img class="" src="screenshots/kanbangroupview.png" width="100%" |
|
|
|
height="auto" class="img-responsive" |
|
|
|
style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;"> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div |
|
|
|
class="row align-items-center py-4 position-relative m-0 my-5"> |
|
|
|
<img src="screenshots/Form view.png" width="100%" height="auto" |
|
|
|
class="img-responsive position-absolute" style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important; left: -158px !important; |
|
|
|
|
|
|
|
top: 0px !important; |
|
|
|
width: 491px !important;"> |
|
|
|
<div class="col-lg-5"> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="col-7"> |
|
|
|
<div class="col-12"> |
|
|
|
<h2 class="mb-2">Form View</h2> |
|
|
|
<div |
|
|
|
style="width: 20% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;"> |
|
|
|
style="width: 8% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;"> |
|
|
|
</div> |
|
|
|
<p |
|
|
|
style=" font-size: 1rem;line-height: 1.7 !important; margin-top: 0.5rem;"> |
|
|
|
@ -631,7 +528,7 @@ |
|
|
|
You a Clean Layout with the New Color |
|
|
|
Combination and a Modified Font.</p> |
|
|
|
|
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap mt-4" |
|
|
|
<ul class="p-0 d-flex gap-3 flex-wrap mt-4 list-unstyled" |
|
|
|
style="list-style: none !important;"> |
|
|
|
<li class="w-50"> |
|
|
|
<span style=" font-size: 1.3rem; |
|
|
|
@ -689,6 +586,18 @@ |
|
|
|
|
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
|
|
|
|
|
|
<div |
|
|
|
class="row align-items-center py-4 position-relative m-0 my-5"> |
|
|
|
<img src="screenshots/Form view.png" width="100%" height="auto" |
|
|
|
class="img-responsive " style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important; |
|
|
|
|
|
|
|
"> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -703,7 +612,8 @@ |
|
|
|
font-weight: 400; |
|
|
|
color: #f3003f;">01</span> |
|
|
|
<p class="m-0 bold" |
|
|
|
style="font-weight: 500 !important;color: #212529 !important;">Login page</p> |
|
|
|
style="font-weight: 500 !important;color: #212529 !important;"> |
|
|
|
Login page</p> |
|
|
|
</div> |
|
|
|
<img src="screenshots/login.png" width="100%" height="auto" |
|
|
|
class="img-responsive" |
|
|
|
@ -715,7 +625,8 @@ |
|
|
|
font-weight: 400; |
|
|
|
color: #f3003f;">02</span> |
|
|
|
<p class="m-0 bold" |
|
|
|
style="font-weight: 500 !important;color: #212529 !important; ">Group View</p> |
|
|
|
style="font-weight: 500 !important;color: #212529 !important; "> |
|
|
|
Group View</p> |
|
|
|
</div> |
|
|
|
<img src="screenshots/2.groupbyview.png" width="100%" height="auto" |
|
|
|
class="img-responsive"> |
|
|
|
@ -726,7 +637,8 @@ |
|
|
|
font-weight: 400; |
|
|
|
color: #f3003f;">03</span> |
|
|
|
<p class="m-0 bold" |
|
|
|
style="font-weight: 500 !important;color: #212529 !important;">Settings View |
|
|
|
style="font-weight: 500 !important;color: #212529 !important;"> |
|
|
|
Settings View |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<img src="screenshots/3.settings page.png" width="100%" height="auto" |
|
|
|
@ -740,7 +652,8 @@ |
|
|
|
font-weight: 400; |
|
|
|
color: #f3003f;">04</span> |
|
|
|
<p class="m-0 bold" |
|
|
|
style="font-weight: 500 !important;color: #212529 !important; ">Discuss Page |
|
|
|
style="font-weight: 500 !important;color: #212529 !important; "> |
|
|
|
Discuss Page |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<img src="screenshots/4.discusspage.png" width="100%" height="auto" |
|
|
|
@ -1204,7 +1117,8 @@ |
|
|
|
<div |
|
|
|
class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> |
|
|
|
<p class="m-0" |
|
|
|
style="font-weight: 600; font-size: 24px; color:#000 !important;">Support |
|
|
|
style="font-weight: 600; font-size: 24px; color:#000 !important;"> |
|
|
|
Support |
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -1228,7 +1142,7 @@ |
|
|
|
<div style="font-weight: 400;"><span><img |
|
|
|
src="images/support-email.svg" alt="" |
|
|
|
width="18px" |
|
|
|
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com |
|
|
|
style="filter: invert(1) !important;margin-right: 0.8rem;"></span>odoo@cybrosys.com |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -1249,7 +1163,7 @@ |
|
|
|
WhatsApp!</p> |
|
|
|
<div style="font-weight: 400; font-size: 16px;"><span><img |
|
|
|
src="images/phone.svg" alt="" width="14px" |
|
|
|
style="filter: invert(1); margin-right: 0.8rem;"></span>+91 |
|
|
|
style="filter: invert(1) !important; margin-right: 0.8rem;"></span>+91 |
|
|
|
99456767686</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -1271,7 +1185,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</main> |
|
|
|
|
|
|
|
@ -1282,5 +1196,4 @@ |
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
|
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
|
|
|
</body> |
|
|
|
|
|
|
|
</html> |
AjmalCybro
1 year ago
