|
|
@ -98,13 +98,12 @@ |
|
|
|
<!-- version support --> |
|
|
|
<!-- support-header --> |
|
|
|
|
|
|
|
<div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
|
|
|
<div class="supports my-5 py-3"> |
|
|
|
<div class="row justify-content-between"> |
|
|
|
<div class="col-4"> |
|
|
|
</div> |
|
|
|
<div class="col-6"> |
|
|
|
<div class="row" style="margin-top:10px"> |
|
|
|
|
|
|
|
<div class="my-3 d-flex align-items-center justify-content-end"> |
|
|
|
<span class="me-3"><b>Supports: </b></span> |
|
|
|
<div class="text-center" |
|
|
@ -266,64 +265,46 @@ |
|
|
|
|
|
|
|
<!-- Live Preview --> |
|
|
|
|
|
|
|
<div class="" style="border-radius: 32px; |
|
|
|
padding: 27px 40px; |
|
|
|
border: 5px solid #EBEEF2; |
|
|
|
background: #E3E3EE; |
|
|
|
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|
|
|
|
|
|
|
<div style="display: flex; justify-content: center; z-index: 999; margin-bottom: 40px;"> |
|
|
|
<a href="https://www.youtube.com/watch?v=ROhYgB35Sls" target="_blank" style="font-weight: bold;width:300px;margin-right: 22px; background-color: #FF0000;padding: 15px 24px; border-radius: 6px; color: #fff; text-decoration: none; border-radius: 35px; display: flex; align-items: center;gap: 8px; "> |
|
|
|
<img style="margin-bottom: 3px; margin-right: 5px;" src="./assets/icons/youtube-icon.png"> |
|
|
|
Watch Demo on YouTube</a> |
|
|
|
<a href="https://www.cybrosys.com/blog/what-are-the-key-features-of-odoo-18-full-accounting-kit-for-community" target="_blank" |
|
|
|
style="font-weight: bold;width:300px;background-color: #2D2D2D;padding: 15px 35px; border-radius: 6px; color: #fff; text-decoration: none; border-radius: 35px; display: flex; align-items: center;gap: 8px; "> |
|
|
|
<img style="margin-bottom: 3px; margin-right: 5px;" src="./assets/icons/blog-icon.png"> |
|
|
|
Read Our Detailed Blog</a> |
|
|
|
</div> |
|
|
|
<!-- demo-main --> |
|
|
|
<div style="background-color: #ECE8F2; padding: 40px; border-radius: 12px; font-family: Arial, sans-serif; text-align: center; color: #000; margin-top: 34px;"> |
|
|
|
<h1 style="font-size: 32px; font-weight: bold; margin-bottom: 30px;"> |
|
|
|
Demo Database for Accounting Kit |
|
|
|
</h1> |
|
|
|
|
|
|
|
<div style="display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap;"> |
|
|
|
<a href="https://youtu.be/ROhYgB35Sls" target="_blank" style="background-color: red; color: white; padding: 12px 20px; border-radius: 26px; text-decoration: none; font-weight:600; display: flex; align-items: center; gap: 8px;"> |
|
|
|
<span style="font-size: 18px;"><img src="./assets/icons/youtube-icon.png"></span> Watch Demo on YouTube |
|
|
|
</a> |
|
|
|
<a href="https://www.cybrosys.com/blog/what-are-the-key-features-of-odoo-18-full-accounting-kit-for-community" target="_blank" style="background-color: black; color: white; padding: 12px 20px; border-radius: 26px; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 8px;"> |
|
|
|
<span style="font-size: 18px;"> <img src="./assets/icons/blog-icon.png"></span> Read Our Detailed Blog |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="max-width: 800px; margin: 0 auto; display: flex; flex-wrap: wrap; background: white; border-radius: 16px; overflow: hidden; padding: 30px;"> |
|
|
|
<div style="flex: 1; min-width: 250px; text-align: left;"> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold; margin-bottom: 24px;">Login credentials</h2> |
|
|
|
<p style="margin-bottom: 8px;">Link</p> |
|
|
|
<a href="https://kit.easyinstance.com" target="_blank" style="display: inline-block; padding: 10px 14px; border: 2px dotted black; border-radius: 10px; font-weight: bold; text-decoration: none; color: black;"> |
|
|
|
https://kit.easyinstance.com |
|
|
|
<span style="margin-left: 8px;"><img src="./assets/icons/external-link-line.svg"></span> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<h2 style=" color: var(--text-color); |
|
|
|
text-align: center; |
|
|
|
font-size: 40px; |
|
|
|
font-weight: 620; |
|
|
|
padding-bottom: 50px;">Demo Database for Accounting Kit |
|
|
|
</h2> |
|
|
|
<div class="col-md-6 col-sm-12 p-3"> |
|
|
|
<div class="d-flex flex-column h-100" |
|
|
|
style="padding:13px; border-radius:25px; background-color:#faf8ff"> |
|
|
|
<div class="d-flex align-items-center justify-content-center"> |
|
|
|
<a href="https://kit.easyinstance.com" |
|
|
|
style="text-decoration: none; color:#1A202C; font-weight:700; font-size:1.6rem; margin-bottom:2px;" |
|
|
|
target="_blank"> |
|
|
|
https://kit.easyinstance.com |
|
|
|
</a> |
|
|
|
<div class="d-flex justify-content-center align-items-center" |
|
|
|
style="margin-left:13px; background-color:#A375FF !important; border-radius:8px !important; height:50px; width:50px"> |
|
|
|
<img src="./assets/icons/mouse-cursor.svg" |
|
|
|
class="img-responsive" height="29px" |
|
|
|
width="29px"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3 col-sm-12 p-3"> |
|
|
|
<div class="d-flex flex-column h-100" |
|
|
|
style="padding:13px; border-radius:25px; background-color:#ece9f2"> |
|
|
|
<div class="d-flex align-items-center justify-content-center"> |
|
|
|
<p |
|
|
|
style="text-decoration: none; color:#d20606; font-weight:500; font-size:1.2rem; margin-bottom:2px;"> |
|
|
|
login : demo <br/> |
|
|
|
password : demo |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="flex: 1; min-width: 250px; background-color: #f2f2f2; border-radius: 12px; padding: 20px; margin-top: 20px;"> |
|
|
|
<div style="margin-bottom: 20px; text-align: left;"> |
|
|
|
<p style="margin-bottom: 6px;">Log in</p> |
|
|
|
<div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;"> |
|
|
|
demo <span><img src="./assets/icons/user.svg"></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="text-align: left;"> |
|
|
|
<p style="margin-bottom: 6px;">Password</p> |
|
|
|
<div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;"> |
|
|
|
demo <span><img src="./assets/icons/password.svg"></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- key-highlight --> |
|
|
|