anwerashif

<?php
// Do NOT include opening tag

/**
 * Related Popular Posts.
 *
 * @package      StudioPlayer
 * @link         https://rainastudio.com/themes/studioplayer
 * @author       RainaStudio
 * @copyright    Copyright © 2018 RainaStudio

anwerashif

<?php
/**
 * Front Page.
 *
 * @package      StudioPlayer
 * @link         https://rainastudio.com/themes/studioplayer
 * @author       RainaStudio
 * @copyright    Copyright © 2018 RainaStudio
 * @license      GPL-2.0+
 */

anwerashif

<?php

$fields = array (
    'field-01' => __( 'Icon URL', 'menu-item-custom-icon_field' ),
    'field-02' => __( 'New Field', 'menu-item-custom-new_field' ),
);

// funtion to add fields to menu item
function add_menuset_c_fields( $id, $item, $depth, $args ) {

anwerashif

.c-loading .elementor-progress-wrapper {
    -webkit-animation-duration: 10s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

anwerashif

(function () {
  const sampleData = [
    { 
      name: "Nola D.", 
      location: "New York", 
      product: "Bundle of 3 Correct & Boost Serums", 
      mapImage: "https://img.funnelish.com/51272/685804/1737272988-3NUWR_1UTUTU-Photoroom.webp"
    },
    { 
      name: "Emma R.", 

anwerashif

<section class="top-nav">
    <input id="menu-toggle" type="checkbox">
    <label class="menu-button-container" for="menu-toggle">
        <div class="menu-button"></div>
    </label>
    <ul class="menu">
        <li><a href="#">Track order</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">FAQ</a></li>
    </ul>

anwerashif

document.querySelectorAll('.faq-header').forEach((header, index) => {
  const number = (index + 1).toString().padStart(2, '0');
  header.innerHTML = `<span style="font-weight: bold; margin-right: 8px;">${number}.</span> ${header.innerHTML}`;
});

anwerashif

<script>
document.addEventListener('DOMContentLoaded', () => {
    const contentabs = document.querySelector(".tabContents");
    const content = Array.from(contentabs.children);

    content.forEach((item, index) => {
        item.classList.add("content-tab");
        if (index === 0) {
            item.classList.add("active");
        }

anwerashif

<p style="font-size:16px; text-align: right; color: #303030;">Just <span class="stockCountdown" style="font-weight:bold; color: black;">15</span> left in stock</p>
<script>
document.addEventListener("DOMContentLoaded", function () {
    var minute = 15;
    var sec = 6;
    setInterval(function() {
        document.querySelectorAll(".stockCountdown").forEach(el => {
            el.innerHTML = minute;
        });
        sec--;

anwerashif

<script>
document.addEventListener("DOMContentLoaded", function () {
  // Select the element
  const dateElement = document.querySelector(".myDate u");

  if (dateElement) {
    // Format the current date as "Month DD, YYYY"
    const options = { year: "numeric", month: "long", day: "2-digit" };
    const currentDate = new Date().toLocaleDateString("en-US", options);