File "header-inner.php"
Full Path: /home/wrisexaf/public_html/ods/include/header-inner.php
File size: 14.44 KB
MIME-type: text/html
Charset: utf-8
<!-- Cursor Animation -->
<div class="cursor1"></div>
<div class="cursor2"></div>
<!-- Team Cursor -->
<div class="cursor" id="team_cursor">Drag</div>
<!-- Preloader -->
<div class="preloader">
<div class="loading">
<div class="bar bar1"></div>
<div class="bar bar2"></div>
<div class="bar bar3"></div>
<div class="bar bar4"></div>
<div class="bar bar5"></div>
<div class="bar bar6"></div>
<div class="bar bar7"></div>
<div class="bar bar8"></div>
</div>
</div>
<!-- Switcher Area Start -->
<div class="switcher__area">
<!-- <div class="switcher__icon">
<button id="switcher_open"><i class="fa-solid fa-gear"></i></button>
<button id="switcher_close"><i class="fa-solid fa-xmark"></i></button>
</div> -->
<div class="switcher__items">
<div class="switcher__item">
<div class="switch__title-wrap">
<h2 class="switcher__title">Cursor</h2>
</div>
<div class="switcher__btn">
<select name="cursor-style" id="cursor_style">
<option value="1">default</option>
<option selected value="2">animated</option>
</select>
</div>
</div>
<div class="switcher__item">
<div class="switch__title-wrap">
<h2 class="switcher__title">mode</h2>
</div>
<div class="switcher__btn mode-type wc-col-2">
<button class="active" data-mode="light">light</button>
<button data-mode="dark">dark</button>
</div>
</div>
<div class="switcher__item">
<div class="switch__title-wrap">
<h2 class="switcher__title">Language Support</h2>
</div>
<div class="switcher__btn lang_dir wc-col-2">
<button class="active" data-mode="ltr">LTR</button>
<button data-mode="rtl">RTL</button>
</div>
</div>
</div>
</div>
<!-- Switcher Area End -->
<!-- Scroll Smoother -->
<div class="has-smooth" id="has_smooth"></div>
<!-- Go Top Button -->
<button id="scroll_top" class="scroll-top"><i class="fa-solid fa-arrow-up"></i></button>
<!-- Header area start -->
<header class="header__area">
<div class="header__inner">
<div class="header__logo">
<a href="index.php">
<img class="logo-primary" src="assets/imgs/logo/site-logo-white.png" alt="Site Logo">
<img class="logo-secondary" src="assets/imgs/logo/site-logo-white-2.png" alt="Moibile Logo">
</a>
</div>
<div class="header__nav-icon">
<button id="open_offcanvas"><img src="assets/imgs/icon/menu-white.png" alt="Menubar Icon"></button>
</div>
<div class="header__support">
<p>Support center <a href="tel:+1-202-618-5837">(202) 618 5837</a></p>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Offcanvas area start -->
<div class="offcanvas__area">
<div class="offcanvas__body">
<div class="offcanvas__left">
<div class="offcanvas__logo">
<a href="index.php"><img src="assets/imgs/logo/site-logo-white-2.png" alt="Offcanvas Logo"></a>
</div>
<div class="offcanvas__social">
<h3 class="social-title">Follow Us</h3>
<ul>
<li><a href="javascript:void(0)">Facebook</a></li>
<li><a href="javascript:void(0)">Linkedin</a></li>
<li><a href="javascript:void(0)">Pinterest</a></li>
<li><a href="javascript:void(0)">Instagram</a></li>
</ul>
</div>
<div class="offcanvas__links">
<ul>
<li><a href="about.php">About</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
<div class="offcanvas__mid">
<div class="offcanvas__menu-wrapper">
<nav class="offcanvas__menu">
<ul class="menu-anim">
<li> <li><a href="index.php">Home</a></li>
<!-- <ul>
<li><a href="index.html">Digital Maketing</a></li>
<li><a href="index-dark.html">Digital Maketing dark</a></li>
<li><a href="index-2.html">Design Studio </a></li>
<li><a href="index-2-dark.html">Design Studio dark</a></li>
<li><a href="index-3.html">Digital Agency</a></li>
<li><a href="index-3-dark.html">Digital Agency dark</a></li>
<li><a href="index-7.html">creative Agency</a></li>
<li><a href="index-7-dark.html">creative Agency dark</a></li>
<li><a href="index-6.html">Startup Agency</a></li>
<li><a href="index-6-dark.html">Startup Agency dark</a></li>
<li><a href="index-8.html">modern agency</a></li>
<li><a href="index-8-dark.html">modern agency dark</a></li>
<li><a href="index-4.html">personal Portfolio</a></li>
<li><a href="index-4-dark.html">personal Portfolio dark</a></li>
<li><a href="index-5.html">portfolio showcase</a></li>
<li><a href="index-5-dark.html">portfolio showcase dark</a></li>
<li><a href="index-10.html">showcase carousel</a></li>
<li><a href="index-10-dark.html">showcase carousel dark</a></li>
<li><a href="index-12.html">Interactive link </a></li>
<li><a href="index-12-dark.html">Interactive link dark</a></li>
<li><a href="index-13.html">portfolio masonry</a></li>
<li><a href="index-13-dark.html">portfolio masonry dark</a></li>
<li><a href="index-14.html">vertical grid</a></li>
<li><a href="index-14-dark.html">vertical grid dark</a></li>
<li><a href="index-15.html">Interactive image slider</a></li>
<li><a href="index-15-dark.html">Interactive image slider dark</a></li>
<li><a href="index-16.html">showcase parallax</a></li>
<li><a href="index-16-dark.html">showcase parallax dark</a></li>
<li><a href="index-17.html">logo showcase</a></li>
<li><a href="index-17-dark.html">logo showcase dark</a></li>
<li><a href="index-9.html">showcase slider</a></li>
<li><a href="index-11.html">Interactive hover showcase</a></li>
</ul> -->
</li>
<li>
<a>Services</a>
<ul>
<li><a href="web-dev-service.php">Web Development</a></li>
<li><a href="app-dev-service.php">App Development</a></li>
<li><a href="uix-des-service.php">UI UX Designing</a></li>
<li><a href="digita-mar-service.php">Digital Marketing</a></li>
</ul>
</li>
<!-- <li>
<a>Service</a>
<ul>
<li><a href="service.html">service</a></li>
<li><a href="service-dark.html">service dark</a></li>
<li><a href="service-2.html">service V.2</a></li>
<li><a href="service-2-dark.html">service V.2 dark</a></li>
<li><a href="service-3.html">service V.3</a></li>
<li><a href="service-3-dark.html">service V.3 dark</a></li>
<li><a href="service-4.html">service V.4</a></li>
<li><a href="service-4-dark.html">service V.4 dark</a></li>
<li><a href="service-5.html">service V.5</a></li>
<li><a href="service-5-dark.html">service V.5 dark</a></li>
<li><a href="service-6.html">service V.6</a></li>
<li><a href="service-6-dark.html">service V.6 dark</a></li>
<li><a href="service-details.html">service details</a></li>
<li><a href="service-details-dark.html">service details dark</a></li>
</ul>
</li> -->
<li><!-- <a>pages</a>
<ul>
<li>
<a>Service</a>
<ul>
<li><a href="service.html">service</a></li>
<li><a href="service-dark.html">service dark</a></li>
<li><a href="service-2.html">service V.2</a></li>
<li><a href="service-2-dark.html">service V.2 dark</a></li>
<li><a href="service-3.html">service V.3</a></li>
<li><a href="service-3-dark.html">service V.3 dark</a></li>
<li><a href="service-4.html">service V.4</a></li>
<li><a href="service-4-dark.html">service V.4 dark</a></li>
<li><a href="service-5.html">service V.5</a></li>
<li><a href="service-5-dark.html">service V.5 dark</a></li>
<li><a href="service-6.html">service V.6</a></li>
<li><a href="service-6-dark.html">service V.6 dark</a></li>
<li><a href="service-details.html">service details</a></li>
<li><a href="service-details-dark.html">service details dark</a></li>
</ul>
</li>
<li>
<a>portfolio</a>
<ul>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="portfolio-dark.html">portfolio dark</a></li>
<li><a href="portfolio-2.html">portfolio v.2</a></li>
<li><a href="portfolio-2-dark.html">portfolio v.2 dark</a></li>
<li><a href="portfolio-3.html">portfolio v.3</a></li>
<li><a href="portfolio-3-dark.html">portfolio v.3 dark</a></li>
<li><a href="portfolio-4.html">portfolio v.4</a></li>
<li><a href="portfolio-4-dark.html">portfolio v.4 dark</a></li>
<li><a href="portfolio-5.html">portfolio v.5</a></li>
<li><a href="portfolio-5-dark.html">portfolio v.5 dark</a></li>
<li><a href="portfolio-details.html">portfolio details</a></li>
<li><a href="portfolio-details-dark.html">portfolio details dark</a></li>
</ul>
</li>
<li>
<a>team</a>
<ul>
<li><a href="team.html">Team</a></li>
<li><a href="team-dark.html">Team dark</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="team-details-dark.html">Team Details dark</a></li>
<li><a href="career.html">career</a></li>
<li><a href="career-dark.html">career dark</a></li>
<li><a href="job-details.html">job details</a></li>
<li><a href="job-details-dark.html">job details dark</a></li>
</ul>
</li>
<li>
<a>blog</a>
<ul>
<li><a href="blog.html">blog</a></li>
<li><a href="blog-dark.html">blog dark</a></li>
<li><a href="blog-2.html">blog v.2</a></li>
<li><a href="blog-2-dark.html">blog v.2 dark</a></li>
<li><a href="category.html">category</a></li>
<li><a href="category-dark.html">category dark</a></li>
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-details-dark.html">blog details dark</a></li>
</ul>
</li>
<li>
<a>Others</a>
<ul>
<li><a href="about.php">about</a></li>
<li><a href="about-dark.html">about dark</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="faq-dark.html">FAQs dark</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="contact-dark.html">contact dark</a></li>
<li><a href="404.html">404</a></li>
<li><a href="404-dark.html">404 dark</a></li>
</ul>
</li>
</ul>
</li>-->
<!-- <li><a>blog</a>
<ul>
<li><a href="blog.html">blog</a></li>
<li><a href="blog-dark.html">blog dark</a></li>
<li><a href="blog-2.html">blog v.2</a></li>
<li><a href="blog-2-dark.html">blog v.2 dark</a></li>
<li><a href="category.html">category</a></li>
<li><a href="category-dark.html">category dark</a></li>
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-details-dark.html">blog details dark</a></li>
</ul>
</li> -->
<li><a href="contact.php">contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="offcanvas__right">
<div class="offcanvas__search">
<form action="#">
<input type="text" name="search" placeholder="Search keyword">
<button><i class="fa-solid fa-magnifying-glass"></i></button>
</form>
</div>
<div class="offcanvas__contact">
<h3>Get in touch</h3>
<ul>
<li><a href="tel:+1-202-618-5837">(202) 618 5837</a></li>
<li><a href="mailto:hello@Own Digital Solutions.com">hello@Own Digital Solutions.com</a></li>
<li>Own Digital Solutions 4801 Glenwood Ave #200, Raleigh, North Carolina, United States,</li>
</ul>
</div>
<img src="assets/imgs/shape/11.png" alt="shape" class="shape-1">
<img src="assets/imgs/shape/12.png" alt="shape" class="shape-2">
</div>
<div class="offcanvas__close">
<button type="button" id="close_offcanvas"><i class="fa-solid fa-xmark"></i></button>
</div>
</div>
</div>
<!-- Offcanvas area end -->
<div id="smooth-wrapper">
<div id="smooth-content">
<main>