|
Server : LiteSpeed System : Linux terra.hostitbro.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : outerorb ( 1091) PHP Version : 8.1.34 Disable Function : mail Directory : /home2/outerorb/dev.outerorbittech.com/new/ | |
|
Path: //home2/outerorb/dev.outerorbittech.com/new/category.php
Size: 27.95 KB
Permissions: 0644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<?php include 'headerlink.php'; ?>
<?php include 'header.php'; ?>
<?php include 'menu.php'; ?>
<link rel="icon" href="designer/images/favicon.png">
<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=Inter:wght@300;400;600;700;900&display=swap" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/swiper.min.css" rel="stylesheet" type="text/css">
<link href="css/jquery.fancybox.min.css" rel="stylesheet">
<link href="css/themes.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/css/intlTelInput.css">
<link href="css/style.css" rel="stylesheet">
<script src="js/jquery-min.js"></script>
<script>
setTimeout(function(){
$.getScript("https://www.google.com/recaptcha/api.js")
}, 100);
</script>
<!-about us section link--->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<section class="inner-banner"
style="background: url('img/cat_one.jpg') center center/cover no-repeat;
position: relative; padding: 100px 0; text-align: center;">
<div style="background: rgba(0,0,0,0.5); position: absolute; inset: 0;"></div>
<div style="position: relative; z-index: 2;">
<h1 style="color: #fff; font-size: 42px; font-weight: 700;
text-transform: capitalize;">Data Entry Work</h1>
</div>
</section>
<!-- Breadcrumb Section -->
<div class="breadcrumb-wrapper" style="background: #fff; border-bottom: 1px solid #eee; padding: 15px 0;">
<div class="container" style="max-width: 1200px; margin: auto; font-family: Arial, sans-serif;">
<ul style="list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; font-size: 15px;">
<li><a href="index.htm" style="color: #000; text-decoration: none;">HOME</a></li>
<li style="margin: 0 8px;">/</li>
<li><a href="#" style="color: #000; text-decoration: none;">Customer Service</a></li>
<li style="margin: 0 8px;">/</li>
<li style="color: #ff7a00; font-weight: 600;">Data Entry Work</li>
</ul>
</div>
</div>
<section class="mt-5">
<div class="container">
<div class="row">
<div class="small-title-box">
<style>
img {
max-width: 100%;
}
.float-img {
float: right;
width: 100%;
margin-left: 20px;
margin-bottom: 20px;
max-width: 500px;
}
</style>
<div class="content-bx">
<div class="float-img">
<img
src="img/cat.png"
alt=""
/>
</div>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod,
optio laudantium in numquam alias, maiores quisquam beatae deleniti,
minima molestias mollitia expedita culpa nemo molestiae ea voluptas
praesentium deserunt officia architecto. Ut quidem deserunt, ipsa vel
rem incidunt illo omnis repudiandae, amet impedit dolores atque eaque a
quia veniam.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod,
optio laudantium in numquam alias, maiores quisquam beatae deleniti,
minima molestias mollitia expedita culpa nemo molestiae ea voluptas
praesentium deserunt officia architecto. Ut quidem deserunt, ipsa vel
rem incidunt illo omnis repudiandae, amet impedit dolores atque eaque a
quia veniam.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod,
optio laudantium in numquam alias, maiores quisquam beatae deleniti,
minima molestias mollitia expedita culpa nemo molestiae ea voluptas
praesentium deserunt officia architecto. Ut quidem deserunt, ipsa vel
rem incidunt illo omnis repudiandae, amet impedit dolores atque eaque a
quia veniam.
</p>
<h2>India's Most Trsuted & Leading Printing Machine Manufacturer</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde eius esse
libero ipsa asperiores veniam, mollitia repellat enim quasi labore
nostrum voluptatibus tempora quam quod delectus illo. Molestias
consequuntur, eius provident in repudiandae beatae quisquam quae ducimus
recusandae veritatis odit perspiciatis nam illo, sequi quas quasi soluta
rerum amet. Animi velit ipsam quis at hic harum iste doloribus numquam
cum, in beatae, possimus nobis! Provident quas quam, recusandae expedita
quos, debitis labore repudiandae dolor odio facilis illo? Quasi ullam
aperiam nam magnam, quibusdam, ad numquam accusamus iusto eveniet
praesentium ut ipsum ab repudiandae. Enim illo sed quia animi! Autem,
est!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur in
mollitia illo, excepturi ab et doloribus esse nostrum molestias quisquam
voluptates a eos sint, placeat suscipit? Consequuntur et dignissimos
perspiciatis placeat sit tenetur at sunt porro, suscipit distinctio
voluptatibus omnis dolore unde aliquam. Autem culpa dicta ipsum, earum
magnam libero Lorem ipsum dolor sit amet consectetur adipisicing elit.
Et, quam!
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod,
optio laudantium in numquam alias, maiores quisquam beatae deleniti,
minima molestias mollitia expedita culpa nemo molestiae ea voluptas
praesentium deserunt officia architecto. Ut quidem deserunt, ipsa vel
rem incidunt illo omnis repudiandae, amet impedit dolores atque eaque a
quia veniam.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod,
optio laudantium in numquam alias, maiores quisquam beatae deleniti,
minima molestias mollitia expedita culpa nemo molestiae ea voluptas
praesentium deserunt officia architecto. Ut quidem deserunt, ipsa vel
rem incidunt illo omnis repudiandae, amet impedit dolores atque eaque a
quia veniam.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod,
optio laudantium in numquam alias, maiores quisquam beatae deleniti,
minima molestias mollitia expedita culpa nemo molestiae ea voluptas
praesentium deserunt officia architecto. Ut quidem deserunt, ipsa vel
rem incidunt illo omnis repudiandae, amet impedit dolores atque eaque a
quia veniam.
</p>
<h2>India's Most Trsuted & Leading Printing Machine Manufacturer</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde eius esse
libero ipsa asperiores veniam, mollitia repellat enim quasi labore
nostrum voluptatibus tempora quam quod delectus illo. Molestias
consequuntur, eius provident in repudiandae beatae quisquam quae ducimus
recusandae veritatis odit perspiciatis nam illo, sequi quas quasi soluta
rerum amet. Animi velit ipsam quis at hic harum iste doloribus numquam
cum, in beatae, possimus nobis! Provident quas quam, recusandae expedita
quos, debitis labore repudiandae dolor odio facilis illo? Quasi ullam
aperiam nam magnam, quibusdam, ad numquam accusamus iusto eveniet
praesentium ut ipsum ab repudiandae. Enim illo sed quia animi! Autem,
est!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur in
mollitia illo, excepturi ab et doloribus esse nostrum molestias quisquam
voluptates a eos sint, placeat suscipit? Consequuntur et dignissimos
perspiciatis placeat sit tenetur at sunt porro, suscipit distinctio
voluptatibus omnis dolore unde aliquam. Autem culpa dicta ipsum, earum
magnam libero Lorem ipsum dolor sit amet consectetur adipisicing elit.
Et, quam!
</p>
</div>
</div>
</div>
</section>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.service-section {
padding: 80px 0;
background-color: #ffffff;
}
.section-title {
text-align: center;
font-size: 3rem;
font-weight: bold;
margin-bottom: 60px;
letter-spacing: 1px;
}
.service-card {
padding: 30px;
margin-bottom: 40px;
transition: transform 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
}
.service-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
}
.service-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 15px;
color: #000;
}
.service-description {
font-size: 1rem;
line-height: 1.6;
color: #333;
}
.cxm-link {
color: #007bff;
text-decoration: none;
}
.cxm-link:hover {
text-decoration: underline;
}
.icon-circle {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.icon-escalation {
fill: none;
stroke: #4169E1;
stroke-width: 3;
}
.icon-revenue {
fill: none;
stroke: #4169E1;
stroke-width: 2.5;
}
.icon-loyalty {
fill: none;
stroke: #4169E1;
stroke-width: 2.5;
}
.icon-retention {
fill: none;
stroke: #4169E1;
stroke-width: 2.5;
}
</style>
<section class="service-section">
<div class="container-fluid">
<h1 class="section-title" style="color: black;">SERVICE OFFERING</h1>
<div class="row">
<!-- Escalation Handling -->
<div class="col-md-6">
<div class="service-card">
<div class="d-flex align-items-start">
<div class="icon-circle me-3">
<svg class="service-icon" viewBox="0 0 70 70">
<path class="icon-escalation" d="M 15 45 L 30 25 L 45 35 L 55 15" stroke-linecap="round" stroke-linejoin="round"/>
<circle class="icon-escalation" cx="55" cy="15" r="8"/>
</svg>
</div>
<div>
<h3 class="service-title">Escalation Handling</h3>
<p class="service-description">
Using advanced CXM solutions, we address escalated concerns promptly, ensuring issues turn out well to customer satisfaction and strengthening brand trust.
</p>
</div>
</div>
</div>
</div>
<!-- Revenue Management -->
<div class="col-md-6">
<div class="service-card">
<div class="d-flex align-items-start">
<div class="icon-circle me-3">
<svg class="service-icon" viewBox="0 0 70 70">
<circle class="icon-revenue" cx="35" cy="30" r="15"/>
<path class="icon-revenue" d="M 35 15 L 35 45" stroke-linecap="round"/>
<path class="icon-revenue" d="M 30 20 Q 35 15 40 20" fill="none"/>
<path class="icon-revenue" d="M 30 40 Q 35 45 40 40" fill="none"/>
<ellipse class="icon-revenue" cx="35" cy="55" rx="25" ry="5"/>
</svg>
</div>
<div>
<h3 class="service-title">Revenue Management</h3>
<p class="service-description">
Implementing sophisticated <a href="#" class="cxm-link">CXM solutions</a>, we optimize pricing and sales strategies, ensuring your revenue streams align with ever-evolving customer needs and market demands.
</p>
</div>
</div>
</div>
</div>
<!-- Customer Loyalty Management -->
<div class="col-md-6">
<div class="service-card">
<div class="d-flex align-items-start">
<div class="icon-circle me-3">
<svg class="service-icon" viewBox="0 0 70 70">
<circle class="icon-loyalty" cx="35" cy="25" r="8"/>
<path class="icon-loyalty" d="M 25 33 L 25 50 M 45 33 L 45 50" stroke-linecap="round"/>
<path class="icon-loyalty" d="M 20 50 L 50 50" stroke-linecap="round"/>
<path class="icon-loyalty" d="M 28 40 L 32 44 L 42 34" stroke-linecap="round"/>
</svg>
</div>
<div>
<h3 class="service-title">Customer Loyalty Management</h3>
<p class="service-description">
Harness the power of our customer experience solutions to cultivate and enhance customer loyalty, driving repeated business and fostering brand advocates.
</p>
</div>
</div>
</div>
</div>
<!-- Customer Retention -->
<div class="col-md-6">
<div class="service-card">
<div class="d-flex align-items-start">
<div class="icon-circle me-3">
<svg class="service-icon" viewBox="0 0 70 70">
<circle class="icon-retention" cx="35" cy="25" r="10"/>
<path class="icon-retention" d="M 45 25 Q 50 40 35 55 Q 20 40 25 25" stroke-linecap="round"/>
<circle class="icon-retention" cx="35" cy="25" r="4" fill="#4169E1"/>
</svg>
</div>
<div>
<h3 class="service-title">Customer Retention</h3>
<p class="service-description">
With our customer experience management services, we strategize to retain your valuable customers, minimizing churn and maximizing long-term business relationships.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
/*body {*/
/* font-family: 'Arial', sans-serif;*/
/* margin: 0;*/
/* padding: 0;*/
/*}*/
.cx-factor-section {
background: linear-gradient(rgba(40, 40, 40, 0.85), rgba(40, 40, 40, 0.85)),
url('https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=1920&h=600&fit=crop') center/cover;
padding: 50px 0;
color: white;
position: relative;
}
.section-title {
text-align: center;
font-size: 3rem;
font-weight: 700;
margin-bottom: 50px;
letter-spacing: 1px;
color: #ffffff;
}
.factor-container {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.factor-item {
display: flex;
align-items: center;
gap: 25px;
padding: 20px;
min-width: 300px;
}
.factor-icon-wrapper {
flex-shrink: 0;
}
.factor-icon {
width: 70px;
height: 70px;
}
.icon-cyan {
fill: none;
stroke: #00D4FF;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.factor-content {
text-align: left;
}
.factor-title {
font-size: 1.4rem;
font-weight: 600;
margin: 0;
line-height: 1.3;
color: #ffffff;
}
.factor-subtitle {
font-size: 1.4rem;
font-weight: 600;
margin: 0;
line-height: 1.3;
color: #ffffff;
}
.get-in-touch {
background-color: #ffffff;
padding: 40px 0;
text-align: center;
}
.get-in-touch h2 {
font-size: 2.5rem;
font-weight: 700;
color: #000;
letter-spacing: 1px;
margin: 0;
}
@media (max-width: 768px) {
.factor-container {
flex-direction: column;
}
.factor-item {
justify-content: center;
margin-bottom: 30px;
}
.section-title {
font-size: 2.5rem;
}
}
</style>
<!-- CX-Factor Section -->
<section class="cx-factor-section" style="padding: 40px 0;"> <!-- pehle agar 80px tha to half kar diya -->
<div class="container">
<h1 class="section-title" style="font-size: 30px; margin-bottom: 25px;">
THE Outer Orbit Technologies
</h1>
<div class="factor-container" style="display: flex; justify-content: center; gap: 25px; flex-wrap: wrap;">
<!-- 20+ Years of Experience -->
<div class="factor-item" style="text-align: center;">
<div class="factor-icon-wrapper" style="width: 60px; height: 60px; margin: 0 auto;">
<svg class="factor-icon" viewBox="0 0 70 70" width="60" height="60">
<circle class="icon-cyan" cx="35" cy="30" r="18" stroke-width="2.5"/>
<path class="icon-cyan" d="M 28 48 L 24 62 L 35 57 L 46 62 L 42 48" stroke-width="2.5"/>
<circle class="icon-cyan" cx="35" cy="30" r="12" stroke-width="2"/>
<path class="icon-cyan" d="M 31 30 L 33 35 L 38 35 L 34 38 L 35 43 L 31 40 L 27 43 L 28 38 L 24 35 L 29 35 Z" fill="#00D4FF" stroke="none"/>
</svg>
</div>
<div class="factor-content" style="margin-top: 8px;">
<div class="factor-title" style="font-size: 16px;">20+ Years of</div>
<div class="factor-subtitle" style="font-size: 14px;">Experience</div>
</div>
</div>
<!-- 40 Locations -->
<div class="factor-item" style="text-align: center;">
<div class="factor-icon-wrapper" style="width: 60px; height: 60px; margin: 0 auto;">
<svg class="factor-icon" viewBox="0 0 70 70" width="60" height="60">
<path class="icon-cyan" d="M 35 12 C 26 12 19 19 19 28 C 19 40 35 58 35 58 C 35 58 51 40 51 28 C 51 19 44 12 35 12 Z" stroke-width="2.5"/>
<circle class="icon-cyan" cx="35" cy="28" r="7" stroke-width="2.5"/>
</svg>
</div>
<div class="factor-content" style="margin-top: 8px;">
<div class="factor-title" style="font-size: 16px;">40 Locations,</div>
<div class="factor-subtitle" style="font-size: 14px;">15 Countries</div>
<div class="factor-subtitle" style="font-size: 14px;">28 Languages</div>
</div>
</div>
<!-- Report and Analysis -->
<div class="factor-item" style="text-align: center;">
<div class="factor-icon-wrapper" style="width: 60px; height: 60px; margin: 0 auto;">
<svg class="factor-icon" viewBox="0 0 70 70" width="60" height="60">
<rect class="icon-cyan" x="20" y="10" width="30" height="50" rx="2" stroke-width="2.5"/>
<line class="icon-cyan" x1="25" y1="20" x2="45" y2="20" stroke-width="2.5"/>
<line class="icon-cyan" x1="25" y1="28" x2="38" y2="28" stroke-width="2.5"/>
<rect class="icon-cyan" x="25" y="42" width="5" height="12" stroke-width="2"/>
<rect class="icon-cyan" x="33" y="37" width="5" height="17" stroke-width="2"/>
<rect class="icon-cyan" x="41" y="34" width="5" height="20" stroke-width="2"/>
</svg>
</div>
<div class="factor-content" style="margin-top: 8px;">
<div class="factor-title" style="font-size: 16px;">Report and</div>
<div class="factor-subtitle" style="font-size: 14px;">Analysis</div>
</div>
</div>
</div>
</div>
</section>
<section class="faq-area" style="padding:60px 0;background:#f8f9ff;">
<div class="container" style="max-width:900px;margin:auto;">
<h2 style="text-align:center;color:#14176c;font-weight:700;margin-bottom:40px;">
Frequently Asked Questions
</h2>
<div class="faq-boxs">
<!-- Single FAQ -->
<div class="faq-item" >
<button class="faq-question" style="background-color: #113861;
color: white;">
What is eCommerce development?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<p>
eCommerce development involves building online stores where customers
can browse, choose, and purchase products easily and securely.
</p>
</div>
</div>
<!-- Single FAQ -->
<div class="faq-item">
<button class="faq-question" >
How long does it take to build an eCommerce site?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<p>
Usually between 2–6 weeks depending on features, product count, and design complexity.
</p>
</div>
</div>
<!-- Single FAQ -->
<div class="faq-item">
<button class="faq-question">
Do you provide website maintenance?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<p>
Yes, we provide monthly and yearly maintenance packages including updates, backups, and security checks.
</p>
</div>
</div>
<!-- Single FAQ -->
<div class="faq-item">
<button class="faq-question">
Will my website be mobile friendly?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<p>
Absolutely! Every website we build is fully responsive on mobile, tablet, and desktop.
</p>
</div>
</div>
</div>
</div>
</section>
<style>
.faq-boxs {
width: 100%;
}
/* Question Button */
.faq-question {
width: 100%;
padding: 18px 20px;
background: #fff;
border: 1px solid #dcdcdc;
font-size: 18px;
color: #14176c;
font-weight: 600;
cursor: pointer;
text-align: left;
position: relative;
border-radius: 8px;
transition: 0.3s;
}
.faq-question:hover {
background: #eef1ff;
}
.faq-area {
/*position: relative !important;*/
margin-top: 80px !important;
display: block !important;
z-index: 1 !important;
}
/* Plus Icon */
.faq-icon {
position: absolute;
right: 20px;
font-size: 22px;
font-weight: bold;
transition: transform 0.3s;
}
/* Answer box */
.faq-answer {
max-height: 0;
overflow: hidden;
background: #fff;
border-left: 3px solid #14176c;
margin-bottom: 18px;
border-radius: 0 0 8px 8px;
transition: max-height 0.4s ease;
}
.faq-answer p {
padding: 15px 20px;
font-size: 16px;
margin: 0;
color: #333;
}
.faq-item.active .faq-answer {
max-height: 300px;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
</style>
<script>
document.querySelectorAll('.faq-item').forEach(item => {
item.querySelector('.faq-question').addEventListener('click', () => {
// Close others
document.querySelectorAll('.faq-item').forEach(i => {
if (i !== item) i.classList.remove('active');
});
// Toggle current
item.classList.toggle('active');
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<?php include 'footer.php'; ?>
<!-- JS Scripts -->
<!--<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"-->
<!-- integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"-->
<!-- crossorigin="anonymous"></script>-->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"-->
<!-- integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"-->
<!-- crossorigin="anonymous"></script>-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
crossorigin="anonymous"></script>
<!-- Local JS -->
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery-fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/intlTelInput-jquery.min.js"></script>
<script src="js/themes.js"></script>
</body>
</html>