<!DOCTYPE html>
<html lang="en">
<head>
<title>Privacy Policy - Safeguarding Your Data with Manajing | Manajing</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Read Manajing's Privacy Policy to understand how we protect and manage your personal information. Learn about our terms and how we ensure your data security while using our services.">
<meta property="og:description" content="Read Manajing's Privacy Policy to understand how we protect and manage your personal information. Learn about our terms and how we ensure your data security while using our services." />
<meta name="keywords" content="Manajing privacy policy, data protection, user privacy, information security, terms of use">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@teachjing" />
<meta name="og:title" content="Privacy Policy - Safeguarding Your Data with Manajing" />
<meta name="twitter:title" content="Privacy Policy - Safeguarding Your Data with Manajing" />
<meta property="og:type" content="website" />
<meta name="og:image" content="/images/privacy/privacy-policy-header.jpg" />
<meta name="twitter:image" content="/images/privacy/privacy-policy-header.jpg" />
<meta name="twitter:creator" content="@teachjing" />
<link rel="canonical" href="http://www.manajing.com/pages/privacy/old" />
<!--<link href="/vendor/bootstrap/bootstrap.min.css" rel="stylesheet" />-->
<!-- Import CSS Box Icons -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="/vendor/phosphor-icons/css/phosphor.css" rel="stylesheet" />
<link href="/vendor/magnific-popup/magnific-popup.css" rel="stylesheet" />
<!--<link href="/vendor/microsoft/ms-login.css" rel="stylesheet" />--><link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/images/teachjing_head_small.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="/images/teachjing_head_small.png">
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
<!--<script src="https://unpkg.com/@microsoft/mgt@3/dist/bundle/mgt-loader.js"></script>-->
<link rel="stylesheet" href="/css/theme.css" />
<link href="/css/manajing.css" rel="stylesheet" crossorigin="anonymous">
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KVNNBCHN');</script>
<!-- End Google Tag Manager -->
</head>
<style>
/* Render blocking to keep the page blank until css is injected */
.mds{
visibility: hidden;
}
</style>
<!--
<mds-set-theme theme="manajing"></mds-theme>
-->
<style>
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
:root {
--header-bg-color: #fff;
}
.dark-mode {
--header-bg-color: #1c1c24;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background-color: var(--header-bg-color);
}
</style>
<header>
<nav
class="navbar navbar-expand-lg position-fixed w-100 zindex-dropdown"
id="mainnavigationBar"
>
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/images/manajing-logo-dark.png" alt="Nav-Logo" style="max-width:180px;"/>
</a>
<!--
<mds-select-mode style="margin-left:20px;"></mds-select-mode>
-->
<div class="dark-mode-toggle dark-light" style="margin-left:20px;">
<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" />
</svg>
</div>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-default">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<line
x1="3.5"
y1="5.5"
x2="21.5"
y2="5.5"
stroke="#FFFFFF"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<line
x1="4.5"
y1="12.5"
x2="21.5"
y2="12.5"
stroke="#FFFFFF"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<line
x1="11.5"
y1="19.5"
x2="21.5"
y2="19.5"
stroke="#FFFFFF"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</span>
<span class="navbar-toggler-toggled">
<svg
width="20"
height="20"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<line
x1="3.5"
y1="5.5"
x2="21.5"
y2="5.5"
stroke="#FFFFFF"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<line
x1="4.5"
y1="12.5"
x2="21.5"
y2="12.5"
stroke="#FFFFFF"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<line
x1="11.5"
y1="19.5"
x2="21.5"
y2="19.5"
stroke="#FFFFFF"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</span>
</button>
<div class="nav-item">
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<style>
:root {
--pagefind-ui-primary: #eeeeee;
--pagefind-ui-text: #eeeeee;
--pagefind-ui-background: #152028;
--pagefind-ui-border: #152028;
--pagefind-ui-tag: #152028;
--pagefind-ui-scale: .6;
}
.pagefind-ui__search-input {
height : calc(10px * var(--pagefind-ui-scale))
}
.pagefind-ui__drawer {
position: absolute;
background: var(--background-primary);
width: 600px;
}
</style>
<div id="search" class="search"></div>
<script src="/pagefind/pagefind-ui.js" onload="
new PagefindUI({ element: '#search', showImages: false });">
</script>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-20 mb-lg-0">
<li class="nav-item dropdown" style="border-radius: 0px">
<!-- Highlights button if selected -->
<a class="nav-link " href="/explorer/solutions">Solutions</a>
</li>
<li class="nav-item dropdown" style="border-radius: 0px">
<a
class="nav-link dropdown-link "
href="/explorer/services"
id="navbarDropdown"
role="button"
aria-expanded="false"
>Services</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li>
<a
class="dropdown-item"
href="/pages/services/co-managed-services/"
>
Co-Managed Services
</a>
<p class="dropdown-item-subtitle text-color-dark-80 text-size-small hide-tablet">We take care of configuring and manage advanced configuration, while you use it.</p>
</li>
<li>
<a
class="dropdown-item"
href="/pages/services/managed-services/"
>
Managed Services
</a>
<p class="dropdown-item-subtitle text-color-dark-80 text-size-small hide-tablet">We manage configuration, updates, optimization, operations, and maintanence</p>
</li>
<li>
<a
class="dropdown-item"
href="/pages/services/expert-services/"
>
Expert Services
</a>
<p class="dropdown-item-subtitle text-color-dark-80 text-size-small hide-tablet">Whether its adding automation and integration or building out a new custom connector. We got you covered!</p>
</li>
<li>
<a
class="dropdown-item"
href="https://outlook.office365.com/owa/calendar/[email protected]/bookings/"
target="_blank"
>
Free Consultation
</a>
<p class="dropdown-item-subtitle text-color-dark-80 text-size-small hide-tablet">Book a free consultation to see where we can help modernize your security operations</p>
</li>
</ul>
</li>
<li class="nav-item dropdown" style="border-radius: 0px">
<!-- Highlights button if selected -->
<a class="nav-link " href="/resources/">Resources</a>
</li>
<li class="nav-item dropdown" style="border-radius: 0px">
<a
class="nav-link dropdown-link "
href="/pages/about/"
id="navbarDropdown"
role="button"
aria-expanded="false"
>Company</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li>
<a
class="dropdown-item"
href="/pages/about"
>
About
</a>
</li>
<li>
<a
class="dropdown-item"
href="/pages/careers"
>
Careers
</a>
</li>
<li>
<a
class="dropdown-item"
href="/pages/privacy"
>
Terms & Privacy
</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- Call to action buttons on top right -->
<div class="d-none d-lg-block">
<div class="nav-item">
<!--<a href="/pages/contact/" class="btn btn-sm btn-primary btn-demo">Login</a>-->
<a href="/pages/contact/" class="btn btn-sm nav-btn">Contact Us</a>
<!--<mgt-login class="btn ms-login"/>-->
</div>
</div>
</div>
</nav>
</header>
<!--
<script src="https://unpkg.com/@microsoft/mgt@3/dist/bundle/mgt-loader.js"></script>
<mgt-msal2-provider login-type="popup" client-id="cd7f4ff1-17d8-47cc-89e2-0414febee03f"></mgt-msal2-provider>
-->
<body class="dark-mode">
<style>
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bs-example{
margin: 10px;
}
.modal-dialog {
top: 25%;
}
.modal-dialog iframe{
margin: 0 auto;
display: block;
}
.modal-content {
background-color: var(--foreground-primary);
}
.modal.fade.zoom:not(.show) .modal-dialog {
transform: scale(0.2);
}
/*.modal {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background
transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease, opacity 0.3s ease; /* CSS transition for smooth animation
z-index: 9999;
}*/
</style>
<!-- Modal HTML -->
<div id="myModal" class="modal fade zoom">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 id='video-title' class="modal-title" style="color:var(--body-color);"></h5>
<button type="button" class="btn close" data-dismiss="modal" style="color:var(--body-color); background-color:var(--theme-bg-color); position:absolute; right:1px;">×</button>
</div>
<div class="modal-body">
<div class="embed-responsive embed-responsive-16by9 embed-container">
<iframe id="video" width="560" height="315" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<!--<iframe id="cartoonVideo" class="embed-responsive-item" width="100%" height="315" src="//www.youtube.com/embed/YE7VzlLtp-4" allowfullscreen></iframe>-->
</div>
</div>
</div>
</div>
</div>
<script>
function onDocumentReady() {
/* Get iframe src attribute value i.e. YouTube video url
and store it in a variable */
var url = $("#cartoonVideo").attr('src');
/* Assign empty url value to the iframe src attribute when
modal hide, which stop the video playing */
$("#myModal").on('hide.bs.modal', function(){
console.log("hiding")
$("#video").attr('src', '');
});
/* Assign the initially stored url back to the iframe src
attribute when modal is displayed again */
$("#myModal").on('show.bs.modal', function(event){
const url = $(event.relatedTarget).data('url');
$("#video").attr('src', url);
const title = $(event.relatedTarget).data('title');
document.getElementById("video-title").textContent = title;
});
}
</script>
<!--bookshop-live meta(version: "3.3.3" ) -->
<!--bookshop-live name(page) params(content_blocks: content_blocks) context() --><main>
<!--bookshop-live name(privacy/hero) params(bind: block) context(block: content_blocks[0]) --><section class="privacy-hero">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="privacy-hero-content text-center">
<h1>Terms & Conditions</h1>
</div>
</div>
</div>
</div>
</section>
<!--bookshop-live end-->
<!--bookshop-live name(privacy/privacy) params(bind: block) context(block: content_blocks[1]) --><section class="privacy">
<div class="container">
<div class="row">
<div class="privacy-wrapper">
<div class="col-lg-7 mx-auto">
<div
data-bs-spy="scroll"
data-bs-target="#navbar-example2"
data-bs-offset="0"
class="scrollspy-example"
tabindex="0"
>
<div class="privacy-items" id="item1">
<div class="card">
<h3 class="sub-title">Manajing Terms And Conditions</h3>
<div class="card-body">
<div class="card-text">1. Acceptance of the Terms of Use
These terms of use are entered into by and between you and ManaJing ("Company," "we," or "us"). The following terms and conditions, together with any documents they expressly incorporate by reference (collectively, "Terms of Use"), govern your access to and use of ManaJing.com, including any content, functionality, and services offered on or through ManaJing.com (the "Website"), whether as a guest or a registered user.
Please read the Terms of Use carefully before you start to use the Website. By using the Website, you accept and agree to be bound and abide by these Terms of Use[ and our Privacy Policy, found at [PRIVACY POLICY URL], incorporated herein by reference. If you do not want to agree to these Terms of Use or the Privacy Policy, you must not access or use the Website.
This Website is offered and available to users who 18 years of age or older and reside in the United States or any of its territories or possessions. By using this Website, you represent and warrant that you are of legal age to form a binding contract with the Company and meet all of the foregoing eligibility requirements. If you do not meet all of these requirements, you must not access or use the Website.
</div>
</div>
</div>
</div>
<div class="privacy-items" id="item2">
<div class="card">
<h3 class="sub-title">Changes to the Terms of Use</h3>
<div class="card-body">
<div class="card-text">We may revise and update these Terms of Use from time to time in our sole discretion. All changes are effective immediately when we post them, and apply to all access to and use of the Website thereafter. However, any changes to the dispute resolution provisions set out in Governing Law and Jurisdiction will not apply to any disputes for which the parties have actual notice on or before the date the change is posted on the Website. Your continued use of the Website following the posting of revised Terms of Use means that you accept and agree to the changes. You are expected to check this page each time you access this Website so you are aware of any changes, as they are binding on you.</div>
</div>
</div>
</div>
<div class="privacy-items" id="item3">
<div class="card">
<h3 class="sub-title">Accessing the Website and Account Security</h3>
<div class="card-body">
<div class="card-text">We reserve the right to withdraw or amend this Website, and any service or material we provide on the Website, in our sole discretion without notice. We will not be liable if for any reason all or any part of the Website is unavailable at any time or for any period. From time to time, we may restrict user access, including registered user access, to some parts of the Website or the entire Website. You are responsible for both (a) making all arrangements necessary for you to have access to the Website; and (b) ensuring that all persons who access the Website through your internet connection are aware of these Terms of Use and comply with them. To access the Website or some of the resources it offers, you may be asked to provide certain registration details or other information. It is a condition of your use of the Website that all the information you provide on the Website is correct, current, and complete. You agree that all information you provide to register with this Website or otherwise, including, but not limited to, through the use of any interactive features on the Website, is governed by our Privacy Policy [LINK TO PRIVACY POLICY], and you consent to all actions we take with respect to your information consistent with our Privacy Policy. If you choose, or are provided with, a username, password, or any other piece of information as part of our security procedures, you must treat such information as confidential, and you must not disclose it to any other person or entity. You also acknowledge that your account is personal to you and agree not to provide any other person with access to this Website or portions of it using your username, password, or other security information. You agree to notify us immediately of any unauthorized access to or use of your username or password or any other breach of security. You also agree to ensure that you exit from your account at the end of each session. You should use particular caution when accessing your account from a public or shared computer so that others are not able to view or record your password or other personal information. We have the right to disable any username, password, or other identifier, whether chosen by you or provided by us, at any time [in our sole discretion for any or no reason, including] if, in our opinion, you have violated any provision of these Terms of Use.</div>
</div>
</div>
</div>
<div class="privacy-items" id="item4">
<div class="card">
<h3 class="sub-title">Intellectual Property Rights</h3>
<div class="card-body">
<div class="card-text">The Website and its entire contents, features, and functionality (including but not limited to all information, software, text, displays, images, video, and audio, and the design, selection, and arrangement thereof) are owned by the Company, its licensors, or other providers of such material and are protected by United States and international copyright, trademark, patent, trade secret, and other intellectual property or proprietary rights laws. These Terms of Use permit you to use the Website for your personal, non-commercial use only . You must not reproduce, distribute, modify, create derivative works of, publicly display, publicly perform, republish, download, store, or transmit any of the material on our Website, except as follows : Your computer may temporarily store copies of such materials in RAM incidental to your accessing and viewing those materials. You may store files that are automatically cached by your Web browser for display enhancement purposes. You may print [or download] one copy of a reasonable number of pages of the Website for your own personal, non-commercial use and not for further reproduction, publication, or distribution. If we provide desktop, mobile, or other applications for download, you may download a single copy to your computer or mobile device solely for your own personal, non-commercial use, provided you agree to be bound by our end user license agreement for such applications. If we provide social media features [LINK TO THE WEBSITE AND SOCIAL MEDIA FEATURES] with certain content, you may take such actions as are enabled by such features. You must not: Modify copies of any materials from this site. [Use any illustrations, photographs, video or audio sequences, or any graphics separately from the accompanying text.] Delete or alter any copyright, trademark, or other proprietary rights notices from copies of materials from this site. You must not access or use for any commercial purposes any part of the Website or any services or materials available through the Website. [If you wish to make any use of material on the Website other than that set out in this section, please address your request to: [EMAIL ADDRESS].] If you print, copy, modify, download, or otherwise use or provide any other person with access to any part of the Website in breach of the Terms of Use, your right to use the Website will stop immediately and you must, at our option, return or destroy any copies of the materials you have made. No right, title, or interest in or to the Website or any content on the Website is transferred to you, and all rights not expressly granted are reserved by the Company. Any use of the Website not expressly permitted by these Terms of Use is a breach of these Terms of Use and may violate copyright, trademark, and other laws.</div>
</div>
</div>
</div>
<div class="privacy-items" id="item5">
<div class="card">
<h3 class="sub-title">Trademarks</h3>
<div class="card-body">
<div class="card-text">The Company name, the terms [COMPANY TRADEMARKS], [the Company logo,] and all related names, logos, product and service names, designs, and slogans are trademarks of the Company or its affiliates or licensors. You must not use such marks without the prior written permission of the Company. All other names, logos, product and service names, designs, and slogans on this Website are the trademarks of their respective owners.</div>
</div>
</div>
</div>
<div class="privacy-items" id="item6">
<div class="card">
<h3 class="sub-title">Prohibited Use</h3>
<div class="card-body">
<div class="card-text">You may use the Website only for lawful purposes and in accordance with these Terms of Use. You agree not to use the Website: In any way that violates any applicable federal, state, local, or international law or regulation (including, without limitation, any laws regarding the export of data or software to and from the US or other countries). For the purpose of exploiting, harming, or attempting to exploit or harm minors in any way by exposing them to inappropriate content, asking for personally identifiable information, or otherwise. To send, knowingly receive, upload, download, use, or re-use any material that does not comply with the Content Standards [LINK TO CONTENT STANDARDS] set out in these Terms of Use. To transmit, or procure the sending of, any advertising or promotional material [without our prior written consent], including any "junk mail," "chain letter," "spam," or any other similar solicitation. To impersonate or attempt to impersonate the Company, a Company employee, another user, or any other person or entity (including, without limitation, by using email addresses or screen names associated with any of the foregoing). To engage in any other conduct that restricts or inhibits anyone's use or enjoyment of the Website, or which, as determined by us, may harm the Company or users of the Website, or expose them to liability. Additionally, you agree not to: Use the Website in any manner that could disable, overburden, damage, or impair the site or interfere with any other party's use of the Website, including their ability to engage in real time activities through the Website.</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<nav id="scrol-nav" class="navbar navbar-light privacy-nav">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#item1"
>Manajing Terms And Conditions</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#item2">
Changes to the Terms of Use</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#item3">
Accessing the Website and Account Security</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#item4">
Intellectual Property Rights</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#item5">
Trademarks</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#item6">
Prohibited Use</a
>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</section><!--bookshop-live end-->
</main>
<!--bookshop-live end-->
<footer class="footer pt-xxl-10 pt-4 pb-sm-2 pb-2" id="footer">
<div class="container-fluid">
<div class="footer-wrapper container">
<div class="row" style="justify-content: center;">
<div class="col-6 col-md-3 col-lg-2 order-2">
<div class="social-icon footer-widget">
<h3>Find Us Online</h3>
<ul class="list-unstyled">
<li>
<a href="https://www.facebook.com/" target="_blank"> <i class="ph-facebook-logo" aria-hidden="true"></i><span>Facebook</span></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank"> <i class="ph-instagram-logo" aria-hidden="true"></i><span>Instagram</span></a>
</li>
<li>
<a href="https://twitter.com/teachjing" target="_blank"> <i class="ph-twitter-logo" aria-hidden="true"></i><span>Twitter</span></a>
</li>
<li>
<a href="https://www.github.com/teachjing" target="_blank"> <i class="ph-github-logo" aria-hidden="true"></i><span>GitHub</span></a>
</li>
<li>
<a href="https://www.youtube.com/teachjing" target="_blank"> <i class="ph-youtube-logo" aria-hidden="true"></i><span>YouTube</span></a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 order-1">
<div class="footer-widget">
<h3>Solutions</h3>
<ul class="list-unstyled">
<li>
<a href="/pages/solutions/" >Overview</a>
</li>
<li>
<a href="/pages/solutions/free/" >Free Solutions</a>
</li>
<li>
<a href="/pages/solutions/premium/" >Premium Solutions</a>
</li>
<li>
<a href="/pages/pricing" >Pricing</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 order-1">
<div class="footer-widget">
<h3>Services</h3>
<ul class="list-unstyled">
<li>
<a href="/pages/services/comanaged-services/" >Co-managed Services</a>
</li>
<li>
<a href="/pages/services/managed-services/" >Managed Services</a>
</li>
<li>
<a href="/pages/services/expert-services/" >Expert Services</a>
</li>
<li>
<a href="/pages/services/security-services/" >Security Services</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 order-1">
<div class="footer-widget">
<h3>Company</h3>
<ul class="list-unstyled">
<li>
<a href="/pages/blog" >Blog</a>
</li>
<li>
<a href="/pages/about" >About</a>
</li>
<li>
<a href="/pages/careers" >Careers</a>
</li>
<li>
<a href="/pages/privacy" >Terms & Privacy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-align-center mt-10">
<a href="/" class="m-0">
<img src="/images/manajing-logo-dark.png" alt="logo" style="max-width:180px;"/>
</a>
<div class="year p-3">
Copyright 2024 ManaJing, All rights reserved!
</div>
</div>
<div id="chat-container">
<!--<div id="chat-icon" onclick="toggleChat()">
<div>
<img src="/images/chatbot/avatar.png" alt="shape" loading="lazy" />
</div>
</div>
-->
<div id="chat-popup" class="hidden">
<div id="chat-header">
<h6 style="color: #000">Manajing Bot</h6>
<button id="chat-close" onclick="toggleChat()">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewBox="0 0 64 64">
<path d="M 12 8 L 8 12 L 24.666016 32 L 8 52 L 12 56 L 32 39.333984 L 52 56 L 56 52 L 39.333984 32 L 56 12 L 52 8 L 32 24.666016 L 12 8 z"></path>
</svg>
</button>
</div>
<iframe id="chat-frame" src="" title="Chat"></iframe>
</div>
</div>
</footer>
<!--<div id="test" class="test"></div>-->
<!--<script src="/vendor/jQuery/jquery.min.js"></script>
-->
<nav class="footer-nav">
<a href="#" class="footer-nav-item is-active">
<i class='bx bx-heart'></i>
<span>Favorites</span>
</a>
<a href="/explorer/solutions/" class="footer-nav-item">
<i class='bx bx-home'></i>
<span>Solutions</span>
</a>
<a href="/explorer/services/" class="footer-nav-item">
<i class='bx bx-home'></i>
<span>Services</span>
</a>
<a href="/explorer/resources/" class="footer-nav-item">
<i class='bx bx-basket'></i>
<span>Resources</span>
</a>
<div class="footer-nav-item" onclick="toggleChat()">
<img src="/images/chatbot/avatar.png" alt="shape" loading="lazy" />
<span>Chat</span>
</div>
<div class="footer-nav-indicator-wrapper">
<span class="footer-nav-indicator"></span>
</div>
</nav>
<style>
.footer-nav {
z-index: 9999;
position: fixed;
width: 100%;
display: hidden;
justify-content: space-between;
padding: 0 20px;
background-color: #13131a;
border: 1px solid #252325;
//border-radius: 5px;
overflow: hidden;
bottom: 0px;
display: flex;
transition: bottom 0.3s; //smooth transition when scrolling
}
.footer-nav-item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
width: 50px;
margin: 0 5px;
padding: 10px;
color: var(--text-secondary);
text-decoration: none;
transition: .3s;
}
.nav-item.is-active {
color: var(--primary-main);
}
.footer-nav-item.is-active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 120%;
transform: translate(-10%, -10%);
background: radial-gradient(#6ba7a8, transparent);
filter: blur(10px);
opacity: .2;
}
.footer-nav-item i {
font-size: 20px;
}
.footer-nav-item img {
max-width: 20px;
}
.nav-item span {
font-size: 11px;
font-weight: 600;
}
.footer-nav-indicator-wrapper {
position: absolute;
top: 0;
left: 0;
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
display: flex;
justify-content: center;
}
.footer-nav-indicator {
width: 30px;
height: 5px;
background-color: #6ba7a8;
border-radius: 10px;
}
</style>
<script>
const indicator = document.querySelector('.footer-nav-indicator-wrapper');
const items = document.querySelectorAll('.nav-item');
function handleIndicator(el) {
items.forEach(item => {
item.classList.remove('is-active');
});
indicator.style.width = `${el.offsetWidth}px`;
indicator.style.left = `${el.offsetLeft}px`;
el.classList.add('is-active');
}
items.forEach((item) => {
item.addEventListener('click', (e) => {
handleIndicator(item)
});
item.classList.contains('is-active') && handleIndicator(item);
});
</script>
<!-- Icons -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!--<script src="/vendor/bootstrap/bootstrap.bundle.min.js"></script>-->
<script src="/vendor/waypoints/waypoints.min.js"></script>
<script src="/vendor/magnific-popup/magnific-popup.min.js"></script>
<script src="/js/scroll.js"></script> <!-- Handles vertical scrolling and header/footer menu -->
<script src="/js/script.js"></script>
<script src="/js/chat.js"></script>
<script src="/js/actions.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3NRZCX3PLM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3NRZCX3PLM');
console.log('Setup GA.');
</script>
<!-- Bring in ManaJing Design System -->
<!--
<script type="module" src="/js/mds.js"></script>
-->
</body>
</html>