Simplify index.html: Clean and minimal description page

This commit is contained in:
Mohamed Eltayar 2025-08-30 15:43:03 +03:00
parent 13633b200b
commit faca92f817
1 changed files with 39 additions and 121 deletions

View File

@ -1,123 +1,41 @@
<section class="oe_container oe_dark lead">
<div class="oe_row" style="width: 100% !important;">
<div class="oe_span12" style="width: 100% !important;">
<div class="panel panel-primary" style="border:none">
<div class="panel-body">
<ul class="list-unstyled">
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF"><i class="fa fa-hand-o-right"></i> <strong> Key Features </strong></div>
<li><i class="fa fa-key" style="color:#ed2f2f"></i> This Module is used to each list or tree views.</li>
<li><i class="fa fa-key" style="color:#ed2f2f"></i> Immediately responce when you press any Key in quick search field.</li>
</ul>
</div>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Advanced Tree View Search</title>
</head>
<body>
<section class="container">
<div style="text-align: center; margin-bottom: 20px;">
<img src="banner.png" alt="Advanced Tree View Search" style="max-width: 100%; height: auto;">
</div>
</section>
<section class="oe_container oe_dark lead">
<div class="oe_row" style="width: 100% !important;">
<div class="oe_span12" style="width: 100% !important;">
<div class="panel panel-primary" style="border:none">
<div class="panel-body">
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF">
<i class="fa fa-hand-o-right"></i>
<strong>Search</strong>
</div>
<p>
<img class="oe_picture oe_screenshot" src="1_search.png" alt="" style="width: 82% !important;">
</p>
<p>
<img class="oe_picture oe_screenshot" src="3_form_search.png" alt="" style="width: 82% !important;">
</p>
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF">
<i class="fa fa-hand-o-right"></i>
<strong>Result</strong>
</div>
<p>
<img class="oe_picture oe_screenshot" src="2_result.png" alt="" style="width: 82% !important;">
</p>
</div>
</div>
</div>
</div>
</section>
<section class="oe_container oe_dark lead">
<div class="oe_row" style="width: 100% !important;">
<div class="oe_span12" style="width: 100% !important;">
<div class="panel panel-primary" style="border:none">
<div class="panel-body" style="text-align: center;">
<ul class="list-unstyled">
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF"><i class="fa fa-globe" aria-hidden="true"></i> <strong> Our Service </strong></div>
</ul>
<table style="width: 100%;">
<tr>
<th style="text-align: center;width: 33%;"><img src="service/Customization.png" alt="" style="width:60px;height:60px;"></th>
<th style="text-align: center;width: 33%;"><img src="service/Implementation.png" alt="" style="width:60px;height:60px;"></th>
<th style="text-align: center;width: 33%;"><img src="service/Integration.png" alt="" style="width:60px;height:60px;"></th>
</tr>
<tr style="height: 40px;font-size: 18px;">
<td style="text-align: center;width: 33%;">Odoo Customization</td>
<td style="text-align: center;width: 33%;">Odoo Implementation</td>
<td style="text-align: center;width: 33%;">Odoo Integration</td>
</tr>
</table>
<br></br>
<table style="width: 100%;">
<tr>
<th style="text-align: center;width: 33%;"><img src="service/Migration.png" alt="" style="width:60px;height:60px;"></th>
<th style="text-align: center;width: 33%;"><img src="service/Training.png" alt="" style="width:60px;height:60px;"></th>
<th style="text-align: center;width: 33%;"><img src="service/Installation.png" alt="" style="width:60px;height:60px;"></th>
</tr>
<tr style="height: 40px;font-size: 18px;">
<td style="text-align: center;width: 33%;">Odoo Migration</td>
<td style="text-align: center;width: 33%;">Odoo Training</td>
<td style="text-align: center;width: 33%;">Odoo Installation</td>
</tr>
</table>
<br></br>
<table style="width: 100%;">
<tr>
<th style="text-align: center;width: 33%;"><img src="service/Consulting.png" alt="" style="width:60px;height:60px;"></th>
<th style="text-align: center;width: 33%;"><img src="service/Support.png" alt="" style="width:60px;height:60px;"></th>
<th style="text-align: center;width: 33%;"><img src="service/Hire.png" alt="" style="width:60px;height:60px;"></th>
</tr>
<tr style="height: 40px;font-size: 18px;">
<td style="text-align: center;width: 33%;">Odoo Consulting</td>
<td style="text-align: center;width: 33%;">Odoo Support</td>
<td style="text-align: center;width: 33%;">Hire Developer</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</section>
<section class="oe_container oe_dark lead">
<div class="oe_row" style="width: 100% !important;">
<div class="oe_span12" style="width: 100% !important;">
<div class="panel panel-primary" style="border:none">
<div class="panel-body" style="text-align: center;">
<ul class="list-unstyled">
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF"><i class="fa fa-life-ring" aria-hidden="true"></i> <strong> Get Help & Support </strong></div>
<li><i class="fa fa-key" style="color:#ed2f2f"></i> You will get 30 Days free support incase any bugs or issue.</li>
<br>
<li><img style="display: block;margin: 0 auto;height: 211px;" class="oe_picture oe_screenshot" src="fims_logo.png" alt=""></li>
<br><br>
</ul>
<table style="width: 100%;">
<tr>
<th style="text-align: center;"><img src="website.png" alt="" style="width:70px;height:70px;"></th>
<th style="text-align: center;"><img src="mail.png" alt="" style="width:70px;height:70px;"></th>
<th style="text-align: center;"><img src="skype.png" alt="" style="width:70px;height:70px;"></th>
</tr>
<tr style="height: 61px;font-size: 20px;">
<td style="text-align: center;">www.fortutechims.com</td>
<td style="text-align: center;">info@fortutechims.com</td>
<td style="text-align: center;">info@fortutechims.com</td>
</tr>
</table>
</div>
</div>
</div>
<h1 style="color: #2c3e50; text-align: center;">Advanced Tree View Search</h1>
<p style="font-size: 16px; text-align: center; margin: 20px 0;">
Instant search across all visible columns in Odoo list views with real-time filtering.
</p>
<h2 style="color: #34495e;">Features</h2>
<ul style="font-size: 14px; line-height: 1.8;">
<li>Search all records in database (not just visible page)</li>
<li>Real-time search with intelligent debounce</li>
<li>Accurate record counting</li>
<li>Works with all field types</li>
<li>Automatic RTL/LTR support</li>
<li>No configuration required</li>
</ul>
<h2 style="color: #34495e;">Screenshots</h2>
<div style="margin: 20px 0;">
<img src="1_search.png" alt="Search Box" style="max-width: 100%; margin: 10px 0;">
<img src="2_result.png" alt="Search Results" style="max-width: 100%; margin: 10px 0;">
</div>
<div style="text-align: center; margin-top: 30px; padding: 20px; background: #f8f9fa;">
<img src="fims_logo.png" alt="Fortutech IMS" style="max-width: 200px;">
<p style="margin-top: 10px;">© Fortutech IMS Pvt. Ltd.</p>
</div>
</section>
</body>
</html>