View file Hope/hope/blog-details.html

File size: 37.65Kb
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hope – Health & Medical HTML5 Template</title>
    <!--== Favicon ==-->
    <link
      rel="shortcut icon"
      href="assets/img/favicon.ico"
      type="image/x-icon"
    />
    <!--== Main Style CSS ==-->
    <link href="assets/css/style.css" rel="stylesheet" />
  </head>

  <body>
    <!--wrapper start-->
    <div class="wrapper">
      <!--== Start Preloader Content ==-->
      <div class="preloader-wrap">
        <div class="preloader">
          <span class="dot"></span>
          <div class="dots">
            <span></span>
            <span></span>
            <span></span>
          </div>
        </div>
      </div>
      <!--== End Preloader Content ==-->

      <!--== Start Header Wrapper ==-->
      <header class="header">
        <!-- header-top start -->
        <div class="header-top d-none d-lg-block">
          <div class="container">
            <div class="row row-cols-2">
              <div class="col">
                <p>
                  <i class="icofont-google-map"></i> <span>ADDRESS:</span> 568
                  Elizaberth Str, London, UK
                </p>
              </div>
              <div class="col">
                <ul class="social-links text-end">
                  <li>
                    <a href="#"><i class="icofont-twitter"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="icofont-facebook"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="icofont-instagram"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="icofont-rss-feed"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="icofont-play-alt-1"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- header-top end -->

        <!-- header-middle start -->
        <div class="header-middle mobile-sticky">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="header-middle-content">
                  <div class="header-logo">
                    <a href="index.html">
                      <img
                        class="sticky-img"
                        src="assets/img/logo.png"
                        alt="Logo"
                      />
                    </a>
                  </div>
                  <ul class="media-wrap d-none d-lg-flex">
                    <!-- media-list start -->
                    <li class="media media-list">
                      <span class="media-icon"
                        ><i class="icofont-clock-time"></i
                      ></span>
                      <div class="media-content">
                        <span class="media-sub-heading">working hours</span>
                        <span class="media-heading"
                          >MON - FRI: 9.00 - 21.00
                        </span>
                      </div>
                    </li>
                    <!-- media-list end -->

                    <!-- media-list start -->
                    <li class="media media-list">
                      <span class="media-icon"
                        ><i class="icofont-ui-call"></i
                      ></span>
                      <div class="media-content">
                        <span class="media-sub-heading">hotline 24/7</span>
                        <a class="media-heading" href="tel:+0962-58-58-258"
                          >+0962-58-58-258</a
                        >
                      </div>
                    </li>
                    <!-- media-list end -->

                    <!-- media-list start -->
                    <li class="media media-list">
                      <span class="media-icon"
                        ><i class="icofont-envelope"></i
                      ></span>
                      <div class="media-content">
                        <span class="media-sub-heading">email us</span>
                        <a
                          class="media-heading"
                          href="mailto:support@clenora.com.uk"
                          >support@clenora.com.uk</a
                        >
                      </div>
                    </li>
                    <!-- media-list end -->
                  </ul>
                  <a
                    href="#"
                    class="book-now-btn d-none d-sm-inline-block d-lg-none"
                    >book an appointment</a
                  >
                  <div class="mobile-menu-toggle d-lg-none">
                    <a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
                      <svg viewBox="0 0 800 600">
                        <path
                          d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
                          id="top"
                        ></path>
                        <path d="M300,320 L540,320" id="middle"></path>
                        <path
                          d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
                          id="bottom"
                          transform="translate(480, 320) scale(1, -1) translate(-480, -318)"
                        ></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- header-middle end -->

        <!-- header-bottom start -->
        <div class="header-bottom d-none d-lg-block">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div
                  class="d-flex flex-wrap align-items-center justify-content-between"
                >
                  <ul class="main-menu">
                    <li class="active">
                      <a class="main-menu-link" href="index.html"
                        >Home</a
                      >
                    </li>
                    <li>
                      <a class="main-menu-link" href="services.html"
                        >Services</a
                      >
                      <ul class="sub-menu">
                        <li>
                          <a class="sub-menu-link" href="services.html"
                            >Services</a
                          >
                        </li>
                        <li>
                          <a class="sub-menu-link" href="service-details.html"
                            >Service Details</a
                          >
                        </li>
                      </ul>
                    </li>

                    <li>
                      <a class="main-menu-link" href="blog.html">Blog</a>
                      <ul class="sub-menu">
                        <li>
                          <a class="sub-menu-link" href="blog.html"
                            >Blog list</a
                          >
                        </li>
                        <li>
                          <a class="sub-menu-link" href="blog-details.html"
                            >Blog Details</a
                          >
                        </li>
                      </ul>
                    </li>

                    <li>
                      <a class="main-menu-link" href="about.html">About</a>
                    </li>
                    <li>
                      <a class="main-menu-link" href="contact.html">Contact</a>
                    </li>
                    
                  </ul>
                  <a href="#" class="book-now-btn">book an appointment</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- header-bottom end -->
        <!-- header-bottom start -->
        <div class="header-bottom sticky-header d-none d-lg-block">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div
                  class="d-flex flex-wrap align-items-center justify-content-between"
                >
                  <ul class="main-menu">
                    <li class="active">
                      <a class="main-menu-link" href="index.html"
                        >Home</a
                      >
                    </li>
                    <li>
                      <a class="main-menu-link" href="services.html"
                        >Services</a
                      >
                      <ul class="sub-menu">
                        <li>
                          <a class="sub-menu-link" href="services.html"
                            >Services</a
                          >
                        </li>
                        <li>
                          <a class="sub-menu-link" href="service-details.html"
                            >Service Details</a
                          >
                        </li>
                      </ul>
                    </li>

                    <li>
                      <a class="main-menu-link" href="blog.html">Blog</a>
                      <ul class="sub-menu">
                        <li>
                          <a class="sub-menu-link" href="blog.html"
                            >Blog list</a
                          >
                        </li>
                        <li>
                          <a class="sub-menu-link" href="blog-details.html"
                            >Blog Details</a
                          >
                        </li>
                      </ul>
                    </li>

                    <li>
                      <a class="main-menu-link" href="about.html">About</a>
                    </li>
                    <li>
                      <a class="main-menu-link" href="contact.html">Contact</a>
                    </li>
                    
                  </ul>
                  <a href="#" class="book-now-btn">book an appointment</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- header-bottom end -->
      </header>
      <!--== End Header Wrapper ==-->

      <main class="main-content site-wrapper-reveal">
        <!--== Start Page Title Area ==-->
        <div class="page-title-area">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div class="page-title-content content-style4">
                  <div class="bread-crumbs bread-crumbs-style2">
                    <a href="index.html"
                      >Home<span class="breadcrumb-sep">/</span></a
                    >
                    <span class="active text-black">Blog</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--== End Page Title Area ==-->

        <!--== Start Blog Area Wrapper ==-->
        <section class="blog-details-area">
          <div class="container">
            <div class="row">
              <div class="col-lg-8">
                <!--== Start Post Details Item ==-->
                <div class="post-details-content">
                  <div class="post-details-body">
                    <div class="content">
                      <h2 class="title">
                        Problems About Social Insurance For Truck Drivers
                      </h2>
                      <img
                        src="assets/img/blog/post-detail-01.jpg"
                        alt="hope-Blog"
                      />
                      <div class="meta">
                        <a class="category" href="blog.html">Business</a>
                        <span>-</span> December 14th, 2020 by
                        <a class="author" href="blog.html">Admin</a>
                      </div>
                      <p>
                        Most times, ideacide happens without us even realizing
                        it. A possible off-the-wall idea or solution appears
                        like a blip and disappears without us even realizing. As
                        a result, some of our best stuff is suppressed before
                        even getting out into the world. Whether it’s because
                        we’re too critical or because we recoil at the impending
                        pain of change, the disruption of normalcy,
                        self-censoring arises out of fear. Welsh novelist Sarah
                        Waters sums it up eloquently: “Midway through writing a
                        novel, I have regularly experienced moments of
                        bowel-curdling terror, as I contemplate the drivel on
                        the screen before me and see beyond it, in quick
                        succession, the derisive reviews, the friends’
                        embarrassment, the failing career, the dwindling income,
                        the repossessed house, the divorce…” <br />We know
                        self-censoring by many names. Carl Jung called it our
                        “inner critic.” <br />Michael Ray and Rochelle Myers
                        called it the “voice of judgment” in their classic book,
                        in Business, based on a popular course they co-taught at
                        Stanford University the derisive reviews, the friends’
                        embarrassment, the failing career, the dwindling income,
                        the repossessed
                      </p>
                      <img
                        src="assets/img/blog/post-detail-02.jpg"
                        alt="hope-Blog"
                      />
                      <h4>Gathered Was Isn’t Fruitful Every</h4>
                      <p>
                        Give void had the creature man evening two be for heaven
                        won’t you’re may. Subdue him. Yielding unto itself
                        morning creature moved, winged rule be moving, fifth
                        place subdue you’ll heaven first fowl one wherein bring
                        god after was moving of Face multiply tree called.
                        Subdue first said made living tree you’re two beast,
                        moved, every. Evening their us seas.
                      </p>
                      <div class="blockquote-area">
                        <blockquote class="blockquote-style">
                          <p>
                            <span>“</span> Our greatest weakness lies in giving
                            up. <br />The most certain way to succeed is always
                            to try just one more time.
                          </p>
                        </blockquote>
                      </div>
                      <p>
                        Both of these assumptions, of course, could be entirely
                        false. Self-censoring is firmly rooted in our
                        experiences with mistakes in the past and not the
                        present. The brain messages arising from those
                        experiences can be deceptive.
                      </p>
                      <div class="widget-tags tags-style2">
                        <ul>
                          <li><a href="#/">Structure</a></li>
                          <li><a href="#/">Envato</a></li>
                          <li><a href="#/">Premium</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="related-post">
                      <h2 class="title"><span>Related</span> Posts</h2>
                      <div class="post-items-style3">
                        <div class="row">
                          <div class="col-md-6">
                            <!--== Start Blog Post Item ==-->
                            <div class="post-item">
                              <div class="thumb">
                                <a href="blog-details.html"
                                  ><img
                                    src="assets/img/blog/r01.jpg"
                                    alt="hope-Blog"
                                /></a>
                              </div>
                              <div class="content">
                                <a href="blog.html" class="category">News</a>
                                <h4 class="title">
                                  <a href="blog-details.html"
                                    >Payment Online -Things That You Know To
                                    Protect Your</a
                                  >
                                </h4>
                              </div>
                            </div>
                            <!--== End Blog Post Item ==-->
                          </div>
                          <div class="col-md-6">
                            <!--== Start Blog Post Item ==-->
                            <div class="post-item">
                              <div class="thumb">
                                <a href="blog-details.html"
                                  ><img
                                    src="assets/img/blog/r02.jpg"
                                    alt="hope-Blog"
                                /></a>
                              </div>
                              <div class="content">
                                <a href="blog.html" class="category"
                                  >Business</a
                                >
                                <h4 class="title">
                                  <a href="blog-details.html"
                                    >5 Steps To Build Strategy Planning</a
                                  >
                                </h4>
                              </div>
                            </div>
                            <!--== End Blog Post Item ==-->
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!--== End Post Details Item ==-->
              </div>
              <div class="col-lg-4">
                <!--== Start Sidebar Wrapper ==-->
                <div
                  class="sidebar-wrapper blog-sidebar-wrapper mb-md-80 pt-md-10 pt-160"
                >
                  <!--== Start Sidebar Item ==-->
                  <div class="widget-item">
                    <h4 class="widget-title">Search</h4>
                    <div class="widget-search-box">
                      <form action="#" method="post">
                        <input
                          type="text"
                          id="search"
                          placeholder="Type & Hit Enter..."
                        />
                      </form>
                    </div>
                  </div>
                  <!--== Start Sidebar Item ==-->

                  <!--== Start Sidebar Item ==-->
                  <div class="widget-item">
                    <h4 class="widget-title">Categories</h4>
                    <div class="widget-categories">
                      <ul>
                        <li>
                          <a href="#/">All <span>25</span></a>
                        </li>
                        <li>
                          <a href="#/">News <span>12</span></a>
                        </li>
                        <li>
                          <a href="#/">Business <span>7</span></a>
                        </li>
                        <li>
                          <a href="#/">Tips & tricks <span>4</span></a>
                        </li>
                        <li>
                          <a href="#/">Others <span>2</span></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <!--== End Sidebar Item ==-->

                  <!--== Start Sidebar Item ==-->
                  <div class="widget-item">
                    <h4 class="widget-title">Recent posts</h4>
                    <div class="widget-blog-post">
                      <ul>
                        <li>
                          <div class="thumb">
                            <img
                              src="assets/img/blog/s01.jpg"
                              alt="hope-Blog"
                            />
                          </div>
                          <div class="content">
                            <a href="blog-details.html"
                              >5 Secrets To Coaching Your Employees To
                              Greatness</a
                            >
                          </div>
                        </li>
                        <li>
                          <div class="thumb">
                            <img
                              src="assets/img/blog/s02.jpg"
                              alt="hope-Blog"
                            />
                          </div>
                          <div class="content">
                            <a href="blog-details.html"
                              >5 Steps To Build Strategy Planning</a
                            >
                          </div>
                        </li>
                        <li>
                          <div class="thumb">
                            <img
                              src="assets/img/blog/s03.jpg"
                              alt="hope-Blog"
                            />
                          </div>
                          <div class="content">
                            <a href="blog-details.html"
                              >Trend Of Consumer Market 2020</a
                            >
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <!--== End Sidebar Item ==-->

                  <!--== Start Sidebar Item ==-->
                  <div class="widget-item">
                    <h4 class="widget-title">TAGS</h4>
                    <div class="widget-tags tags-style2">
                      <ul>
                        <li><a href="#/">Structure</a></li>
                        <li><a href="#/">Envato</a></li>
                        <li><a href="#/">Premium</a></li>
                        <li><a href="#/">Clean</a></li>
                        <li><a href="#/">WordPress</a></li>
                      </ul>
                    </div>
                  </div>
                  <!--== End Sidebar Item ==-->
                </div>
                <!--== End Sidebar Wrapper ==-->
              </div>
            </div>
          </div>
        </section>
        <!--== End Blog Area Wrapper ==-->

        <section class="comment-area">
          <div class="container">
            <div class="row">
              <div class="col-lg-10 col-xl-8">
                <div class="section-title">
                  <h2 class="title"><span>Leave</span> A Reply</h2>
                  <p class="comment-note">
                    Your email address will not be published
                  </p>
                </div>
                <div class="comment-form-wrap">
                  <form action="#" method="post">
                    <div class="comment-form-content">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <input
                              class="form-control"
                              type="text"
                              placeholder="Name *"
                              required=""
                            />
                          </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                            <input
                              class="form-control"
                              type="email"
                              placeholder="Emaill Address *"
                              required=""
                            />
                          </div>
                        </div>
                        <div class="col-md-12">
                          <div class="form-group">
                            <input
                              class="form-control"
                              type="text"
                              placeholder="Subject (Optional)"
                            />
                          </div>
                        </div>
                        <div class="col-md-12">
                          <div class="form-group">
                            <textarea
                              class="form-control"
                              name="comment"
                              id="comment"
                              cols="45"
                              rows="7"
                              placeholder="Message"
                            ></textarea>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-12">
                          <div class="form-group mb-0">
                            <button class="btn btn-theme" type="submit">
                              Post Comment
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>

      <!--== Start Footer Area Wrapper ==-->
      <footer class="footer-area">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 col-md-5 col-lg-4 col-xl-3">
              <div class="widget-item">
                <div class="about-widget">
                  <a class="footer-logo" href="index.html">
                    <img src="assets/img/logo-dark.png" alt="Logo" />
                  </a>
                  <p class="mb-0">
                    Sed elit quam, iaculis sed semper sit amet udin vitae nibh
                    at magna akal semperFusce.
                  </p>
                  <ul class="widget-contact-info">
                    <li class="info-address">
                      <i class="icofont-location-pin"></i>69 Halsey St, New
                      York, Ny 10002, United States.
                    </li>
                    <li class="info-mail">
                      <i class="icofont-email"></i
                      ><a href="mailto://hello@yourdomain.com"
                        >hello@yourdomain.com</a
                      >
                    </li>
                    <li class="info-phone">
                      <i class="icofont-ui-call"></i
                      ><a href="tel://(0091)8547632521">(0091) 8547 632521</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div
              class="col-sm-6 col-md-6 offset-md-1 col-lg-3 offset-lg-0 col-xl-3 d-lg-none d-xl-block"
            >
              <div class="widget-item d-inline-block">
                <h4 class="widget-title line-bottom">Popular Tags</h4>
                <div class="widget-tags">
                  <ul>
                    <li><a href="#/">Amazing</a></li>
                    <li><a href="#/">Envato</a></li>
                    <li><a href="#/">Themes</a></li>
                    <li><a href="#/">Clean</a></li>
                    <li><a href="#/">Wordpress</a></li>
                    <li><a href="#/">Creative</a></li>
                    <li><a href="#/">Mutilpurpose</a></li>
                    <li><a href="#/">Retina Ready</a></li>
                    <li><a href="#/">Twitter</a></li>
                    <li><a href="#/">Responsive</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-md-5 col-lg-4 col-xl-3">
              <div class="widget-item">
                <h4 class="widget-title line-bottom">Recent Posts</h4>
                <nav class="widget-posts">
                  <ul class="posts-item">
                    <li>
                      <a href="blog-details.html"
                        ><i class="icon icofont-rounded-double-right"></i>Lorem
                        Ispum dolor sit amet putilor</a
                      >
                    </li>
                    <li>
                      <a href="blog-details.html"
                        ><i class="icon icofont-rounded-double-right"></i
                        >Medical is all about quality.</a
                      >
                    </li>
                    <li>
                      <a href="blog-details.html"
                        ><i class="icon icofont-rounded-double-right"></i>Is
                        your website user friendly ?</a
                      >
                    </li>
                    <li>
                      <a href="blog-details.html"
                        ><i class="icon icofont-rounded-double-right"></i>Ai
                        offer weekly updates & more.</a
                      >
                    </li>
                    <li>
                      <a href="blog-details.html"
                        ><i class="icon icofont-rounded-double-right"></i
                        >Customer should love your web.</a
                      >
                    </li>
                    <li>
                      <a href="blog-details.html"
                        ><i class="icon icofont-rounded-double-right"></i>Your
                        site smooth and stunning.</a
                      >
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
            <div
              class="col-sm-6 col-md-6 offset-md-1 col-lg-4 offset-lg-0 col-xl-3"
            >
              <div class="widget-item">
                <h4 class="widget-title line-bottom">Newsletter</h4>
                <div class="widget-newsletter">
                  <p>
                    Sign up for our mailing list to get latest updates and
                    offers.
                  </p>
                  <form class="newsletter-form input-btn-group">
                    <input
                      class="form-control"
                      type="text"
                      placeholder="Enter your email"
                    />
                    <button class="btn btn-theme" type="button">
                      <i class="icofont-long-arrow-right"></i>
                    </button>
                  </form>
                </div>
                <div class="widget-social-icons">
                  <a href="#"><i class="icofont-twitter"></i></a>
                  <a href="#"><i class="icofont-google-plus"></i></a>
                  <a href="#"><i class="icofont-pinterest"></i></a>
                  <a href="#"><i class="icofont-rss"></i></a>
                  <a href="#"><i class="icofont-facebook"></i></a>
                  <a href="#"><i class="icofont-dribbble"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="container">
            <div class="row text-center">
              <div class="col-sm-12">
                <div class="widget-copyright">
                  <p>
                    &copy; 2021 <span class="text-uppercase">hope</span>. Made
                    with <i class="icofont-heart-alt"></i> by
                    <a target="_blank" href="https://www.hasthemes.com"
                      >HasThemes</a
                    >
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!--== End Footer Area Wrapper ==-->

      <!-- offcanvas-overlay start -->
      <div class="offcanvas-overlay"></div>
      <!-- offcanvas-overlay end -->
      <!-- offcanvas-mobile-menu start -->
      <div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
        <div class="inner">
          <div class="border-bottom mb-3 pb-3 text-end">
            <button class="offcanvas-close">×</button>
          </div>
          <div class="offcanvas-head mb-3">
            <div class="header-top-offcanvas">
              <p>
                <i class="icofont-google-map"></i> <span>ADDRESS:</span> 568
                Elizaberth Str, London, UK
              </p>
            </div>
          </div>
