<html lang="en">

<head>
  <!-- META ============================================= -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  <link rel="canonical" href="darwinpharma.in" />
  <meta name="description" content="Darwin Pharmaceutical" />
  <!-- META ============================================= -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  <!-- OG -->
  <meta name="" content="index, follow" />
  <meta property="og:image" content="preview.png" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="darwinpharma.in" />
  <meta property="og:image" content="preview.png" />

  <!-- FAVICONS ICON ============================================= -->
  <link rel="icon" href="images/favicon.png" type="image/x-icon" />
  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
  <link rel="stylesheet" href="css/flaticon.css" />

  <!-- PAGE TITLE HERE ============================================= -->
  <title>Darwin Pharmaceutical</title>

  <!-- MOBILE SPECIFIC ============================================= -->
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <!-- All PLUGINS CSS ============================================= -->
  <link rel="stylesheet" type="text/css" href="/vendor/bootstrap-select/css/bootstrap-select.min.css" />
  <link rel="stylesheet" href="/vendor/swiper/swiper.min.css" />
  <link rel="stylesheet" href="/vendor/toastify/toastify.min.css" />
  <link rel="stylesheet" type="text/css" href="/css/style.css" />
  <link rel="stylesheet" type="text/css" href="/admin/modules/bootstrap/css/bootstrap.min.css" />

  <link rel="stylesheet" href="owlcarousel/css/jquery.carousel-line-arrow.css">
  <link rel="stylesheet" href="owlcarousel/css/style.css">

  <!-- FontAwesome 4.7.0 CDN -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
    integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com/" />
  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&amp;family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap"
    rel="stylesheet" />

</head>

<body>
  <!-- <div id="loading-icon-bx">
    <div class="loading-inner">
      <div class="load-one"></div>
      <div class="load-two"></div>
      <div class="load-three"></div>
    </div>
  </div> -->
  <!-- header -->
  <header class="header rs-nav">
    <div class="sticky-header navbar-expand-lg">
      <div class="menu-bar clearfix">
        <div class="container clearfix">
          <!-- website logo -->
          <div class="menu-logo logo-dark">
            <a href="/"><img src="/images/logo.png" alt="" /></a>
          </div>
          <!-- nav toggle button -->
          <button class="navbar-toggler collapsed menuicon justify-content-end" type="button" data-bs-toggle="collapse"
            data-bs-target="#menuDropdown" aria-controls="menuDropdown" aria-expanded="false"
            aria-label="Toggle navigation">
            <span></span>
            <span></span>
            <span></span>
          </button>
          <!-- extra nav -->

          <!-- Search Box ==== -->

          <div class="menu-links navbar-collapse collapse justify-content-end" id="menuDropdown">

            <ul class="nav navbar-nav">
              <li class="<%= page_name === 'home' ? 'active' : '' %>">
                <a href="/">Home</a>
              </li>
              <li class="<%= page_name === 'about' ? 'active' : '' %>">
                <a href="/about-us">About <i class="fas fa-plus"></i></a>
              </li>
              <li>
                <a>
                  Products <i class="fas fa-plus"></i>
                </a>
                <ul class="sub-menu">
                  <li class="add-menu-left">
                    <ul>
                      <li class="<%= page_name === 'products' ? 'active' : '' %>">
                        <a href="/products/Holistic Medicine">
                          <span>Holistic Medicine</span>
                        </a>
                      </li>

                      <li class="<%= page_name === 'products' ? 'active' : '' %>">
                        <a href="/products/Nutraceutical Supplements">
                          <span>Nutraceutical Supplements</span>
                        </a>
                      </li>

                    </ul>
                  </li>
                </ul>
              </li>
              <li class="<%= page_name === 'contact' ? 'active' : '' %>">
                <a href="/contact-us">Contact<i class="fas fa-plus"></i></a>
              </li>
              <% if(session.user_logged_in) { %>
                <li
                  class="nav-item dropdown text-capitalize <%= page_name === 'profile' || page_name === 'address' || 'orders' ? 'active' : '' %>">
                  <a class="nav-link dropdown-toggle eclipse" href="#" role="button" data-toggle="dropdown" id="navName"
                    aria-expanded="false"> Welome, <%= session.fullname %> <i class="fas fa-plus"></i></a>
                  <ul class="sub-menu">
                    <li class="add-menu-left">
                      <ul>
                        <li>
                          <a class="dropdown-item" href="/profile">Profile</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/address">Address</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/orders">Orders</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/logout">Logout</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>

                <% }else{ %>
                  <li class="<%= page_name === 'auth' ? 'active' : '' %>">
                    <a href="/auth">Login / Register</a>
                  </li>
                  <% } %>
                    <li class="<%= page_name === 'cart' ? 'active' : '' %>">
                      <a href="/cart">Cart
                        <span id="cartLength">
                          <%= cartLength !=0 ? cartLength : '' %>
                        </span>
                        <i class="fas fa-shopping-cart"></i></a>
                    </li>
            </ul>
            <ul class="social-media">
              <li>
                <a target="_blank" href="https://www.facebook.com/" class="btn btn-primary"><i
                    class="fab fa-facebook-f"></i></a>
              </li>
              <li>
                <a target="_blank" href="https://www.google.com/" class="btn btn-primary"><i
                    class="fab fa-google"></i></a>
              </li>
              <li>
                <a target="_blank" href="https://www.linkedin.com/" class="btn btn-primary"><i
                    class="fab fa-linkedin-in"></i></a>
              </li>
              <li>
                <a target="_blank" href="https://twitter.com/" class="btn btn-primary"><i
                    class="fab fa-twitter"></i></a>
              </li>
            </ul>
            <div class="menu-close">
              <i class="ti-close"></i>
            </div>
          </div>
          <!-- Navigation Menu END ==== -->
        </div>
      </div>
    </div>
    <!-- main header END -->
  </header>
</body>

</html>