| Server IP : 103.6.199.200 / Your IP : 3.17.76.174 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/trackpro/m3technokraaft.trackprop.com/wwwroot/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<!-- privacy14-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive Multipurpose HTML5 Business Template">
<meta name="author" content="Shreethemes">
<link rel="shortcut icon" href="images/favicon.ico">
<title>Alita - A Responsive Multipurpose HTML Template</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Poppins" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Magnificpopup Css -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<!-- Bootstrap core CSS -->
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="css/fontawesome.css" rel="stylesheet">
<link href="css/pe-icon-7-stroke.css" rel="stylesheet">
<!--Slider-->
<link rel="stylesheet" href="css/slick.css"/>
<link rel="stylesheet" href="css/slick-theme.css"/>
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/menu.css" rel="stylesheet">
<link href="css/default.css" rel="stylesheet">
</head>
<body>
<!-- Loader -->
<div id="preloader">
<div id="status">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div>
<!-- Navigation Bar-->
<div class="tagline hidden-md">
<div class="container">
<div class="float-left">
<div class="phone">
<i class="fas fa-phone"></i> +1 123 456 78 90
</div>
</div>
<div class="float-right">
<ul class="top_socials">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest"></i></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- Navigation Bar-->
<header id="topnav" class="defaultscroll fixed-top navbar-sticky sticky">
<div class="container">
<!-- Logo container-->
<div>
<a href="index-2.html" class="logo">
<img src="images/logo.png" alt="missing_logo" height="20">
</a>
</div>
<!-- End Logo container-->
<div class="menu-extras">
<div class="menu-item">
<!-- Mobile menu toggle-->
<a class="navbar-toggle">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</div>
</div>
<div id="navigation">
<!-- Navigation Menu-->
<ul class="navigation-menu">
<li class="has-submenu">
<a href="#">Home</a><span class="menu-arrow"></span>
<ul class="submenu">
<li class="has-submenu"><a href="javascript:void(0)">Business</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="index-2.html">Business one</a></li>
<li><a href="business-2.html">Business Two</a></li>
<li><a href="business-3.html">Business Three</a></li>
<li><a href="business-4.html">Business Four</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Agency</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="agency-1.html">Agency One</a></li>
<li><a href="agency-2.html">Agency Two</a></li>
<li><a href="agency-3.html">Agency Three</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Landing Page</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="landing-1.html">Landing One</a></li>
<li><a href="landing-2.html">Landing Two</a></li>
<li><a href="landing-3.html">Landing Three</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Resume</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="resume-1.html">Resume one</a></li>
<li><a href="resume-2.html">Resume Two</a></li>
</ul>
</li>
<li><a href="one-page.html">One Page</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">About</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="about.html">About</a></li>
<li><a href="history.html">History</a></li>
<li class="has-submenu"><a href="javascript:void(0)">Services</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="service.html">Services</a></li>
<li><a href="service-image.html">Service With Image</a></li>
<li><a href="service-detail.html">Single Service</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Team Members</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="team-grid.html">Grid Teams</a></li>
<li><a href="team-list.html">List Teams</a></li>
<li><a href="team-detail.html">Single Team</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Work</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="work-col-three.html">Three Column Portfolio</a></li>
<li><a href="work-col-four.html">Four Column Portfolio</a></li>
<li><a href="work-col-six.html">Six Column Portfolio</a></li>
<li><a href="work-single.html">Single Portfolio</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Pages</a>
<span class="menu-arrow"></span>
<ul class="submenu megamenu">
<li>
<ul>
<li><a href="faq.html"><b class="mdi mdi-chevron-right"></b> FAQ's</a></li>
<li><a href="price.html"><b class="mdi mdi-chevron-right"></b> Pricing Table</a></li>
<li><a href="privacy.html"><b class="mdi mdi-chevron-right"></b> Privacy Policy</a></li>
<li><a href="login.html"><b class="mdi mdi-chevron-right"></b> Log In</a></li>
<li><a href="signup.html"><b class="mdi mdi-chevron-right"></b> Sign Up</a></li>
<li><a href="forgot-password.html"><b class="mdi mdi-chevron-right"></b> Forgot Password</a></li>
</ul>
</li>
<li>
<ul>
<li><a href="working-process.html"><b class="mdi mdi-chevron-right"></b> Work Process</a></li>
<li><a href="contact.html"><b class="mdi mdi-chevron-right"></b> Contact Us</a></li>
<li><a href="blank-page.html"><b class="mdi mdi-chevron-right"></b> Blank Page</a></li>
<li><a href="coming-soon.html"><b class="mdi mdi-chevron-right"></b> Coming soon</a></li>
<li><a href="404.html"><b class="mdi mdi-chevron-right"></b> 404! Error</a></li>
<li><a href="500.html"><b class="mdi mdi-chevron-right"></b> 500! Error</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Blog</a>
<span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-left.html">Left Sidebar</a></li>
<li><a href="blog-right.html">Right Sidebar</a></li>
<li><a href="blog-single.html">Single BLog</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Elements</a>
<span class="menu-arrow"></span>
<ul class="submenu megamenu">
<li>
<ul>
<li><a href="elements-accordions.html"><b class="mdi mdi-chevron-right"></b> Accordion</a></li>
<li><a href="elements-alert.html"><b class="mdi mdi-chevron-right"></b> Alert</a></li>
<li><a href="elements-button.html"><b class="mdi mdi-chevron-right"></b> Button</a></li>
<li><a href="elements-blockquote.html"><b class="mdi mdi-chevron-right"></b> Blockquote</a></li>
<li><a href="elements-bg.html"><b class="mdi mdi-chevron-right"></b> Backgroud Color</a></li>
<li><a href="elements-breadcrumbs.html"><b class="mdi mdi-chevron-right"></b> Breadcrumbs</a></li>
<li><a href="elements-boxed.html"><b class="mdi mdi-chevron-right"></b> Boxed</a></li>
<li><a href="elements-cta.html"><b class="mdi mdi-chevron-right"></b> Call To Action</a></li>
<li><a href="elements-dropcap.html"><b class="mdi mdi-chevron-right"></b> Dropcap</a></li>
</ul>
</li>
<li>
<ul>
<li><a href="elements-dropdown.html"><b class="mdi mdi-chevron-right"></b> Dropdown</a></li>
<li><a href="elements-funfactors.html"><b class="mdi mdi-chevron-right"></b> Fun Factors</a></li>
<li><a href="elements-form-inputs.html"><b class="mdi mdi-chevron-right"></b> Form Inputs</a></li>
<li><a href="elements-grid-structure.html"><b class="mdi mdi-chevron-right"></b> Grid Structure</a></li>
<li><a href="elements-gallery.html"><b class="mdi mdi-chevron-right"></b> Gallery</a></li>
<li><a href="elements-highlights.html"><b class="mdi mdi-chevron-right"></b> Highlights</a></li>
<li><a href="elements-material-icons.html"><b class="mdi mdi-chevron-right"></b> Material Icons</a></li>
<li><a href="elements-pe-7-icons.html"><b class="mdi mdi-chevron-right"></b> Pe-7 Icons </a></li>
<li><a href="elements-fontawesome.html"><b class="mdi mdi-chevron-right"></b> Font Awesome Icons </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="elements-images.html"><b class="mdi mdi-chevron-right"></b> Images</a></li>
<li><a href="elements-labels.html"><b class="mdi mdi-chevron-right"></b> Labels</a></li>
<li><a href="elements-lightbox.html"><b class="mdi mdi-chevron-right"></b> Lightbox</a></li>
<li><a href="elements-modals.html"><b class="mdi mdi-chevron-right"></b> Modals</a></li>
<li><a href="elements-progress-bar.html"><b class="mdi mdi-chevron-right"></b> Progress Bar</a></li>
<li><a href="elements-parallax.html"><b class="mdi mdi-chevron-right"></b> Parallax</a></li>
<li><a href="elements-pagination.html"><b class="mdi mdi-chevron-right"></b> Pagination</a></li>
</ul>
</li>
<li>
<ul>
<li><a href="elements-tab.html"><b class="mdi mdi-chevron-right"></b> Tab</a></li>
<li><a href="elements-tooltip-popovers.html"><b class="mdi mdi-chevron-right"></b> Tooltip & Popovers</a></li>
<li><a href="elements-typography.html"><b class="mdi mdi-chevron-right"></b> Typography</a></li>
<li><a href="elements-tables.html"><b class="mdi mdi-chevron-right"></b> Tables</a></li>
<li><a href="elements-timeline.html"><b class="mdi mdi-chevron-right"></b> Timeline</a></li>
<li><a href="elements-testimonials.html"><b class="mdi mdi-chevron-right"></b> Testimonials</a></li>
<li><a href="elements-video.html"><b class="mdi mdi-chevron-right"></b> Video</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown d-none d-md-inline-block">
<a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="fas fa-search noti-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-search">
<div>
<form role="search" class="navbar-form">
<input type="text" placeholder="Search..." name="s" class="form-control search-bar">
<a href="#" class="btn-search"><i class="fa fa-search"></i></a>
</form>
</div>
</div>
</li>
</ul>
<!-- End navigation menu-->
</div>
</div>
</header>
<!-- End Navigation Bar-->
<!-- HOME START-->
<section class="bg-half" style="background-image: url('images/home/bg-pages.jpg');">
<div class="bg-overlay"></div>
<div class="home-center">
<div class="home-desc-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="page-next-level text-white">
<h4 class="text-uppercase">Privacy Policy</h4>
<div class="page-next"> <a href="index-2.html">Home</a> <i class="mdi mdi-chevron-right"></i> <a href="#">Pages</a> <i class="mdi mdi-chevron-right"></i> <span>Privacy Policy</span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HOME END-->
<!-- -->
<section class="section">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="privacy-section">
<h4>Personal information</h4>
<div class="spacer-15"></div>
<p class="text-muted">Personal information is information or an opinion that identifies an individual or allows their identity to be readily worked out from the information. It includes information such as a person’s name, address, financial information, marital status or billing details. Some personal information is sensitive information. This includes information about ethnicity, religion and health. Sensitive information is explained further in Meaning of Terms.</p>
<span class="bar"></span>
<h4>NPPs</h4>
<div class="spacer-15"></div>
<p class="text-muted">The NPPs are principles or rules about collecting, using and disclosing personal information.There are some special rules about handling sensitive information including health information.</p>
<span class="bar"></span>
<h4>Other Exemptions</h4>
<div class="spacer-15"></div>
<p class="text-muted">As well as exemptions for most businesses the Privacy Act also has exemptions for the media and for political parties.The Privacy Act does not apply to employment records used for employment purposes in your business.</p>
<span class="bar"></span>
<h4>Privacy Act Enforcement</h4>
<div class="spacer-15"></div>
<p class="text-muted">The Privacy Act gives individuals the right to complain if they think a business, including a business subject to the Act, has not complied with the NPPs in handling personal information about them.</p>
<span class="bar"></span>
<h4>Make a privacy plan</h4>
<div class="spacer-15"></div>
<p class="text-muted">Making a privacy plan is a good place to start. A plan could include the following steps:</p>
<div class="mt-2">
<ol>
<li>
<h6>Make someone responsible for privacy</h6>
<p class="text-muted">This could be you, your office manager or someone in another position depending on the size of your business.</p>
</li>
<li>
<h6>Become familiar with the NPPs</h6>
<p class="text-muted">Get to know and understand the NPPs. The NPPs set out the minimum standards for the way you must handle personal information in your business.</p>
</li>
<li>
<h6>Do a ‘privacy stocktake’ in your business</h6>
<p class="text-muted">Once you have a good idea of what happens to the personal information you collect and handle, plan any changes you need to make so that you comply with the NPPs. Some of these changes may just be minor improvements on the way you already handle personal information. In some cases, for example, where you already hold a stock of printed forms, the plan may be implemented over time.</p>
</li>
<li>
<h6>Develop or review your complaints handling process</h6>
<p class="text-muted">Generally, the more you understand about the way you collect personal information in your business and the more open you are about the way you collect, use and disclose that information the less likely it is you will get a privacy complaint.</p>
</li>
<li>
<h6>Train your staff</h6>
<p class="text-muted">Your staff need to know about privacy too. Often, they may be the first point of contact, dealing with the customers, collecting personal information and answering enquiries. Make your staff aware that the way you handle personal information in your business may change. Involve staff in the stocktake and review process. Start training.</p>
</li>
</ol>
</div>
<span class="bar"></span>
<h4>Resources and Help</h4>
<div class="spacer-15"></div>
<p class="text-muted">Contact details for the Office of the Privacy Commissioner</p>
<span class="bar"></span>
</div>
</div>
<div class="col-lg-4 col-md-4">
<!-- SEARCH -->
<div class="sidebar p-30">
<div class="text-center">
<div id="search-2" class="widget widget-search mb-0">
<form role="search" method="get" id="searchform" class="searchform">
<div>
<input type="text" value="" name="s" id="s" placeholder="Search...">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form>
</div>
</div>
</div>
<!-- SEARCH -->
<!-- Categories widget-->
<div class="sidebar p-30">
<div class="widget widget_categories">
<h4 class="text-uppercase text-center">Categories</h4>
<ul class="list-unstyled">
<li class="mb-2"><a href="#">Consulting</a> <span class="float-right">(40)</span></li>
<li class="mb-2"><a href="#">Finance</a> <span class="float-right">(08)</span></li>
<li class="mb-2"><a href="#">Marketing</a> <span class="float-right">(11)</span></li>
<li><a href="#">Services</a> <span class="float-right">(21)</span></li>
</ul>
</div>
</div>
<!-- Categories widget-->
<!-- TAG -->
<div class="sidebar p-30">
<div class="widget">
<h4 class="text-uppercase text-center">Tags</h4>
<div class="text-center tagcloud">
<a href="#">Consulting</a>
<a href="#">Finance</a>
<a href="#">Marketing</a>
<a href="#">Services</a>
<a href="#">Portfolio</a>
<a href="#">Fashion</a>
<a href="#">Lifestyle</a>
<a href="#">Travel</a>
<a href="#">Blog</a>
<a href="#">Video</a>
<a href="#">Audio</a>
</div>
</div>
</div>
<!-- TAG -->
<!-- Recent Post -->
<div class="sidebar p-30">
<div class="widget">
<h4 class="text-uppercase text-center">Recent Blog Post</h4>
<div class="slider single">
<div>
<a href="#"><img src="images/blog/blog-1.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">The business woman hard work</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-2.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Business adviser analyzing financial</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-3.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">The progress work of the company</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-4.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Various Sources of Expand Business</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-5.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">How to Maintain Your Business?</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-6.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Discussion Business Meeting</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-7.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Analysis of Last Year Financial Report</h4></a>
</div>
</div>
</div>
</div>
<!-- Recent Post -->
<!-- FOLLOW -->
<div class="sidebar p-30">
<div class="widget">
<h4 class="text-uppercase text-center">Subscribe & Follow</h4>
<ul class="list-unstyled social-icon text-center">
<li class="list-inline-item"><a href="#"><i class="mdi mdi-facebook"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-twitter"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-dribbble"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-behance"></i></a></li>
</ul>
</div>
</div>
<!-- FOLLOW -->
</div>
</div>
</div>
</section>
<!-- -->
<!-- PARTNER START -->
<section class="section-two bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 p-0">
<div class="slider autoplay">
<div><img src="images/client/partner-1.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-2.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-3.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-4.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-5.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-1.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-2.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-3.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-4.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-5.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
</div>
</div>
</div>
</div>
</section>
<!-- PARTNER END -->
<!-- FOOTER START -->
<footer class="footer">
<div class="section-two">
<div class="container">
<!--Footer Info -->
<div class="row footer-info">
<div class="col-lg-3 col-md-12 col-sm-12">
<div class="">
<a href="index-2.html" class="logo">
<img src="images/logo-white.png" alt="missing_logo" height="20">
</a>
</div>
<p class="text-footer-clr mt-3">These cases are perfectly simple and easy to free hour, when nothing prevents distinguish.</p>
<div>
<ul class="list-unstyled social-icon">
<li class="list-inline-item"><a href="#"><i class="fab fa-apple"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4">
<div class="footer-head">
<h5 class="text-light">Company</h5>
</div>
<div class="footer-item mt-3">
<ul class="list-unstyled">
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> About us</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Services</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Portfolio</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> News</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> FAQ</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4">
<div class="footer-head">
<h5 class="text-light">Useful</h5>
</div>
<div class="footer-item mt-3">
<ul class="list-unstyled">
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Accounts</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Sales & Support</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Orders Track</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Download Center</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4">
<div class="footer-head">
<h5 class="text-light">Additional</h5>
</div>
<div class="footer-item mt-3">
<ul class="list-unstyled">
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Portfolio</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Contact Us</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Blog</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Help Center</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="footer-head">
<h5 class="text-light">Newsletter</h5>
</div>
<div class="footer-news mt-3">
<p class="text-footer-clr">Subscribe to our email newsletter to receive useful articles and special offers.</p>
<div class="subscribed-form">
<div class="subcribed-form">
<form action="#">
<input name="email" type="email" placeholder="Your Email" id="email" required="">
<button type="submit" class=""><span class="fab fa-telegram-plane"></span></button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Info -->
</div>
</div>
<hr>
<!-- Copyright Bar -->
<section class="section-30">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="text-center">
<p class="copy-rights text-white mb-0"><a href="https://www.templateshub.net" target="_blank">Templates Hub</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- End Copyright Bar -->
</footer>
<!-- FOOTER END -->
<!-- Back to top -->
<a href="#" class="back-to-top" id="back-to-top">
<i class="mdi mdi-chevron-up"> </i>
</a>
<!-- Back to top -->
<!-- js placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Portfolio -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/isotope.js"></script>
<!-- Carousel -->
<script src="js/slick.min.js"></script>
<script src="js/slick.init.js"></script>
<!--custom script-->
<script src="js/app.js"></script>
</body>
<!-- privacy14-->
</html>