| Current File : /home/drugfree/public_html/donation_details.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Donation Details || Oxpins || Oxpins HTML 5 Template </title>
<!-- favicons Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/images/favicons/site.webmanifest">
<meta name="description" content="Oxpins HTML 5 Template ">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="../../css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="../../css2-1?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="../../css2-2?family=Caveat:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css">
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css">
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css">
<link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css">
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css">
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css">
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css">
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css">
<link rel="stylesheet" href="assets/vendors/oxpins-icons/style.css">
<link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css">
<link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css">
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css">
<link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css">
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css">
<link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css">
<!-- template styles -->
<link rel="stylesheet" href="assets/css/oxpins.css">
<link rel="stylesheet" href="assets/css/oxpins-responsive.css">
</head>
<body class="custom-cursor">
<div class="custom-cursor__cursor"></div>
<div class="custom-cursor__cursor-two"></div>
<div class="preloader">
<div class="preloader__image"></div>
</div>
<!-- /.preloader -->
<div class="page-wrapper">
<header class="main-header">
<nav class="main-menu">
<div class="main-menu__wrapper">
<div class="main-menu__wrapper-inner">
<div class="main-menu__left">
<div class="main-menu__logo">
<a href="index.html"><img src="assets/images/resources/logo-1.png" alt=""></a>
</div>
<div class="main-menu__shape-1 float-bob-x">
<img src="assets/images/shapes/main-menu-shape-1.png" alt="">
</div>
</div>
<div class="main-menu__right">
<div class="main-menu__right-top">
<div class="main-menu__right-top-left">
<div class="main-menu__volunteers">
<div class="main-menu__volunteers-icon">
<img src="assets/images/icon/main-menu-heart-icon.png" alt="">
</div>
<div class="main-menu__volunteers-text-box">
<p class="main-menu__volunteers-text"><a href="become-volunteer.html">Become
a
<span>volunteers</span></a></p>
</div>
</div>
</div>
<div class="main-menu__right-top-right">
<div class="main-menu__right-top-address">
<ul class="list-unstyled main-menu__right-top-address-list">
<li>
<div class="icon">
<span class="icon-phone-call"></span>
</div>
<div class="content">
<p>Helpline</p>
<h5><a href="tel:980009630">+ 98 (000) - 9630</a></h5>
</div>
</li>
<li>
<div class="icon">
<span class="icon-message"></span>
</div>
<div class="content">
<p>Send email</p>
<h5><a href="mailto:needhelp@company.com">needhelp@company.com</a>
</h5>
</div>
</li>
<li>
<div class="icon">
<span class="icon-location"></span>
</div>
<div class="content">
<p>380 St Kilda Road</p>
<h5>Melbourne, Australia</h5>
</div>
</li>
</ul>
</div>
<div class="main-menu__right-top-social">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="main-menu__right-bottom">
<div class="main-menu__main-menu-box">
<a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
<ul class="main-menu__list">
<li class="dropdown megamenu">
<a href="index.html">Home </a>
<ul>
<li>
<section class="home-showcase megamenu-left">
<div class="container">
<div class="home-showcase__inner">
<div class="row">
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-1.jpg" alt="">
<div class="home-showcase__buttons">
<a href="index.html" class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index-one-page.html" class="thm-btn home-showcase__buttons__item">One
Page</a>
</div><!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home page
01</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-2.jpg" alt="">
<div class="home-showcase__buttons">
<a href="index2.html" class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index2-one-page.html" class="thm-btn home-showcase__buttons__item">One
Page</a>
</div><!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home page
02
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-3.jpg" alt="">
<div class="home-showcase__buttons">
<a href="index3.html" class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index3-one-page.html" class="thm-btn home-showcase__buttons__item">One
Page</a>
</div><!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home page
03
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-4.jpg" alt="">
<div class="home-showcase__buttons">
<a href="index-dark.html" class="thm-btn home-showcase__buttons__item">View
Page</a>
</div><!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home page
04
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
</div><!-- /.row -->
</div><!-- /.home-showcase__inner -->
</div><!-- /.container -->
</section>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="become-volunteer.html">Become volunteer</a></li>
<li><a href="volunteer-carousel.html">Volunteer carousel</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="gallery-carousel.html">Gallery carousel</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Donations</a>
<ul>
<li><a href="donation.html">Donation</a></li>
<li><a href="donations-list.html">Donation list</a></li>
<li><a href="donation-carousel.html">Donation carousel</a></li>
<li><a href="donation-details.html">Donation details</a></li>
<li><a href="donate-now.html">Donate Now</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Events</a>
<ul>
<li><a href="events.html">Events</a></li>
<li><a href="events-carousel.html">Events carousel</a></li>
<li><a href="event-details.html">Event details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">News</a>
<ul>
<li><a href="news.html">News</a></li>
<li><a href="news-carousel.html">News carousel</a></li>
<li><a href="news-sidebar.html">News right sidebar</a></li>
<li><a href="news-sidebar-left.html">News left sidebar</a></li>
<li><a href="news-details.html">News details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<div class="main-menu__main-menu-content-box">
<div class="main-menu__search-cat-btn-box">
<div class="main-menu__search-box">
<a href="#" class="main-menu__search search-toggler icon-magnifying-glass"></a>
</div>
<div class="main-menu__cat-box">
<a href="#" class="main-menu__cart icon-avatar"></a>
</div>
<div class="main-menu__btn-box">
<a href="donate-now.html" class="main-menu__btn"> <span class="fa fa-heart"></span> Donate
now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="stricky-header stricked-menu main-menu">
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
</div><!-- /.stricky-header -->
<!--Page Header Start-->
<section class="page-header">
<div class="page-header-bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)">
</div>
<div class="container">
<div class="page-header__inner">
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>/</span></li>
<li class="active">Donations details</li>
</ul>
<h2>Donations details</h2>
</div>
</div>
</section>
<!--Page Header End-->
<!--Donation Details Start-->
<section class="donation-details">
<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-7">
<div class="donation-details__left">
<div class="donation-details__top">
<div class="donation-details__img">
<img src="assets/images/resources/donation-details-img-1.jpg" alt="">
<div class="donation-details__date">
<p>Medical</p>
</div>
</div>
<div class="donation-details__content">
<h3 class="donation-details__title">Let’s education for children get good life</h3>
<p class="donation-details__text">Lorem ipsum dolor sit amet, cibo mundi ea duo, vim
exerci phaedrum. There are many variations of passages of Lorem Ipsum available,
but the majority have alteration in some injected or words which don't look even
slightly believable. If you are going to use a passage of Lorem Ipsum, you need
to be sure there isn't anything embarrang hidden in the middle of text. All the
Lorem Ipsum generators on the Internet tend to repeat predefined chunks as
necessary, making this the first true generator on the Internet. It uses a
dictionary of over 200 Latin words, combined with a handful of model sentence
structures, to generate Lorem Ipsum which looks reasonable. </p>
</div>
</div>
<div class="donation-details__donate">
<div class="donation-details__donate-shape" style="background-image: url(assets/images/shapes/donation-details-donate-shape.png);">
</div>
<div class="donation-details__donate-left">
<ul class="list-unstyled donation-details__donate-list">
<li>
<div class="icon">
<span class="icon-solidarity"></span>
</div>
<div class="text">
<span>Raised</span>
<p>$25,270</p>
</div>
</li>
<li>
<div class="icon">
<span class="icon-target-1"></span>
</div>
<div class="text">
<span>Goal</span>
<p>$30,000</p>
</div>
</li>
</ul>
</div>
<div class="donation-details__donate-btn">
<a href="donate-now.html" class="thm-btn">Donate now</a>
</div>
</div>
<div class="donation-details__summary">
<h3 class="donation-details__summary-title">Summary</h3>
<p class="donation-details__summary-text-1">Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type simen book.</p>
<ul class="list-unstyled donation-details__summary-list">
<li>
<div class="icon">
<span class="fa fa-check"></span>
</div>
<div class="text">
<p>Nsectetur cing do not elit.</p>
</div>
</li>
<li>
<div class="icon">
<span class="fa fa-check"></span>
</div>
<div class="text">
<p>Suspe ndisse suscipit sagittis in leo.</p>
</div>
</li>
<li>
<div class="icon">
<span class="fa fa-check"></span>
</div>
<div class="text">
<p>Entum estibulum dignissim lipsm posuere.</p>
</div>
</li>
</ul>
<p class="donation-details__summary-text-2">Lorem Ipsum is simply dummy text of the
printing and typesetting industry. orem Ipsum has been the industry's standard dummy
text ever since the when an unknown printer took a galley of type and scrambled it
to make a type specimen book.</p>
</div>
<div class="donation-details__recent-donation">
<h3 class="donation-details__recent-donation-title">Recent donors</h3>
<div class="list-unstyled donation-details__recent-donation-inner">
<div class="donation-details__recent-donation-shape" style="background-image: url(assets/images/shapes/recent-donation-shape-1.png);">
</div>
<ul class="list-unstyled donation-details__recent-donation-list">
<li>
<div class="donation-details__recent-donation-img">
<img src="assets/images/resources/recent-donation-img-1.jpg" alt="">
</div>
<div class="donation-details__recent-donation-content">
<p>Kevin martin</p>
<span>$25</span>
</div>
</li>
<li>
<div class="donation-details__recent-donation-img">
<img src="assets/images/resources/recent-donation-img-2.jpg" alt="">
</div>
<div class="donation-details__recent-donation-content">
<p>Jessica brown</p>
<span>$30</span>
</div>
</li>
<li>
<div class="donation-details__recent-donation-img">
<img src="assets/images/resources/recent-donation-img-3.jpg" alt="">
</div>
<div class="donation-details__recent-donation-content">
<p>Mike hardson</p>
<span>$100</span>
</div>
</li>
<li>
<div class="donation-details__recent-donation-img">
<img src="assets/images/resources/recent-donation-img-4.jpg" alt="">
</div>
<div class="donation-details__recent-donation-content">
<p>Christine eve</p>
<span>$250</span>
</div>
</li>
<li>
<div class="donation-details__recent-donation-img">
<img src="assets/images/resources/recent-donation-img-5.jpg" alt="">
</div>
<div class="donation-details__recent-donation-content">
<p>David cooper</p>
<span>$60</span>
</div>
</li>
</ul>
</div>
</div>
<div class="comment-one">
<h3 class="comment-one__title">2 comments</h3>
<div class="comment-one__single">
<div class="comment-one__image">
<img src="assets/images/blog/comment-1-1.jpg" alt="">
</div>
<div class="comment-one__content">
<h3>Kevin martin</h3>
<p>It has survived not only five centuries, but also the leap into electronic
typesetting unchanged. It was popularised in the sheets containing lorem
ipsum is simply free text.</p>
<a href="news-details.html" class="thm-btn comment-one__btn">Reply</a>
</div>
</div>
<div class="comment-one__single">
<div class="comment-one__image">
<img src="assets/images/blog/comment-1-2.jpg" alt="">
</div>
<div class="comment-one__content">
<h3>Sarah albert</h3>
<p>It has survived not only five centuries, but also the leap into electronic
typesetting unchanged. It was popularised in the sheets containing lorem
ipsum is simply free text.</p>
<a href="news-details.html" class="thm-btn comment-one__btn">Reply</a>
</div>
</div>
</div>
<div class="comment-form">
<h3 class="comment-form__title">Leave a comment</h3>
<form action="assets/inc/sendemail.php" class="comment-one__form contact-form-validated" novalidate="novalidate">
<div class="row">
<div class="col-xl-6">
<div class="comment-form__input-box">
<input type="text" placeholder="Your name" name="name">
</div>
</div>
<div class="col-xl-6">
<div class="comment-form__input-box">
<input type="email" placeholder="Email address" name="email">
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="comment-form__input-box text-message-box">
<textarea name="message" placeholder="Write a message"></textarea>
</div>
<div class="comment-form__btn-box">
<button type="submit" class="thm-btn comment-form__btn">Submit
comment</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-5">
<div class="donation-details__sidebar">
<div class="donation-details__organizer">
<div class="sidebar-shape-1" style="background-image: url(assets/images/shapes/sidebar-shape-1.png);"></div>
<div class="donation-details__organizer-img">
<img src="assets/images/resources/donation-details-organizer-img.jpg" alt="">
</div>
<div class="donation-details__organizer-content">
<p class="donation-details__organizer-date">Created 20 april, 2022</p>
<p class="donation-details__organizer-title">Organizer:</p>
<p class="donation-details__organizer-name">Jessica smith</p>
<ul class="list-unstyled donation-details__organizer-list">
<li>
<div class="icon">
<span class="fas fa-tag"></span>
</div>
<div class="text">
<p>Education</p>
</div>
</li>
<li>
<div class="icon">
<span class="fas fa-map-marker-alt"></span>
</div>
<div class="text">
<p>Westwood, Canada</p>
</div>
</li>
</ul>
</div>
</div>
<div class="sidebar__post">
<div class="sidebar-shape-1" style="background-image: url(assets/images/shapes/sidebar-shape-1.png);"></div>
<h3 class="sidebar__title">Latest posts</h3>
<ul class="sidebar__post-list list-unstyled">
<li>
<div class="sidebar__post-image">
<img src="assets/images/blog/lp-1-1.jpg" alt="">
</div>
<div class="sidebar__post-content">
<h3>
<span class="sidebar__post-content-meta"><i class="fas fa-user-circle"></i> By admin</span>
<a href="news-details.html">Promoting the rights
of children</a>
</h3>
</div>
</li>
<li>
<div class="sidebar__post-image">
<img src="assets/images/blog/lp-1-2.jpg" alt="">
</div>
<div class="sidebar__post-content">
<h3>
<span class="sidebar__post-content-meta"><i class="fas fa-user-circle"></i> By admin</span>
<a href="news-details.html">There are many variations of</a>
</h3>
</div>
</li>
<li>
<div class="sidebar__post-image">
<img src="assets/images/blog/lp-1-3.jpg" alt="">
</div>
<div class="sidebar__post-content">
<h3>
<span class="sidebar__post-content-meta"><i class="fas fa-user-circle"></i> By admin</span>
<a href="news-details.html">Bring to the table win-win survival</a>
</h3>
</div>
</li>
</ul>
</div>
<div class="donation-details__sidebar-shaare-cause">
<div class="sidebar-shape-1" style="background-image: url(assets/images/shapes/sidebar-shape-1.png);"></div>
<h3 class="donation-details__sidebar-shaare-cause-title">Share</h3>
<div class="donation-details__sidebar-shaare-cause-social">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Donation Details End-->
<!--Site Footer Start-->
<footer class="site-footer">
<div class="site-footer-bg" style="background-image: url(assets/images/backgrounds/site-footer-bg.jpg);">
</div>
<div class="site-footer__top">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="footer-widget__column footer-widget__about">
<div class="footer-widget__about-logo">
<a href="index.html"><img src="assets/images/resources/footer-logo.png" alt=""></a>
</div>
<div class="footer-widget__about-text-box">
<p class="footer-widget__about-text">Nulla ultricies justo sit amet ante efficitur,
eget pharetra augue efficitur. Vestibulum viverra, dolor sit amet ultricies.</p>
</div>
<div class="footer-widget__btn">
<a href="donate-now.html"> <span class="fa fa-heart"></span>Donate now</a>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
<div class="footer-widget__column footer-widget__links clearfix">
<h3 class="footer-widget__title">Links</h3>
<ul class="footer-widget__links-list list-unstyled clearfix">
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="news.html">Latest News</a></li>
<li><a href="event-details.html">Recent Events</a></li>
<li><a href="donation.html">Donations</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
<div class="footer-widget__column footer-widget__non-profit clearfix">
<h3 class="footer-widget__title">Non profit</h3>
<ul class="footer-widget__non-profit-list list-unstyled clearfix">
<li><a href="donation-details.html">Differently Abled Kids</a></li>
<li><a href="donation-details.html">Help Child Cancer</a></li>
<li><a href="donation-details.html">Clean Pure Water</a></li>
<li><a href="donation-details.html">Give them Education</a></li>
<li><a href="donation-details.html">Start a Fundraising</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="footer-widget__column footer-widget__contact">
<h3 class="footer-widget__title">Contact</h3>
<p class="footer-widget__contact-text">380 Street Kilda Broklyn Road <br> Melbourne
Australia
</p>
<ul class="list-unstyled footer-widget__contact-list">
<li>
<div class="icon">
<i class="fa fa-envelope"></i>
</div>
<div class="text">
<p><a href="mailto:needhelp@company.com ">needhelp@company.com</a></p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone-alt"></i>
</div>
<div class="text">
<p><a href="tel:980009630">+ 98 (000) - 9630</a></p>
</div>
</li>
</ul>
<div class="site-footer__social">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="site-footer__bottom-inner">
<p class="site-footer__bottom-text">© All Copyright 2022 by <a href="#">Oxpins.com</a>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--Site Footer End-->
</div><!-- /.page-wrapper -->
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
<!-- /.mobile-nav__overlay -->
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
<div class="logo-box">
<a href="index.html" aria-label="logo image"><img src="assets/images/resources/logo-2.png" width="143" alt=""></a>
</div>
<!-- /.logo-box -->
<div class="mobile-nav__container"></div>
<!-- /.mobile-nav__container -->
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fa fa-envelope"></i>
<a href="mailto:needhelp@packageName__.com">needhelp@oxpins.com</a>
</li>
<li>
<i class="fa fa-phone-alt"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
</ul><!-- /.mobile-nav__contact -->
<div class="mobile-nav__top">
<div class="mobile-nav__social">
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-facebook-square"></a>
<a href="#" class="fab fa-pinterest-p"></a>
<a href="#" class="fab fa-instagram"></a>
</div><!-- /.mobile-nav__social -->
</div><!-- /.mobile-nav__top -->
</div>
<!-- /.mobile-nav__content -->
</div>
<!-- /.mobile-nav__wrapper -->
<div class="search-popup">
<div class="search-popup__overlay search-toggler"></div>
<!-- /.search-popup__overlay -->
<div class="search-popup__content">
<form action="#">
<label for="search" class="sr-only">search here</label><!-- /.sr-only -->
<input type="text" id="search" placeholder="Search Here...">
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="icon-magnifying-glass"></i>
</button>
</form>
</div>
<!-- /.search-popup__content -->
</div>
<!-- /.search-popup -->
<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="icon-up-arrow"></i></a>
<script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/jarallax/jarallax.min.js"></script>
<script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
<script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
<script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="assets/vendors/nouislider/nouislider.min.js"></script>
<script src="assets/vendors/odometer/odometer.min.js"></script>
<script src="assets/vendors/swiper/swiper.min.js"></script>
<script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
<script src="assets/vendors/wnumb/wNumb.min.js"></script>
<script src="assets/vendors/wow/wow.js"></script>
<script src="assets/vendors/isotope/isotope.js"></script>
<script src="assets/vendors/countdown/countdown.min.js"></script>
<script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
<script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="assets/vendors/vegas/vegas.min.js"></script>
<script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
<script src="assets/vendors/timepicker/timePicker.js"></script>
<script src="assets/vendors/circleType/jquery.circleType.js"></script>
<script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
<!-- template js -->
<script src="assets/js/oxpins.js"></script>
</body>
</html>