Browse Source

Dec 27 : [UPDT] Index Updated 'code_backend_theme'

pull/313/head
AjmalCybro 1 year ago
parent
commit
42d390d810
  1. 237
      code_backend_theme/static/description/index.html
  2. BIN
      code_backend_theme/static/description/screenshots/Cybrosys-R.png
  3. BIN
      code_backend_theme/static/description/screenshots/Form view.png

237
code_backend_theme/static/description/index.html

@ -13,6 +13,7 @@
<title>Document</title> <title>Document</title>
<style> <style>
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
@ -27,7 +28,7 @@
</head> </head>
<body class="" style="background-color:#f9fafb;"> <body class="">
<div id="wrapwrap" class="loempia_themes_page o_footer_effect_enable"> <div id="wrapwrap" class="loempia_themes_page o_footer_effect_enable">
<main style="padding-top: 95.8px;"> <main style="padding-top: 95.8px;">
@ -37,130 +38,41 @@
<div class="container loempia_srt_container"> <div class="container loempia_srt_container">
<div class="container"> <div class="container">
<div class="oe_styling_v8"> <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="container">
<div class="supports">
<div class="row justify-content-between">
<div class="col-4">
<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="my-3"> <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>
<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>
<div class="col-6">
<div class="row" style="margin-top:10px;">
<div class="col">
<span><b>Supports: </b></span>
</div> </div>
<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">
<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">
Community Community
</div> </div>
</div> </div>
<div class="row" style="margin-top:10px;">
<div class="col">
<!-- <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">
<span><b>Availability: </b></span> <span><b>Availability: </b></span>
</div> </div>
<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">
<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">
<i class="fa fa-times" style="color: red;"></i> Odoo Online <i class="fa fa-times" style="color: red;"></i> Odoo Online
</div> </div>
</div> <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">
<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">
<i class="fa fa-times" style="color: red;"></i> Odoo.sh <i class="fa fa-times" style="color: red;"></i> Odoo.sh
</div> </div>
</div> <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">
<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">
<i class="fa fa-check" style="color: green;"></i> On Premise <i class="fa fa-check" style="color: green;"></i> On Premise
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<hr/>
</div>
<div class="container"> <div class="container">
<div> <div>
<img src="images/baaner.jpg" alt="" width="100%"> <img src="images/baaner.jpg" alt="" width="100%">
@ -200,11 +112,10 @@
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<div class="col-lg-12 text-center mt-5"> <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;"> 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 <i class="fa fa-download mr-1"></i> Download Code
Backend Theme for Backend Theme for Enterprise
Enterprise
</a> </a>
<br> <br>
</div> </div>
@ -222,13 +133,13 @@
Code Code
Backend Theme V17 is an Attractive Theme for Your Odoo Backend Theme V17 is an Attractive Theme for Your Odoo
17. 17.
This Theme Will Change Improve Your Experience With This Theme Will Improve Your Experience With
Odoo. Odoo.
This is a Minimalist and Elegant Backend Theme for Odoo This is a Minimalist and Elegant Backend Theme for Odoo
17 17
And Can Offer a Perfect Choice for Your Odoo Backend. And Can Offer a Perfect Choice for Your Odoo Backend.
</p> </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 <li class="mb-3"><span
style="font-size: 1.1rem;font-weight: 500;max-width: 80%;color: #212529 !important; margin-bottom: 1rem !important;"><i style="font-size: 1.1rem;font-weight: 500;max-width: 80%;color: #212529 !important; margin-bottom: 1rem !important;"><i
class="fa fa-check-circle" class="fa fa-check-circle"
@ -338,13 +249,13 @@
</div> </div>
</div> </div>
<div class="container p-0"> <div class="container p-0">
<img src="screenshots/all_screens.png" class="img-responsive" <img src="screenshots/all_screens.png" class="img-responsive" width="100% !important"
width="100% !important" height="auto !important"> height="auto !important">
</div> </div>
<div class="container mb-5 p-0" <div class="container mb-5 p-0"
style="background-color: #f1f3fff8 !important;border-radius: 0px 0px 12px 12px;"> 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; "> style="list-style:none !important; ">
<li class="col text-center p-1 py-2" <li class="col text-center p-1 py-2"
style="border-bottom: 1px solid #556EE6 !important;"><a style="border-bottom: 1px solid #556EE6 !important;"><a
@ -354,8 +265,8 @@
<li class="col text-center p-1 py-2" <li class="col text-center p-1 py-2"
style="border-bottom: 1px solid #556EE6 !important;"><a style="border-bottom: 1px solid #556EE6 !important;"><a
data-toggle="tab" href="#tab2" data-toggle="tab" href="#tab2"
style="color: #000;font-weight: 600; text-decoration: none !important;font-size: 1.4rem;"><img style="color: #000;font-weight: 600; text-decoration: none !important;font-size: 1.4rem;">
width="16px">
Screenshots</a></li> Screenshots</a></li>
</ul> </ul>
@ -386,7 +297,7 @@
using, be it smartphones, tablet or any other using, be it smartphones, tablet or any other
portables, our theme adjusts itself to fit the portables, our theme adjusts itself to fit the
screen size.</p> 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;"> style="list-style: none !important;">
<li class="w-50"> <li class="w-50">
<span style=" font-size: 1.3rem; <span style=" font-size: 1.3rem;
@ -436,19 +347,10 @@
</div> </div>
<div <div
class="row align-items-center py-4 position-relative m-0 my-5"> 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" <div class="col-12">
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">
<h2 class="mb-2">List View</h2> <h2 class="mb-2">List View</h2>
<div <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> </div>
<p <p
style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;"> style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;">
@ -457,9 +359,9 @@
List View. This Table Design Gives You More List View. This Table Design Gives You More
Beauty for Your Odoo Backend. It will Give You a Beauty for Your Odoo Backend. It will Give You a
Clean Layout with the New Color Combination and 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;"> style="list-style: none !important;">
<li class="w-50"> <li class="w-50">
<span style=" font-size: 1.3rem; <span style=" font-size: 1.3rem;
@ -515,6 +417,14 @@
</ul> </ul>
</div> </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> </div>
@ -522,11 +432,11 @@
class="row align-items-center py-4 position-relative m-0 my-5"> 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> <h2 class="mb-2">Kanban Group View</h2>
<div <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> </div>
<p <p
style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;"> style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;">
@ -538,7 +448,7 @@
Content Tiles, Making The Tiles Look Great. It Content Tiles, Making The Tiles Look Great. It
will Give You a Clean Layout with the New Color will Give You a Clean Layout with the New Color
Combination and a Modified Font.</p> 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;"> style="list-style: none !important;">
<li class="w-50"> <li class="w-50">
<span style=" font-size: 1.3rem; <span style=" font-size: 1.3rem;
@ -595,33 +505,20 @@
</ul> </ul>
</div> </div>
<div class="col-lg-5"> <div class="col-lg-12">
<img class="" src="screenshots/kanbangroupview.png" width="100%"
</div> height="auto" class="img-responsive"
<img class="position-absolute" src="screenshots/kanbangroupview.png" style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;">
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> </div>
</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 class="col-12">
<div class="col-7">
<h2 class="mb-2">Form View</h2> <h2 class="mb-2">Form View</h2>
<div <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> </div>
<p <p
style=" font-size: 1rem;line-height: 1.7 !important; margin-top: 0.5rem;"> 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 You a Clean Layout with the New Color
Combination and a Modified Font.</p> 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;"> style="list-style: none !important;">
<li class="w-50"> <li class="w-50">
<span style=" font-size: 1.3rem; <span style=" font-size: 1.3rem;
@ -689,6 +586,18 @@
</ul> </ul>
</div> </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>
</div> </div>
@ -703,7 +612,8 @@
font-weight: 400; font-weight: 400;
color: #f3003f;">01</span> color: #f3003f;">01</span>
<p class="m-0 bold" <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> </div>
<img src="screenshots/login.png" width="100%" height="auto" <img src="screenshots/login.png" width="100%" height="auto"
class="img-responsive" class="img-responsive"
@ -715,7 +625,8 @@
font-weight: 400; font-weight: 400;
color: #f3003f;">02</span> color: #f3003f;">02</span>
<p class="m-0 bold" <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> </div>
<img src="screenshots/2.groupbyview.png" width="100%" height="auto" <img src="screenshots/2.groupbyview.png" width="100%" height="auto"
class="img-responsive"> class="img-responsive">
@ -726,7 +637,8 @@
font-weight: 400; font-weight: 400;
color: #f3003f;">03</span> color: #f3003f;">03</span>
<p class="m-0 bold" <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> </p>
</div> </div>
<img src="screenshots/3.settings page.png" width="100%" height="auto" <img src="screenshots/3.settings page.png" width="100%" height="auto"
@ -740,7 +652,8 @@
font-weight: 400; font-weight: 400;
color: #f3003f;">04</span> color: #f3003f;">04</span>
<p class="m-0 bold" <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> </p>
</div> </div>
<img src="screenshots/4.discusspage.png" width="100%" height="auto" <img src="screenshots/4.discusspage.png" width="100%" height="auto"
@ -1204,7 +1117,8 @@
<div <div
class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
<p class="m-0" <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> </p>
</div> </div>
@ -1228,7 +1142,7 @@
<div style="font-weight: 400;"><span><img <div style="font-weight: 400;"><span><img
src="images/support-email.svg" alt="" src="images/support-email.svg" alt=""
width="18px" 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> </div>
</div> </div>
@ -1249,7 +1163,7 @@
WhatsApp!</p> WhatsApp!</p>
<div style="font-weight: 400; font-size: 16px;"><span><img <div style="font-weight: 400; font-size: 16px;"><span><img
src="images/phone.svg" alt="" width="14px" 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> 99456767686</div>
</div> </div>
@ -1271,7 +1185,7 @@
</div> </div>
</div> </div>
</div>
</div> </div>
</main> </main>
@ -1282,5 +1196,4 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <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> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>

BIN
code_backend_theme/static/description/screenshots/Cybrosys-R.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

BIN
code_backend_theme/static/description/screenshots/Form view.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 142 KiB

Loading…
Cancel
Save