<nav class="offcanvas-menu">
            <ul>
              <li>
                <a href="#"><span class="menu-text">Home</span></a>
                <ul class="offcanvas-submenu">
                  <li><a href="index.html">Home 1</a></li>
                </ul>
              </li>
              <li>
                <a href="#"><span class="menu-text">Services</span></a>
                <ul class="offcanvas-submenu">
                  <li>
                    <a href="services.html">Service</a>
                  </li>
                  <li>
                    <a href="service-details.html">service details</a>
                  </li>
                </ul>
              </li>

              <li>
                <a href="#"><span class="menu-text">blog</span></a>
                <ul class="offcanvas-submenu">
                  <li>
                    <a href="blog.html">Blog list</a>
                  </li>
                  <li>
                    <a href="blog-details.html">Blog details</a>
                  </li>
                </ul>
              </li>

              <li>
                <a href="about.html">about</a>
              </li>

              <li><a href="contact.html">Contact Us</a></li>
            </ul>
          </nav>
          <div class="offcanvas-social my-4">
            <ul>
              <li>
                <a href="#"><i class="icofont-twitter"></i></a>
              </li>
              <li>
                <a href="#"><i class="icofont-facebook"></i></a>
              </li>
              <li>
                <a href="#"><i class="icofont-instagram"></i></a>
              </li>
              <li>
                <a href="#"><i class="icofont-rss-feed"></i></a>
              </li>
              <li>
                <a href="#"><i class="icofont-play-alt-1"></i></a>
              </li>
            </ul>
          </div>

          <ul class="media-wrap">
            <!-- media-list start -->
            <li class="media media-list">
              <span class="media-icon"><i class="icofont-clock-time"></i></span>
              <div class="media-content">
                <span class="media-sub-heading">working hours</span>
                <span class="media-heading">MON - FRI: 9.00 - 21.00 </span>
              </div>
            </li>
            <!-- media-list end -->

            <!-- media-list start -->
            <li class="media media-list">
              <span class="media-icon"><i class="icofont-ui-call"></i></span>
              <div class="media-content">
                <span class="media-sub-heading">hotline 24/7</span>
                <a class="media-heading" href="tel:+0962-58-58-258"
                  >+0962-58-58-258</a
                >
              </div>
            </li>
            <!-- media-list end -->

            <!-- media-list start -->
            <li class="media media-list">
              <span class="media-icon"><i class="icofont-envelope"></i></span>
              <div class="media-content">
                <span class="media-sub-heading">email us</span>
                <a class="media-heading" href="mailto:support@clenora.com.uk"
                  >support@clenora.com.uk</a
                >
              </div>
            </li>
            <!-- media-list end -->
          </ul>
        </div>
      </div>
      <!-- offcanvas-mobile-menu end -->

      <!--== Scroll Top Button ==-->
      <div class="scroll-to-top"><span class="icofont-rounded-up"></span></div>
    </div>

    <!--=======================Javascript============================-->

    <!--=== Modernizr Min Js ===-->
    <script src="assets/js/modernizr.js"></script>
    <!--=== jQuery Min Js ===-->
    <script src="assets/js/jquery-main.js"></script>
    <!--=== jQuery Migration Min Js ===-->
    <script src="assets/js/jquery-migrate.js"></script>
    <!--=== Popper Min Js ===-->
    <script src="assets/js/popper.min.js"></script>
    <!--=== Bootstrap Min Js ===-->
    <script src="assets/js/bootstrap.min.js"></script>
    <!--=== jquery UI Min Js ===-->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!--=== Plugin Collection Js ===-->
    <script src="assets/js/plugincollection.js"></script>

    <!--=== Custom Js ===-->
    <script src="assets/js/custom.js"></script>
  </body>
</html>