You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1945 lines
72 KiB
1945 lines
72 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>app index</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
|
|
rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
|
|
<style>
|
|
body {
|
|
font-family: "Montserrat", sans-serif;
|
|
background: rgb(113 99 158 / 3%);
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
|
|
@media(min-width: 1366px) {
|
|
.cmpad {
|
|
max-width: 1526.4px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 54px;
|
|
padding-right: 54px;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 1366px) {
|
|
.cmpad {
|
|
padding-left: 80px;
|
|
padding-right: 80px;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 991px) {
|
|
.cmpad {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 767px) {
|
|
.cmpad {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
}
|
|
|
|
.mainhead {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
color: black;
|
|
}
|
|
|
|
.mainhead span {
|
|
/* color: #71639e; */
|
|
/* color: white;
|
|
padding: 3px 15px;
|
|
border-radius: 5px; */
|
|
}
|
|
|
|
.para {
|
|
color: #6b7280;
|
|
|
|
}
|
|
|
|
.contact-btn {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 15px 25px;
|
|
border: none;
|
|
border-radius: 50px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
color: white;
|
|
cursor: pointer;
|
|
min-width: 200px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.contact-btn svg {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.email-btn {
|
|
background: linear-gradient(135deg, #4facfe 0%, #12b1b9 100%);
|
|
}
|
|
|
|
.skype-btn {
|
|
background: linear-gradient(45deg, #555ecb, #7f87ec);
|
|
}
|
|
|
|
.whatsapp-btn {
|
|
background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
|
|
}
|
|
|
|
.btn-icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.btn-text {
|
|
font-size: 15px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.contact-btn:hover {
|
|
color: white;
|
|
}
|
|
|
|
a:hover {
|
|
color: white;
|
|
}
|
|
|
|
.content-card {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(20px);
|
|
border-radius: 10px;
|
|
padding: 32px;
|
|
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055);
|
|
overflow: hidden;
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
/* .content-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 4px;
|
|
background: linear-gradient(90deg, var(--accent-color), var(--accent-light));
|
|
transform: scaleX(1);
|
|
transform-origin: left;
|
|
transition: transform 0.3s ease;
|
|
} */
|
|
|
|
|
|
|
|
/* .blog-card {
|
|
--accent-color: #8B5CF6;
|
|
--accent-light: #A78BFA;
|
|
}
|
|
|
|
.video-card {
|
|
--accent-color: #EF4444;
|
|
--accent-light: #F87171;
|
|
} */
|
|
|
|
.card-icon {
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 24px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.blog-card .card-icon {
|
|
background: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);
|
|
}
|
|
|
|
.video-card .card-icon {
|
|
background: linear-gradient(135deg, #EF4444 0%, #F87171 100%);
|
|
}
|
|
|
|
|
|
|
|
.icon-svg {
|
|
width: 28px;
|
|
height: 28px;
|
|
fill: white;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: black;
|
|
margin-bottom: 12px;
|
|
letter-spacing: -0.025em;
|
|
}
|
|
|
|
.card-description {
|
|
font-size: 16px;
|
|
color: #6b7280;
|
|
margin-bottom: 0;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.card-action {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
padding: 10px 20px;
|
|
border-radius: 10px;
|
|
font-weight: 500;
|
|
font-size: 15px;
|
|
text-decoration: none;
|
|
border: none;
|
|
width: 100%;
|
|
border-radius: 8px;
|
|
background: #9e6390;
|
|
width: max-content;
|
|
color: white;
|
|
transition: .3s;
|
|
}
|
|
|
|
.card-action:hover {
|
|
background: #75456a;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
/* .card-action::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
|
|
transition: left 0.5s ease;
|
|
} */
|
|
|
|
|
|
.action-icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.copy-tooltip {
|
|
position: absolute;
|
|
bottom: 120%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background: rgba(0, 0, 0, 0.8);
|
|
color: white;
|
|
padding: 8px 12px;
|
|
border-radius: 6px;
|
|
font-size: 12px;
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
|
|
|
|
.copy-tooltip::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
border: 5px solid transparent;
|
|
border-top-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.section-title {
|
|
font-size: clamp(2.5rem, 5vw, 3.5rem);
|
|
font-weight: 800;
|
|
background: linear-gradient(135deg, #71639e 0%, #764ba2 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
margin-bottom: 16px;
|
|
letter-spacing: -0.02em;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
|
|
.highlights-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.highlight-card {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
backdrop-filter: blur(20px);
|
|
border-radius: 10px;
|
|
padding: 32px;
|
|
/* border: 1px solid rgba(255, 255, 255, 0.2); */
|
|
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055);
|
|
position: relative;
|
|
overflow: hidden;
|
|
/* border: 1px solid #efefef; */
|
|
}
|
|
|
|
|
|
|
|
.highlight-card.high:nth-child(4n+1) .card-icon {
|
|
background: linear-gradient(135deg, #e9ab38 0%, #c36419 100%);
|
|
}
|
|
|
|
.highlight-card.high:nth-child(4n+2) .card-icon {
|
|
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
|
}
|
|
|
|
.highlight-card.high:nth-child(4n+3) .card-icon {
|
|
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
|
}
|
|
|
|
.highlight-card.high:nth-child(4n+4) .card-icon {
|
|
background: linear-gradient(135deg, #43e97b 0%, #06ac8d 100%);
|
|
}
|
|
|
|
.highlight-card.high:nth-child(5n+5) .card-icon {
|
|
background: linear-gradient(135deg, #8e90fc 0%, #0c28ca 100%);
|
|
}
|
|
|
|
.highlight-card.high:nth-child(6n+6) .card-icon {
|
|
background: linear-gradient(135deg, #e390f8 0%, #8e0cca 100%);
|
|
}
|
|
|
|
|
|
.card-icon {
|
|
/* width: 80px;
|
|
height: 80px;
|
|
border-radius: 20px; */
|
|
background: #71639e;
|
|
/* display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 24px;
|
|
position: relative;
|
|
overflow: hidden; */
|
|
}
|
|
|
|
|
|
|
|
.icon-svg {
|
|
width: 36px;
|
|
height: 36px;
|
|
fill: white;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
/*
|
|
.feature-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.feature-item {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
margin-bottom: 8px;
|
|
font-size: 16px;
|
|
color: #64748b;
|
|
line-height: 1.5;
|
|
} */
|
|
|
|
/* .feature-item::before {
|
|
content: '✓';
|
|
color: #10b981;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
margin-top: 2px;
|
|
} */
|
|
|
|
.scrn-section {
|
|
/* margin-bottom: 3rem; */
|
|
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055);
|
|
border-radius: 20px;
|
|
border: 1px solid #efefef;
|
|
padding: 50px;
|
|
}
|
|
|
|
|
|
/* ACCORDION */
|
|
/* .modern-accordion {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(10px);
|
|
border-radius: 20px;
|
|
padding: 2rem;
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
} */
|
|
|
|
.accordion-item {
|
|
border: none !important;
|
|
margin-bottom: 1rem;
|
|
border-radius: 10px !important;
|
|
overflow: hidden;
|
|
background: white;
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
border: 1px solid #e2e8f0 !important;
|
|
}
|
|
|
|
/*
|
|
.accordion-item {
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
} */
|
|
|
|
.accordion-item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.accordion-header {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.accordion-button {
|
|
background: white !important;
|
|
border: none !important;
|
|
padding: 1.5rem 2rem !important;
|
|
font-weight: 600 !important;
|
|
font-size: 1.1rem;
|
|
color: #1e293b !important;
|
|
border-radius: 10px !important;
|
|
transition: all 0.3s ease;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.accordion-button::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(to bottom, rgba(99, 102, 241, 0.02) 0%, transparent 100%);
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
z-index: -1;
|
|
}
|
|
|
|
.accordion-button:hover::before,
|
|
.accordion-button:not(.collapsed)::before {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.accordion-button:focus {
|
|
box-shadow: none !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
.accordion-button:not(.collapsed) {
|
|
color: #71639e !important;
|
|
background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(79, 70, 229, 0.1) 100%) !important;
|
|
border-radius: 10px 10px 0 0 !important;
|
|
}
|
|
|
|
.accordion-button::after {
|
|
content: '\f107';
|
|
font-family: 'Font Awesome 6 Free';
|
|
font-weight: 900;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
background-image: none !important;
|
|
font-size: 1.2rem;
|
|
color: #71639e;
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
.accordion-button.collapsed::after {
|
|
transform: rotate(-90deg);
|
|
color: #64748b;
|
|
}
|
|
|
|
.accordion-collapse {
|
|
border-top: 1px solid #e2e8f0;
|
|
}
|
|
|
|
.accordion-body {
|
|
padding: 2rem !important;
|
|
background: linear-gradient(to bottom, rgba(99, 102, 241, 0.02) 0%, transparent 100%);
|
|
color: var(--text-secondary);
|
|
line-height: 1.6;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.accordion-body p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.accordion-body a {
|
|
color: #71639e;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
position: relative;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.accordion-body a:hover {
|
|
color: #4f46e5;
|
|
}
|
|
|
|
.accordion-body a::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -2px;
|
|
left: 0;
|
|
width: 0;
|
|
height: 2px;
|
|
background: linear-gradient(135deg, #71639e 0%, #4f46e5 100%);
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
.accordion-body a:hover::after {
|
|
width: 100%;
|
|
}
|
|
|
|
.feature-highlight {
|
|
background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(79, 70, 229, 0.1) 100%);
|
|
padding: 1rem;
|
|
border-radius: 8px;
|
|
margin-top: 1rem;
|
|
border-left: 4px solid #71639e;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.accordion-title {
|
|
font-size: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.modern-accordion {
|
|
padding: 1rem;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.accordion-button {
|
|
padding: 1.25rem 1.5rem !important;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.accordion-body {
|
|
padding: 1.5rem !important;
|
|
}
|
|
}
|
|
|
|
/* .loading-animation {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
animation: fadeInUp 0.6s ease forwards;
|
|
}
|
|
|
|
@keyframes fadeInUp {
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.accordion-item:nth-child(1) {
|
|
animation-delay: 0.1s;
|
|
}
|
|
|
|
.accordion-item:nth-child(2) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.accordion-item:nth-child(3) {
|
|
animation-delay: 0.3s;
|
|
} */
|
|
|
|
/* relased */
|
|
|
|
.changelog {
|
|
/* background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(10px);
|
|
border-radius: 10px; */
|
|
/* padding: 2rem; */
|
|
/* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055); */
|
|
/* border: 1px solid rgba(255, 255, 255, 0.2); */
|
|
/* position: relative;
|
|
overflow: hidden; */
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 30px;
|
|
}
|
|
|
|
/* .changelog::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 4px;
|
|
background: linear-gradient(90deg, #71639e, #764ba2, #f093fb, #f5576c);
|
|
background-size: 400% 400%;
|
|
animation: gradientShift 8s ease infinite;
|
|
}
|
|
|
|
@keyframes gradientShift {
|
|
0%, 100% { background-position: 0% 50%; }
|
|
50% { background-position: 100% 50%; }
|
|
} */
|
|
|
|
.release-item {
|
|
/* position: relative;
|
|
padding: 1.5rem 0;
|
|
border-left: 3px solid #e2e8f0;
|
|
margin-left: 1rem;
|
|
padding-left: 2rem;
|
|
transition: all 0.3s ease;
|
|
border-left-color: #71639e;
|
|
transform: translateX(4px); */
|
|
position: relative;
|
|
padding: 30px;
|
|
border-left: 3px solid #71639e;
|
|
/* margin-left: 1rem; */
|
|
/* padding-left: 2rem; */
|
|
/* transition: all 0.3s
|
|
ease; */
|
|
/* border-left-color: #71639e; */
|
|
transform: translateX(4px);
|
|
/* border: 1px solid #71639e2e; */
|
|
/* border-radius: 10px; */
|
|
border-top: 1px solid #71639e24;
|
|
border-right: 1px solid #71639e24;
|
|
border-bottom: 1px solid #71639e24;
|
|
/* border-right: 10px; */
|
|
border-radius: 0 15px 15px 0;
|
|
}
|
|
|
|
/* .release-item:not(:last-child) {
|
|
border-bottom: 1px solid #f1f5f9;
|
|
margin-bottom: 1rem;
|
|
} */
|
|
|
|
.release-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -8px;
|
|
top: 2rem;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
background: white;
|
|
border: 3px solid #e2e8f0;
|
|
transition: all 0.3s ease;
|
|
z-index: 2;
|
|
border-color: #71639e;
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.release-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
margin-bottom: 0.75rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.version {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
color: #1a202c;
|
|
}
|
|
|
|
.badge {
|
|
padding: 0.25rem 0.75rem;
|
|
border-radius: 20px;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.badge::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
|
|
transition: left 0.6s;
|
|
}
|
|
|
|
.badge:hover::before {
|
|
left: 100%;
|
|
}
|
|
|
|
.badge.fix {
|
|
background: linear-gradient(135deg, #fed7d7, #feb2b2);
|
|
color: #c53030;
|
|
border: 1px solid #fca5a5;
|
|
}
|
|
|
|
.badge.update {
|
|
background: linear-gradient(135deg, #bee3f8, #90cdf4);
|
|
color: #2b6cb0;
|
|
border: 1px solid #7dd3fc;
|
|
}
|
|
|
|
.badge.add {
|
|
background: linear-gradient(135deg, #c6f6d5, #9ae6b4);
|
|
color: #2d7d32;
|
|
border: 1px solid #68d391;
|
|
}
|
|
|
|
.date {
|
|
color: #64748b;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.date i {
|
|
color: #94a3b8;
|
|
}
|
|
|
|
.feature-list {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.feature-item {
|
|
display: flex;
|
|
/* gap: 15px; */
|
|
align-items: center;
|
|
/* justify-content: center; */
|
|
padding: 25px;
|
|
/* flex-flow: column; */
|
|
background: rgba(99, 126, 234, 0.05);
|
|
border-color: rgba(99, 126, 234, 0.1);
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
|
|
/* .feature-icon {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50%;
|
|
background: #71639e;
|
|
margin-top: 0.5rem;
|
|
flex-shrink: 0;
|
|
} */
|
|
|
|
.feature-text {
|
|
color: #6b7280;
|
|
line-height: 1.6;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.empty-state {
|
|
text-align: center;
|
|
padding: 3rem 1rem;
|
|
color: #64748b;
|
|
}
|
|
|
|
.empty-state i {
|
|
font-size: 3rem;
|
|
color: #cbd5e1;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* @media (max-width: 768px) {
|
|
body {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.changelog {
|
|
padding: 1.5rem;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.release-header {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.version {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.release-item {
|
|
padding-left: 1.5rem;
|
|
margin-left: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
animation: fadeInUp 0.6s ease forwards;
|
|
}
|
|
|
|
@keyframes fadeInUp {
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.release-item:nth-child(1) { animation-delay: 0.1s; }
|
|
.release-item:nth-child(2) { animation-delay: 0.2s; }
|
|
.release-item:nth-child(3) { animation-delay: 0.3s; } */
|
|
.tabs-design1 .nav-pills .nav-link {
|
|
border-radius: 50px;
|
|
margin: 0 5px;
|
|
padding: 12px 24px;
|
|
font-weight: 500;
|
|
transition: all 0.3s ease;
|
|
border: 2px solid #e9ecef;
|
|
position: relative;
|
|
}
|
|
|
|
.tabs-design1 .nav-pills .nav-link::after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 15px solid transparent;
|
|
border-right: 15px solid transparent;
|
|
border-top: 13px solid #71639e;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
bottom: -12px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.tabs-design1 .nav-pills .nav-link.active::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.tabs-design1 .nav-pills .nav-link:not(.active) {
|
|
background: white;
|
|
border: 2px solid #e9ecef;
|
|
color: #6c757d;
|
|
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055);
|
|
}
|
|
|
|
.tabs-design1 .nav-pills .nav-link:not(.active):hover {
|
|
border-color: #71639e;
|
|
color: #71639e;
|
|
}
|
|
|
|
.nav-pills .nav-link.active,
|
|
.nav-pills .show>.nav-link {
|
|
color: #fff;
|
|
background-color: #71639e;
|
|
}
|
|
|
|
.features-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 10px;
|
|
/* background: rgba(120, 119, 198, 0.1); */
|
|
border-radius: 10px;
|
|
/* overflow: hidden;
|
|
padding: 2px; */
|
|
}
|
|
|
|
|
|
|
|
/* .feature-item:hover {
|
|
background: #141414;
|
|
transform: scale(1.02);
|
|
z-index: 10;
|
|
} */
|
|
|
|
/* .feature-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: linear-gradient(135deg, rgba(120, 119, 198, 0.1), rgba(255, 119, 198, 0.1));
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
border-radius: 22px;
|
|
z-index: -1;
|
|
} */
|
|
|
|
/* .feature-item:hover::before {
|
|
opacity: 1;
|
|
} */
|
|
|
|
.feature-number {
|
|
width: 45px;
|
|
height: 45px;
|
|
background: rgba(120, 119, 198, 0.2);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1.2rem;
|
|
font-weight: 600;
|
|
color: #71639e;
|
|
margin-bottom: 15px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* .feature-item:hover .feature-number {
|
|
background: #7877c6;
|
|
color: #000;
|
|
transform: scale(1.1);
|
|
} */
|
|
|
|
.feature-title {
|
|
font-size: 1.2rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0;
|
|
color: black;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.feature-description {
|
|
color: #999;
|
|
line-height: 1.6;
|
|
font-size: 0.95rem;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.feature-link {
|
|
color: #7877c6;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
font-size: 0.9rem;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
transition: all 0.3s ease;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* .feature-link:hover {
|
|
opacity: 1;
|
|
transform: translateX(4px);
|
|
} */
|
|
|
|
.feature-link svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.feature-link:hover svg {
|
|
transform: translateX(2px);
|
|
}
|
|
|
|
.stats-section {
|
|
margin-top: 100px;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 48px;
|
|
padding: 48px 0;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.stat-item {
|
|
text-align: center;
|
|
}
|
|
|
|
.stat-number {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
color: #7877c6;
|
|
margin-bottom: 8px;
|
|
display: block;
|
|
}
|
|
|
|
.stat-label {
|
|
color: #666;
|
|
font-size: 0.9rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.card-image {
|
|
border: 1px solid #71639e1c;
|
|
margin-bottom: 1rem;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.copy-tooltip {
|
|
position: absolute;
|
|
background: #333;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
padding: 4px 8px;
|
|
border-radius: 4px;
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.card-action {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.action-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.highlights-grid {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 24px;
|
|
}
|
|
|
|
.features-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
.changelog {
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.changelog {
|
|
|
|
grid-template-columns: repeat(1, 1fr);
|
|
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
.highlights-grid {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
gap: 24px;
|
|
}
|
|
|
|
.features-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="container-fluid cmpad">
|
|
<div class="supports my-3 py-3" style=" border: 1px solid #71639e10;
|
|
padding: 0 35px;
|
|
border-radius: 10px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055);background-color: white;">
|
|
<div class="row justify-content-between align-items-center">
|
|
<div class="col-lg-3">
|
|
<div class="my-3 mx-auto mx-sm-0" style="width: 250px; ">
|
|
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35"
|
|
style="width: 100%;" />
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<div class="row">
|
|
<div class="my-3 d-flex align-items-center justify-content-center justify-content-sm-end">
|
|
<span class="me-3"><b>Supports: </b></span>
|
|
<div class="text-center" style="
|
|
background-color: #71639e !important;
|
|
font-size: 1rem !important;
|
|
color: #fff !important;
|
|
font-weight: 500 !important;
|
|
padding: 8px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 50px !important;
|
|
min-width: 130px !important;
|
|
">
|
|
Community
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top: 10px;display: flex;justify-content: flex-end;">
|
|
<div class="d-flex align-items-center justify-content-end flex-flow: wrap" style="width: 700px !important;
|
|
flex-flow: wrap;
|
|
|
|
row-gap: 10px;">
|
|
<span class="me-3"><b>Availability: </b></span>
|
|
<div class="text-center col" style="
|
|
border: 1px solid #ebebeb;
|
|
font-size: 1rem !important;
|
|
color: #333 !important;
|
|
font-weight: 500 !important;
|
|
padding: 8px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 20px !important;
|
|
min-width: 120px !important;
|
|
/* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055); */
|
|
">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="color: red; padding-right: 5px;"
|
|
width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41z" />
|
|
</svg>
|
|
Odoo Online
|
|
</div>
|
|
<div class="text-center col" style="
|
|
border: 1px solid #ebebeb;
|
|
font-size: 1rem !important;
|
|
color: #333 !important;
|
|
font-weight: 500 !important;
|
|
padding: 8px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 20px !important;
|
|
min-width: 120px !important;
|
|
/* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055); */
|
|
">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="color: red; padding-right: 5px;"
|
|
width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41z" />
|
|
</svg>
|
|
Odoo.sh
|
|
</div>
|
|
<div class="text-center col" style="
|
|
border: 1px solid #ebebeb;
|
|
font-size: 1rem !important;
|
|
color: #333 !important;
|
|
font-weight: 500 !important;
|
|
padding: 8px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 20px !important;
|
|
min-width: 120px !important;
|
|
/* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055); */
|
|
">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg"
|
|
style="color: rgb(13, 182, 13); padding-right: 5px;" width="24" height="24"
|
|
viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z" />
|
|
</svg>
|
|
On Premise
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid cmpad text-center py-5 py-md-3">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h3 class="mainhead" style="font-size: 2.3rem;padding-top: 1rem;">Odoo 18 Full Accounting Kit for
|
|
Community</h3>
|
|
<p class="para mb-4" style="font-size: 20px;">A Full-Fledged Accounting kit For Every Organization.</p>
|
|
|
|
<div class="d-flex justify-content-center gap-1 flex-wrap">
|
|
<a href="mailto:" class="contact-btn email-btn">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z" />
|
|
</svg>
|
|
<span class="btn-text">Email Us</span>
|
|
</a>
|
|
|
|
<a href="skype:" class="contact-btn skype-btn">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
<g fill="currentColor">
|
|
<path
|
|
d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0a1.674 1.674 0 0 1 3.349 0m-2.238 9.488l-.12-.002a5.2 5.2 0 0 0 .381-2.07V6.306a1.7 1.7 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.6 2.6 0 0 1-2.598 2.598z" />
|
|
<path
|
|
d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.68.68 0 0 1-.682.682H.682A.68.68 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945z" />
|
|
</g>
|
|
</svg>
|
|
<span class="btn-text">Teams</span>
|
|
</a>
|
|
|
|
<a href="https://wa.me/919074270811" class="contact-btn whatsapp-btn">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28" />
|
|
</svg>
|
|
<span class="btn-text">+91 9074270811</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid cmpad py-2 py-md-5">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3 mb-md-0">
|
|
<!-- Blog Card -->
|
|
<div class="content-card blog-card">
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Read Blog</h3>
|
|
<p class="card-description mb-3">Dive into our comprehensive blog posts covering the latest in
|
|
cybersecurity
|
|
trends and insights.</p>
|
|
<button class="card-action blog-action" onclick="copyLink()">
|
|
<svg class="action-icon" viewBox="0 0 24 24">
|
|
<path
|
|
d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" />
|
|
</svg>
|
|
Copy Link
|
|
<div class="copy-tooltip" id="blogTooltip">Link copied!</div>
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<!-- Video Card -->
|
|
<div class="content-card video-card">
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path d="M8 5v14l11-7z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Video Tutorial</h3>
|
|
<p class="card-description mb-3">Watch our detailed video demonstrations and tutorials on YouTube
|
|
for
|
|
hands-on learning.</p>
|
|
<a href="" class="card-action video-action">
|
|
<svg class="action-icon" viewBox="0 0 24 24">
|
|
<path d="M8 5v14l11-7z" />
|
|
</svg>
|
|
Watch Demo
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="container-fluid cmpad py-2 py-md-5">
|
|
<div class="highlights-section">
|
|
|
|
<h2 class="mainhead text-center">Key <span>Highlights</span></h2>
|
|
|
|
<div class="highlights-grid">
|
|
<!-- Financial Reports Card -->
|
|
<div class="highlight-card">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Customer Follow-ups Card -->
|
|
<div class="highlight-card">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Manage Customer Follow-Ups</h3>
|
|
<p class="card-description">Streamlined customer relationship management with automated follow-up
|
|
systems.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Invoice Copies Card -->
|
|
<div class="highlight-card">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Multiple Invoice Copies Option</h3>
|
|
<p class="card-description">Flexible invoice generation system with multiple copy management
|
|
capabilities.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Accounting Lock Dates Card -->
|
|
<div class="highlight-card">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Accounting Lock Dates</h3>
|
|
<p class="card-description">Secure accounting periods with advanced date locking mechanisms for data
|
|
integrity.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Financial Reports Card -->
|
|
<div class="highlight-card">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Customer Follow-ups Card -->
|
|
<div class="highlight-card">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Manage Customer Follow-Ups</h3>
|
|
<p class="card-description">Streamlined customer relationship management with automated follow-up
|
|
systems.</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="container-fluid cmpad py-2 py-md-5">
|
|
<div class="tabs-design1">
|
|
|
|
|
|
<ul class="nav nav-pills justify-content-start justify-content-md-center py-5" style=" flex-flow: nowrap;
|
|
overflow: hidden;
|
|
overflow-x: auto;" id="pills1" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="screenshot-tab" data-bs-toggle="pill"
|
|
data-bs-target="#screenshot" type="button" role="tab" style="width: max-content;">
|
|
Screenshot
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="features-tab" data-bs-toggle="pill" data-bs-target="#features"
|
|
type="button" role="tab" style="width: max-content;">
|
|
Features
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="faq-tab" data-bs-toggle="pill" data-bs-target="#faq" type="button"
|
|
role="tab" style="width: max-content;">
|
|
Frequent Questions
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="latest-release-tab" data-bs-toggle="pill"
|
|
data-bs-target="#latest-release" type="button" role="tab" style="width: max-content;">
|
|
Latest Release
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content bg-white rounded-4"
|
|
style="box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.055);border-radius: 10px;" id="pills1Content">
|
|
<div class="tab-pane fade show active" id="screenshot" role="tabpane2">
|
|
<div class="p-3 py-md-5">
|
|
|
|
|
|
<h2 class="mainhead text-center mb-2">Create <span>Assets</span></h2>
|
|
<div class="para"
|
|
style="max-width: 80%; text-align: center; margin: auto;font-size: 18px;margin-bottom: 2rem;">
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam praesentium minus veniam
|
|
commodi incidunt
|
|
natus dolore nam libero. Aspernatur harum placeat quibusdam fugiat esse nam. In cumque
|
|
est saepe nisi.
|
|
</div>
|
|
|
|
<div style="border-radius: 10px;
|
|
overflow: hidden;
|
|
border: 1px solid #e7e7e7;">
|
|
<img src="./assets/scrn1.png" alt="">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<h2 class="mainhead text-center mb-2 mt-5">Asset <span>Categories</span></h2>
|
|
<div class="para"
|
|
style="max-width: 80%; text-align: center; margin: auto;font-size: 18px;margin-bottom: 2rem;">
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam praesentium minus veniam
|
|
commodi incidunt
|
|
natus dolore nam libero. Aspernatur harum placeat quibusdam fugiat esse nam. In cumque
|
|
est saepe nisi.
|
|
</div>
|
|
|
|
<div style="border-radius: 10px;
|
|
overflow: hidden;
|
|
border: 1px solid #e7e7e7;">
|
|
<img src="./assets/scrn1.png" alt="">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2 class="mainhead text-center mb-2 mt-5">Reconciliation <span>Widget</span></h2>
|
|
<div class="para"
|
|
style="max-width: 80%; text-align: center; margin: auto;font-size: 18px;margin-bottom: 2rem;">
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam praesentium minus veniam
|
|
commodi incidunt
|
|
natus dolore nam libero. Aspernatur harum placeat quibusdam fugiat esse nam. In cumque
|
|
est saepe nisi.
|
|
</div>
|
|
|
|
<div style="border-radius: 10px;
|
|
overflow: hidden;
|
|
border: 1px solid #e7e7e7;">
|
|
<img src="./assets/scrn1.png" alt="">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="features" role="tabpanel">
|
|
<div class="p-3 py-md-5">
|
|
|
|
<h2 class="mainhead text-center mb-4">Our <span>Features</span></h2>
|
|
<div class="features-container">
|
|
<div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">01</div>
|
|
<h3 class="feature-title">Multiple Invoice Copies Option</h3>
|
|
|
|
</div>
|
|
|
|
<div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">02</div>
|
|
<h3 class="feature-title">Manage Customer Follow-Ups</h3>
|
|
|
|
</div>
|
|
|
|
<div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">03</div>
|
|
<h3 class="feature-title">Customer Credit Limit</h3>
|
|
|
|
</div>
|
|
|
|
<div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">04</div>
|
|
<h3 class="feature-title">Asset Management System</h3>
|
|
|
|
</div>
|
|
|
|
<div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">05</div>
|
|
<h3 class="feature-title">Accounting Report</h3>
|
|
|
|
</div>
|
|
|
|
<div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">06</div>
|
|
<h3 class="feature-title">PDC Management</h3>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- <div class="feature-item" style="flex-flow: column;">
|
|
<div class="feature-number">07</div>
|
|
<h3 class="feature-title">Reconciliation Widget</h3>
|
|
|
|
</div> -->
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="faq" role="tabpane2 ">
|
|
<div class="p-3 py-md-5">
|
|
|
|
<h2 class="mainhead text-center mb-4">Frequently Asked <span>Questions</span></h2>
|
|
|
|
<div class="modern-accordion">
|
|
<div class="accordion accordion-flush" id="accordionFlushExample">
|
|
<div class="accordion-item loading-animation">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button collapsed" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#flush-collapseOne"
|
|
aria-expanded="false" aria-controls="flush-collapseOne">
|
|
How does the module handle Post-Dated Cheque (PDC) management?
|
|
</button>
|
|
</h2>
|
|
<div id="flush-collapseOne" class="accordion-collapse collapse"
|
|
data-bs-parent="#accordionFlushExample">
|
|
<div class="accordion-body">
|
|
<p>Our PDC management module provides comprehensive tracking and automation
|
|
for post-dated
|
|
cheques. The system allows you to:</p>
|
|
|
|
<div class="feature-highlight">
|
|
<strong>Key Features:</strong>
|
|
<ul style="margin-bottom: 0; margin-top: 0.5rem;">
|
|
<li>Automatic cheque maturity date tracking</li>
|
|
<li>Bank reconciliation integration</li>
|
|
<li>Customizable reminder notifications</li>
|
|
<li>Detailed reporting and analytics</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p>The module seamlessly integrates with your existing accounting workflows
|
|
and provides
|
|
real-time visibility into your receivables pipeline.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item loading-animation">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button collapsed" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo"
|
|
aria-expanded="false" aria-controls="flush-collapseTwo">
|
|
Does the module support Odoo 18 Community Edition?
|
|
</button>
|
|
</h2>
|
|
<div id="flush-collapseTwo" class="accordion-collapse collapse"
|
|
data-bs-parent="#accordionFlushExample">
|
|
<div class="accordion-body">
|
|
<p>Yes, our module is fully compatible with Odoo 18 Community Edition and
|
|
provides seamless
|
|
integration with all core functionalities.</p>
|
|
|
|
<div class="feature-highlight">
|
|
<strong>Compatibility Details:</strong>
|
|
<ul style="margin-bottom: 0; margin-top: 0.5rem;">
|
|
<li>Odoo 18 Community Edition</li>
|
|
<li>Odoo 18 Enterprise Edition</li>
|
|
<li>Multi-company support</li>
|
|
<li>Multi-currency support</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p>For the latest updates and design examples, please check our <a
|
|
href="https://codepen.io/Gaurav-Rana-the-reactor">CodePen
|
|
portfolio</a> for more
|
|
innovative solutions.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item loading-animation">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button collapsed" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#flush-collapseThree"
|
|
aria-expanded="false" aria-controls="flush-collapseThree">
|
|
How does this module assist with customer follow-ups?
|
|
</button>
|
|
</h2>
|
|
<div id="flush-collapseThree" class="accordion-collapse collapse"
|
|
data-bs-parent="#accordionFlushExample">
|
|
<div class="accordion-body">
|
|
<p>Our intelligent follow-up system automates customer communications and
|
|
helps maintain
|
|
healthy cash flow through systematic engagement.</p>
|
|
|
|
<div class="feature-highlight">
|
|
<strong>Follow-up Features:</strong>
|
|
<ul style="margin-bottom: 0; margin-top: 0.5rem;">
|
|
<li>Automated reminder schedules</li>
|
|
<li>Customizable email templates</li>
|
|
<li>SMS integration capabilities</li>
|
|
<li>Activity tracking and reporting</li>
|
|
<li>Escalation workflows</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p>The system intelligently prioritizes follow-ups based on amount, customer
|
|
history, and
|
|
payment patterns. Explore our <a
|
|
href="https://codepen.io/Gaurav-Rana-the-reactor">latest design
|
|
implementations</a>
|
|
for more advanced features.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="latest-release" role="tabpanel">
|
|
<div class="p-3 py-md-5">
|
|
<h2 class="mainhead text-center mb-4">Latest <span>Releases</span></h2>
|
|
<div class="changelog">
|
|
<div class="release-item">
|
|
<div class="release-header">
|
|
<div class="version">Latest Release 18.0.2.0.4</div>
|
|
<div class="badge fix">Fix</div>
|
|
<div class="date">
|
|
<i class="far fa-calendar"></i>
|
|
21nd April, 2025
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="feature-item p-3">
|
|
<!-- <div class="feature-icon"></div> -->
|
|
<div class="feature-text">Fixed qifparse external dependency (python) issue.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="release-item">
|
|
<div class="release-header">
|
|
<div class="version">Latest Release 18.0.1.0.1</div>
|
|
<div class="badge update">Update</div>
|
|
<div class="date">
|
|
<i class="far fa-calendar"></i>
|
|
22nd October, 2024
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="feature-item p-3">
|
|
<!-- <div class="feature-icon"></div> -->
|
|
<div class="feature-text">Added reconciliation widget and lock date</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="release-item">
|
|
<div class="release-header">
|
|
<div class="version">Latest Release 18.0.1.0.0</div>
|
|
<div class="badge add">Add</div>
|
|
<div class="date">
|
|
<i class="far fa-calendar"></i>
|
|
25th September, 2024
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="feature-item p-3">
|
|
<!-- <div class="feature-icon"></div> -->
|
|
<div class="feature-text">Initial Commit</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="release-item">
|
|
<div class="release-header">
|
|
<div class="version">Latest Release 18.0.2.0.4</div>
|
|
<div class="badge fix">Fix</div>
|
|
<div class="date">
|
|
<i class="far fa-calendar"></i>
|
|
21nd April, 2025
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="feature-item p-3">
|
|
<!-- <div class="feature-icon"></div> -->
|
|
<div class="feature-text">Fixed qifparse external dependency (python) issue.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="release-item">
|
|
<div class="release-header">
|
|
<div class="version">Latest Release 18.0.1.0.1</div>
|
|
<div class="badge update">Update</div>
|
|
<div class="date">
|
|
<i class="far fa-calendar"></i>
|
|
22nd October, 2024
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="feature-item p-3">
|
|
<!-- <div class="feature-icon"></div> -->
|
|
<div class="feature-text">Added reconciliation widget and lock date</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="release-item">
|
|
<div class="release-header">
|
|
<div class="version">Latest Release 18.0.1.0.0</div>
|
|
<div class="badge add">Add</div>
|
|
<div class="date">
|
|
<i class="far fa-calendar"></i>
|
|
25th September, 2024
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="feature-item p-3">
|
|
<!-- <div class="feature-icon"></div> -->
|
|
<div class="feature-text">Initial Commit</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-fluid cmpad py-2 py-md-5">
|
|
<div class="highlights-section">
|
|
|
|
<h2 class="mainhead text-center">Our <span>Services</span></h2>
|
|
|
|
<div class="highlights-grid">
|
|
<!-- Financial Reports Card -->
|
|
<div
|
|
class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Customer Follow-ups Card -->
|
|
<div
|
|
class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Manage Customer Follow-Ups</h3>
|
|
<p class="card-description">Streamlined customer relationship management with automated follow-up
|
|
systems.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Invoice Copies Card -->
|
|
<div
|
|
class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Multiple Invoice Copies Option</h3>
|
|
<p class="card-description">Flexible invoice generation system with multiple copy management
|
|
capabilities.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Accounting Lock Dates Card -->
|
|
<div
|
|
class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Accounting Lock Dates</h3>
|
|
<p class="card-description">Secure accounting periods with advanced date locking mechanisms for data
|
|
integrity.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Financial Reports Card -->
|
|
<div
|
|
class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Customer Follow-ups Card -->
|
|
<div
|
|
class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center">
|
|
|
|
<div class="card-icon">
|
|
<svg class="icon-svg" viewBox="0 0 24 24">
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title">Manage Customer Follow-Ups</h3>
|
|
<p class="card-description">Streamlined customer relationship management with automated follow-up
|
|
systems.</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid cmpad py-2 py-md-5">
|
|
<div class="highlights-section">
|
|
|
|
<h2 class="mainhead text-center">Related <span>Modules</span></h2>
|
|
|
|
<div class="highlights-grid">
|
|
<!-- Financial Reports Card -->
|
|
<div class="highlight-card p-4">
|
|
|
|
|
|
<div class="card-image">
|
|
<img src="./assets/temp.jpg" alt="">
|
|
</div>
|
|
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
<div class="highlight-card p-4">
|
|
|
|
|
|
<div class="card-image">
|
|
<img src="./assets/temp.jpg" alt="">
|
|
</div>
|
|
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
<div class="highlight-card p-4">
|
|
|
|
|
|
<div class="card-image">
|
|
<img src="./assets/temp.jpg" alt="">
|
|
</div>
|
|
|
|
<h3 class="card-title">All Financial Reports</h3>
|
|
<p class="card-description">Comprehensive financial reporting system with real-time data and
|
|
analytics.</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
function copyLink() {
|
|
// Copy current page URL
|
|
navigator.clipboard.writeText(window.location.href).then(() => {
|
|
// Show tooltip
|
|
const tooltip = document.getElementById("blogTooltip");
|
|
tooltip.style.opacity = "1";
|
|
|
|
// Hide after 2 seconds
|
|
setTimeout(() => {
|
|
tooltip.style.opacity = "0";
|
|
}, 2000);
|
|
}).catch(err => {
|
|
console.error("Failed to copy: ", err);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</html>
|