This commit is contained in:
parent
51c63e97b6
commit
98a0881af8
|
@ -150,6 +150,53 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="p-1 mb-4">
|
||||
<div class="container-fluid">
|
||||
<h3 class="text-primary fs-2 text-center py-4 fw-bold">افزونههای حسابیکس</h3>
|
||||
<p class="text-center text-muted mb-4">افزونههای قدرتمند حسابیکس برای اتصال به سیستمهای مختلف و بهبود عملکرد کسبوکار شما</p>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6">
|
||||
<div class="card plugin-card h-100 border-0 shadow-lg hover-card">
|
||||
<div class="card-body text-center p-5">
|
||||
<div class="plugin-icon-box mb-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
|
||||
<polyline points="14,2 14,8 20,8"></polyline>
|
||||
<line x1="16" y1="13" x2="8" y2="13"></line>
|
||||
<line x1="16" y1="17" x2="8" y2="17"></line>
|
||||
<polyline points="10,9 9,9 8,9"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<h5 class="card-title text-primary mb-3 fw-bold">اتصال به سامانه مودیان</h5>
|
||||
<p class="card-text text-muted mb-4">
|
||||
با استفاده از افزونه اتصال به سامانه مودیان، میتوانید به صورت خودکار اطلاعات فاکتورهای خود را به سامانه مودیان ارسال کنید. این افزونه امکان ارسال خودکار فاکتورها، دریافت تاییدیهها و مدیریت کامل ارتباط با سازمان امور مالیاتی را فراهم میکند.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card plugin-card h-100 border-0 shadow-lg hover-card">
|
||||
<div class="card-body text-center p-5">
|
||||
<div class="plugin-icon-box mb-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
|
||||
<line x1="3" y1="6" x2="21" y2="6"></line>
|
||||
<path d="M16 10a4 4 0 0 1-8 0"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h5 class="card-title text-primary mb-3 fw-bold">اتصال به ووکامرس</h5>
|
||||
<p class="card-text text-muted mb-4">
|
||||
افزونه اتصال به ووکامرس امکان همگامسازی کامل فروشگاه شما با حسابیکس را فراهم میکند. سفارشات، محصولات و مشتریان به صورت خودکار در حسابیکس ثبت میشوند و مدیریت مالی فروشگاه شما را به سادگی انجام دهید.
|
||||
</p>
|
||||
<a href="https://source.hesabix.ir/morrning/hesabixWCPlugin" target="_blank" class="btn btn-outline-primary rounded-pill px-4 py-2">دریافت</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="p-1 mb-4">
|
||||
<div class="container-fluid">
|
||||
|
@ -454,6 +501,102 @@
|
|||
font-size: 0.95rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Plugin Cards Styling */
|
||||
.plugin-card {
|
||||
transition: all 0.4s ease;
|
||||
border-radius: 20px;
|
||||
background: linear-gradient(145deg, #ffffff, #f8f9fa);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.plugin-card::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 4px;
|
||||
background: linear-gradient(90deg, #0d6efd, #0b5ed7, #0a58ca);
|
||||
}
|
||||
|
||||
.plugin-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 20px 40px rgba(13, 110, 253, 0.15);
|
||||
}
|
||||
|
||||
.plugin-icon-box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: linear-gradient(135deg, rgba(13, 110, 253, 0.1), rgba(13, 110, 253, 0.05));
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
transition: all 0.3s ease;
|
||||
border: 2px solid rgba(13, 110, 253, 0.1);
|
||||
}
|
||||
|
||||
.plugin-card:hover .plugin-icon-box {
|
||||
background: linear-gradient(135deg, rgba(13, 110, 253, 0.2), rgba(13, 110, 253, 0.1));
|
||||
transform: scale(1.1);
|
||||
border-color: rgba(13, 110, 253, 0.3);
|
||||
}
|
||||
|
||||
.plugin-icon-box svg {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
color: #0d6efd;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.plugin-card:hover .plugin-icon-box svg {
|
||||
color: #0b5ed7;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.plugin-features {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-item .badge {
|
||||
font-size: 0.8rem;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 20px;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.feature-item .badge:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.plugin-card .btn {
|
||||
transition: all 0.3s ease;
|
||||
font-weight: 500;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.plugin-card .btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
|
||||
}
|
||||
|
||||
.plugin-card .card-title {
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.plugin-card .card-text {
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
color: #6c757d;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
|
Loading…
Reference in a new issue