ahmadthedev

<div class="container">
  <div class="owl-demo">
    <div class="slide-progress"></div>
    <div class="owl-carousel owl-theme">
      <div class="item">
        <img src="http://placehold.it/850x350" alt="slide">
      </div>
      <div class="item">
        <img src="http://placehold.it/850x350" alt="slide">
      </div>

ahmadthedev

<?php
/**
 * Lazy Load All Images
 * 
 * To Exclude, simply add this attr to img html: loading="not_lazy"
 *
 * @param string $html          Post thumbnail HTML
 * 
 * @return string Filtered post image HTML.
 */

ahmadthedev

import pandas as pd
import requests, csv, time, lxml, cchardet, re
from bs4 import BeautifulSoup
import concurrent.futures

sitemap = '' # Sitemap URL

s = requests.session()
sm = s.get(sitemap)
sm_soup = BeautifulSoup(sm.text, 'lxml')

ahmadthedev

<?php
if( have_posts() ):
    while( have_posts() ) : the_post();
        get_template_part( 'template-parts/content', get_post_format() );
    endwhile;

    the_posts_pagination(array(
        'mid_size'  => 2,
        'prev_text' => __('« Previous'),
        'next_text' => __('Next »'),

ahmadthedev

<style>
.vid-buttons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;}
.play-pause-button{width:100%;height:100%;display:flex;border-radius:100%;background-color:#ffffff;justify-content:center;align-items:center;}
.play-pause-button>span{height:24px;}
</style>

<div class="vimeo-player" data-vimeo_id="<?php // vimeo video id ?>"></div>
<div class="vid-buttons">
    <a href="javascript:;" class="play-pause-button">
        <span class="play-icon"><?php echo icon_play('#000'); ?></span>

ahmadthedev

<div id="product-gallery">
    <div id="splide-thumbnail" class="splide">
        <div class="splide__track">
            <ul class="splide__list">
                <li class="splide__slide" aria-label="Carousel item"></li>
                <li class="splide__slide" aria-label="Carousel item"></li>
                <li class="splide__slide" aria-label="Carousel item"></li>
            </ul>
        </div>
    </div>

ahmadthedev

<script>
document.addEventListener('DOMContentLoaded', function () {
	const queryString = window.location.search;

	if (!queryString) return; // no UTM parameters, nothing to do

	const links = document.querySelectorAll('a[href^="/"], a[href*="' + location.hostname + '"]');

	links.forEach(link => {
		const url = new URL(link.href);

ahmadthedev

<?php

use Filament\View\PanelsIconAlias;
use Filament\Support\Icons\Heroicon;
use Filament\Forms\View\FormsIconAlias;
use Filament\Tables\View\TablesIconAlias;
use Filament\Support\Facades\FilamentIcon;
use Filament\Schemas\View\SchemaIconAlias;
use Filament\Actions\View\ActionsIconAlias;
use Filament\Support\View\SupportIconAlias;