# Download the helper library from https://www.twilio.com/docs/ruby/install
require 'rubygems'
require 'twilio-ruby'

# Find your Account SID and Auth Token at twilio.com/console
# and set the environment variables. See http://twil.io/secure
account_sid = ENV['TWILIO_ACCOUNT_SID']
auth_token = ENV['TWILIO_AUTH_TOKEN']
@client = Twilio::REST::Client.new(account_sid, auth_token)

verification = @client.verify
                      .v2
                      .services('VAXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX')
                      .verifications
                      .create(to: '+15017122661', channel: 'sms')

puts verification.sid

# Download the helper library from https://www.twilio.com/docs/ruby/install
require 'rubygems'
require 'twilio-ruby'

# Find your Account SID and Auth Token at twilio.com/console
# and set the environment variables. See http://twil.io/secure
account_sid = ENV['TWILIO_ACCOUNT_SID']
auth_token = ENV['TWILIO_AUTH_TOKEN']
@client = Twilio::REST::Client.new(account_sid, auth_token)

verification = @client.verify
                      .v2
                      .services('VAXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX')
                      .verifications
                      .create(to: '+15017122661', channel: 'sms')

puts verification.sid

curl -X POST \
  https://verify.twilio.com/v2/Services/VAxxxxxxxxxxxxxxxxx/Verifications \
  --data-urlencode "To=+19876543210" \
  --data-urlencode "Channel=sms"

function getRandom10CharString() {
    const timestamp = Date.now().toString(36); // Convert timestamp to base 36
    const randomString = Math.random().toString(36).substr(2); // Generate a random base 36 string
    const combinedString = timestamp + randomString; // Combine the two strings
    return combinedString.substr(0, 10); // Return the first 10 characters
}

console.log(getRandom10CharString());

 <ul className='rating'>
    {Array.from({ length: 10 }, (_, i) => (
      <li key={`rating-${i + 1}`}>
        <input
          type='radio'
          id={`num${i + 1}`}
          name='rating'
          value={i + 1}
          onChange={handleChange}
          checked={selected === i + 1}
        />
        <label htmlFor={`num${i + 1}`}>{i + 1}</label>
      </li>
    ))}
  </ul>

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    box-sizing: border-box;
}

header {
    /* position: sticky;
    box-shadow: ; */
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 80px;
    position: sticky;
    z-index: 999;

    box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.274);
}

nav {
    display: flex;

}

.logo {
    width: 50px;
    margin-top: 22px;
    padding-left: 55px;
}

.logo img {
    width: 50px;
}


/* @media (min-width:1344px) and (max-width:1440px) {
    .logo {
        padding-left: 0px;
        margin-left: 25px;
        margin-top: 25px;
    }

    .logo img {
        width: 40px;

    }
} */

.nav-ul li {
    list-style: none;
}

.nav-ul li a {
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .3px;
    color: #282c3f;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width:1344px) and (max-width:1440px) {
    .nav-ul li a {
        font-size: 13px;
    }


}

@media (min-width:1247px) and (max-width:1343px) {
    .logo img {
        width: 42px;
    }

    .logo {
        margin-top: 25px;
    }
}


@media (min-width:1247px) and (max-width:1343px) {
    .nav-ul li a {
        font-size: 13px;
    }
}

@media (min-width:1024px) and (max-width:1246px) {
    .logo {
        display: block;
    }
}

@media (min-width:1024px) and (max-width:1246px) {
    .checkbtn {
        display: none;
    }

    /* .logo img{
        display: none;
    } */
}


.checkbtn {
    font-size: 30px;
    color: black;
    float: right;
    line-height: 80px;
    cursor: pointer;
    left: -100%;
    display: none;
    margin-left: 15px;

}

#clicks {
    display: none;
}




.nav-ul {
    display: flex;
    gap: 25px;
    justify-content: center;
    margin-top: 28px;
}

@media (max-width:768px) {
    nav {
        justify-content: space-between;

    }

    .last-footer-myntra,
    .secound-last-footer, .pop-searches p, .pop-searches h4, .last-footer-myntra, .shoppp, .social-icon, .option-three-down h5, .customerpolicies h5, .fullinks h5, .fullinks a{

        margin-left: -120px;
    }
    .pop-searches{
        margin-right: 1px;
        margin-left: 0px;
    }

    nav ul {
        position: fixed;
        top: 50px;
        left: -100%;
        background-color: #fff;
        height: 100vh;
        display: block;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }

    .info-section,
    .contact,
    .copyright,
    .flipkartcompany,
    .horizontal-line {
        display: none;
    }

    .iconfirst p,
    .iconsecound p,
    .iconthird p {
        display: none;
    }

    .four-option-footer {
        margin-left: 20px;
    }

    .option-one,
    .option-two,
    .option-three-up,
    .option-four {
        display: none;
    }

    .threeicons {
        margin-right: 25px;
        margin-top: 8px;
    }

    .searchicons {
        margin-left: 250px;
    }

    #clicks:checked~ul {
        left: 0%;
    }

    .checkbtn {
        display: block;
    }

    .logo {
        display: none;
    }

    .nav-ul {
        display: block;
    }

    .nav-ul li {
        margin: 40px 0;
    }

    .nav-ul li a {
        font-size: 20px;
        display: block;
    }

    .searchbar {
        display: none;
    }

    .search {
        display: none;
    }

    .search-icon {
        display: none;
    }
}

@media (min-width:1247px) and (max-width:1343px) {
    .nav-ul {
        gap: 10px;
        padding-left: 10px;

    }
}


.sub {
    top: -0.4rem;
    font-size: 10px;
    line-height: 0;
    position: relative;
    color: #ff3f6c;
    font-weight: 700;
    vertical-align: baseline;
    text-transform: uppercase;
}

.searchbar {
    display: flex;
    margin-top: 12px;
    margin-left: 75px;
}

@media (min-width:1247px) and (max-width:1343px) {
    .searchbar {
        margin-left: 79px;
    }
}


.search {
    width: 267px;
    height: 40px;
    margin-top: 8px;
    background: #f5f5f6;
    border: 1px solid #f5f5f6;
}

@media (min-width:1024px) and (max-width:1246px) {
    .logo {
        padding-left: 25px;
    }

    .nav-ul {
        gap: 15px;
        padding-left: 8px;
    }

    .nav-ul li a {
        font-size: 14px;
    }

    .threeicons {
        gap: 7px;
    }

    .searchbar {
        margin-left: 60px;
    }

    .search {
        width: 107px;
    }




}

/* @media (min-width:1025px) and (max-width:1269px) {
    #search {
        width: 274px;
        height: 34px;
    }
} */

/* @media screen and (max-width:1024px) {
    #search {
        width: 200px;
    }

} */

::placeholder {
    font-size: 15px;
}

.search-icon {
    background: #f5f5f6;
    border: 1px solid #f5f5f6;
    height: 38px;
    margin-top: 8px;
    margin-left: 45px;
    width: 39px;
    color: #7c7c7c;
}

.search-icon i {
    margin-top: 10px;
    padding-left: 12px;
}

.threeicons {
    display: flex;
    gap: 20px;
    margin-left: 45px;
}



.serachicon,
.iconfirst,
.iconsecound,
.iconthird {
    align-items: center;
    text-align: center;
    margin-top: 20px;
}

.iconfirst p,
.iconsecound p,
.iconthird p {
    margin: 0;
    text-transform: capitalize;
    font-weight: 650;
    font-size: 12px;
}

.bannertwo img,
.bannerthree-image li a img,
.bannerfive-image li a img {
    width: 100%;
}

.bannerfour img {
    width: 100%;
    margin-top: -5px;
}

.bannerthree-image,
.bannerfour {
    display: flex;
    padding-left: 50px;
    padding-right: 50px;
}

.bannerfive-image {
    display: flex;
}

.bannerthree-image li,
.bannerfive-image li {
    list-style: none;
}

.crazydeals img {
    width: 100%;
}

.pic-one li a img {
    width: 100%;
}

.pic-one {
    display: flex;
}

.pic-one li {
    list-style: none;
}

.catogories img {
    width: 100%;
}

.bannerlast img {
    width: 100%;
}




/* FOOTER SECTION */
.myntra-footer {
    position: relative;
    z-index: 5;
    padding: 30px 0px 40px 0px;
    background: #FAFBFC;

}

.last-footer-myntra h3 {
    color: #535766 !important;
    font-size: 14px;
    line-height: 5px;
    margin-left: 142Px;
}



.last-footer-myntra p {
    line-height: 18px;
    color: #94969f;
    font-size: 13px;
    padding-bottom: 50px;
    margin-left: 142Px;
    margin-right: 130px;

}




.secound-last-footer h3 {
    color: #535766 !important;
    font-size: 14px;
    line-height: 5px;
    margin-left: 142Px;
}

.secound-last-footer p {
    line-height: 18px;
    color: #94969f;
    font-size: 13px;
    padding-bottom: 5px;
    margin-left: 142Px;
    margin-right: 130px;

}



.secound-last-footer ul li {
    list-style: decimal-leading-zero;
    /* line-height: 18px; */
    padding-bottom: 15px;
    color: #94969f;
    font-size: 13px;
    margin-left: 142Px;
    margin-right: 130px;

}

span.cool {
    font-weight: 700;
    color: #282c3f;
}

.horizontal-line {
    border-top: 1px solid #eaeaec;
    margin-left: 142Px;
    margin-right: 130px;
}

.info-section {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin-left: 142Px;
    margin-right: 130px;
    padding-bottom: 15px;
    color: #94969f;

}




.blue-contact {
    color: #526cd0;
    font-weight: 700;
}

.pop-searches {
    font-size: 14px;
    margin-left: 142Px;
    margin-right: 130px;
    padding-bottom: 15px;
    color: #696b79;
}

.pop-searches h4 {
    color: #535766;
    font-size: 12px;
}

.four-option-footer {
    display: flex;
    /* justify-content: center; */
    gap: 65px;
    margin-left: 142px;
    margin-right: 130px;


}

.option-three {
    margin-top: 3px;

}

.option-one li,
.option-two li,
.links li {
    list-style: none;

}

.links li a {
    text-decoration: none;
    padding-bottom: 15px;
    line-height: 25px;
    font-size: 14px;
    color: #696b79;
}


.gplay img {
    width: 140px;
    margin-right: 10px;
}

.istore img {
    width: 122px;
}

.social-icon img {
    width: 25px;
}

.option-four {
    margin-top: 10px;
}

.ori-size img {
    margin-top: 13px;
    margin-right: 5px;
    width: 48px;
    height: 40px;
}

.rep-size img {
    width: 48px;
    height: 49px;
    margin-right: 5px;
    margin-top: 3px;
}

.image-horizontal-div {
    display: flex;
}

.option-one,
.option-two {
    /* margin-left: 142Px;
    margin-right: 130px; */
    padding-bottom: 15px;
    line-height: 25px;
    font-size: 14px;
    color: #696b79;

}

.links {
    /* margin-left: 142Px;
    margin-right: 130px; */
    padding-bottom: 15px;
    line-height: 25px;
    font-size: 14px;
    color: #696b79;
}

.option-one h5,
.option-two h5,
.option-three h5 {
    font-family: "Roboto" sans-serif;
    font-size: 12px;
    color: #282c3f;
    font-weight: 700;

}

.social-icon {
    display: flex;
    gap: 15px;
}

.option-four-img img {
    display: flex;
}

.orig,
.rep {
    display: flex;
}

.orig,
.rep {
    font-size: 14px;
    color: #696b79;
}

.ori-2 {
    font-size: 14px;
    color: black;
    font-weight: 700;
}

.rep-2 {
    font-size: 14px;
    color: black;
    font-weight: 700;
    font-family: "ROBOTO" sans-serif;
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Online Shopping for Women, Men, Kids Fashion & Lifestyle - Myntra</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.css">
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <header class="header">
        <nav>

            <input type="checkbox" id="clicks">
            <label for="clicks" class="checkbtn">
                <i class="fa fa-bars"></i>
            </label>
            <div class="logo">
                <a href="#"><img src="img/myntra-Logo-PNG_zqavvs.png" alt=""></a>
            </div>
            <div class="navbar">
                <ul class="nav-ul">
                    <li>
                        <a href="D:\01-NOV-2023-Projects\Myntra-project-2\index.html">Men</a>
                    </li>
                    <li>
                        <a href="D:\01-NOV-2023-Projects\Myntra-project-2\wo.html">Women</a>
                    </li>
                    <li>
                        <a href="D:\01-NOV-2023-Projects\Myntra-project-2\kid.html">Kids</a>
                    </li>
                    <li>
                        <a href="D:\01-NOV-2023-Projects\Myntra-project-2\hom.html">Home & Living</a>
                    </li>
                    <li>
                        <a href="">Beauty</a>
                    </li>
                    <li>
                        <a href="">Studio <sub class="sub">new</sub></a>
                    </li>
                </ul>
            </div>
            <div class="searchbar">
                <div class="search-icon">
                    <i class="fa fa-search"></i>
                </div>
                <div class="search-box">
                    <input type="search" name="search" class="search"
                        placeholder="Search for products, brands and more">
                </div>
            </div>
            <div class="threeicons">
                <div class="serachicon">
                    <i class="fa-solid fa-magnifying-glass" style="color: #000000;"></i>
                </div>
                <div class="iconfirst">
                    <i class="fa-solid fa-user" style="color: #000000;"></i>
                    <p>profile</p>
                </div>
                <div class="iconsecound">
                    <i class="fa-solid fa-heart" style="color: #000000;"></i>
                    <p>whislist</p>
                </div>
                <div class="iconthird">
                    <i class="fa-solid fa-bag-shopping"></i>
                    <p>cart</p>
                </div>
            </div>
        </nav>
    </header>
    <section>
        <div class="content-container">
            <div class="bannertwo">
                <img src="https://assets.myntassets.com/f_webp,w_980,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/0f3abf3d-d305-41fe-a491-759abf1122011701953843355-FLAT-500-Off-on-1st-Purchase-Strip.jpg"
                    alt="">
            </div>
            <div class="bannerthree">
                <div class="bannerthree-image">
                    <li>
                        <a href="#">
                            <img src="https://assets.myntassets.com/f_webp,w_490,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/10/36e1ab79-afa9-463b-8b74-81e716039fd51702187450219-desktop-main-slices_01.gif"
                                alt=""></a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://assets.myntassets.com/f_webp,w_490,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/10/89c1c013-ca48-4880-9923-d4764d35dafe1702187450211-desktop-main-slices_02.gif"
                                alt=""></a>
                    </li>
                </div>
            </div>
            <div class="bannerfour">
                <img src="https://assets.myntassets.com/f_webp,w_980,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/387761bd-69df-47db-8fbf-7e2b149708291701954034425-Sponsor-Strip.jpg"
                    alt="">
            </div>
            <div class="bannerfive">
                <div class="bannerfive-image">
                    <li><a href="#"><img
                                src="https://assets.myntassets.com/f_webp,w_490,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/735575c2-03ab-49aa-888e-c625bc3ab8a51701954347074-MYNTRA200.jpg"
                                alt=""></a></li>
                    <li><a href="#"><img
                                src="https://assets.myntassets.com/f_webp,w_490,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/05c93476-a96e-4d98-9ecf-ce3c6229631b1701954347094-MYNTRA100.jpg"
                                alt=""></a></li>
                </div>
            </div>
        </div>
    </section>
    <section class="webcontent">
        <div class="crazydeals">
            <img src="https://assets.myntassets.com/f_webp,w_980,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/eb1f8f53-6288-4cb1-a7e9-e1f4a140766a1701954621249-Crazy-Deals.jpg"
                alt="">
        </div>
        <div class="containerone">
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/6/0e221124-1811-43e1-b8b1-0811f5496d071701844927530-image_png1050553154.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/2f3f5039-747c-4d77-8bca-a210a926803b1701496083671-Adidas_min._50_off.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/ace0cb60-33a0-4309-8f52-39897f9064d01701496083365-Anouk_HOP_-_More_Min_65.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/bcfa3725-3d9b-4953-a500-19196e52e3771701496083280-Aurelia-_GD_.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/a5559538-1264-419d-ae90-6dbfdd6ac8f11701496083479-Biba-_W.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/6/63f9cf8e-ab6e-4eff-95b1-c032777675491701848153374-image_png93945355.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/e2eb2ffe-1942-46c7-b07f-4a34a76039ca1701502190296-Philips-_Braun_Min_25.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/6/1be164ff-d46c-4a3e-9379-33de5ba65cbd1701842418214-image_png442697016.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/4182305b-e94f-4ebf-ab8d-0460de2b55b61701502190284-Olay-_Kaya_-_min_30_off.png"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/6/167abc3b-a343-4fd3-973d-ab25780b92f41701842433891-image_jpeg1727247391.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_89,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/2/506a66ef-6ff6-482c-bae3-b70e61e19eaf1701502190255-Lakme.png"
                            alt=""></a></li>
            </div>
        </div>
        <div class="containertwo">
            <div class="catogories">
                <img src="https://assets.myntassets.com/f_webp,w_980,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/a1e6f8cf-f614-4e3f-9ef7-9f2d42854c8d1701954621266-Shop-By-Category.jpg"
                    alt="">
            </div>
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/440784b9-87a9-4062-9dff-9297e5d1cbb61700724828383-Shop-By-Category_HP--1-_01.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/f4adce2b-d535-4375-babe-d9ace76d189c1700724828389-Shop-By-Category_HP--1-_02.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/938dca15-a1e9-44bb-8587-4a558910e4411700724828394-Shop-By-Category_HP--1-_03.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/2c8f2de6-8a56-4f65-ac89-a3f70ce4a0191700724828399-Shop-By-Category_HP--1-_04.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/1c816444-25f9-45e7-b477-d0516457f6aa1700724828404-Shop-By-Category_HP--1-_05.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/18501a22-e63e-4673-8870-66ad9bf8fa171700724828408-Shop-By-Category_HP--1-_06.jpg"
                            alt=""></a></li>
            </div>
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/6ec91573-e469-41b4-9fce-3c8e703ba5811700724828413-Shop-By-Category_HP--1-_07.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/2b6f7b84-ffc9-4daf-9d5e-05a36038f1c71700724828418-Shop-By-Category_HP--1-_08.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/95b224e0-7d30-4e7c-b2d6-26f7d8d24a7f1700724828423-Shop-By-Category_HP--1-_09.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/0a04f91e-cbdf-4661-9d5e-2a2979b3a11d1700724828428-Shop-By-Category_HP--1-_10.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/f2416304-0d29-4afe-94a2-3fa0c7e8d7bd1700724828433-Shop-By-Category_HP--1-_11.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/f63bdfec-0123-4657-8a7b-87877ae46ec01700724828438-Shop-By-Category_HP--1-_12.jpg"
                            alt=""></a></li>
            </div>
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/a70ce50d-da04-4dba-8b6f-a5aff55c97371700724828443-Shop-By-Category_HP--1-_13.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/5b5af732-3334-4b75-bc71-82d9008e58b81700724828448-Shop-By-Category_HP--1-_14.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/400800b9-c35f-4f17-8b49-e62ff3a4b7c31700724828454-Shop-By-Category_HP--1-_15.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/3b14a0b3-5b33-4f81-b37c-42246ad0ee971700724828459-Shop-By-Category_HP--1-_16.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/da4629ca-c2ea-4bed-aef3-090d8d5c89b11700724828464-Shop-By-Category_HP--1-_17.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/3e460c64-852e-469f-927e-802e0d332d0f1700724828469-Shop-By-Category_HP--1-_18.jpg"
                            alt=""></a></li>
            </div>
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/8ae58ee3-5f49-4ac4-8d4e-dd3fc2c80c241700724828474-Shop-By-Category_HP--1-_19.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/1a869f0d-ea0a-47cc-aa87-0135660f73db1700724828480-Shop-By-Category_HP--1-_20.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/fe176c3c-b9c2-4320-a1a5-2a472d6f7c9c1700724828485-Shop-By-Category_HP--1-_21.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/4b02d260-bc59-43b1-a82d-b7e3b266cfd81700724828490-Shop-By-Category_HP--1-_22.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/5ac8afbb-f3ef-41db-9c0d-ee43f2fda60e1700724828495-Shop-By-Category_HP--1-_23.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/22608310-fb3d-448c-9be1-5175a673c8251700724828501-Shop-By-Category_HP--1-_24.jpg"
                            alt=""></a></li>
            </div>
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/972646b3-c10c-4833-bca9-ab164094692b1700724828506-Shop-By-Category_HP--1-_25.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/227e9aaa-e4cd-4fa7-bd4f-39b621a468641700724828512-Shop-By-Category_HP--1-_26.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/b614198b-9f72-4cd6-adcb-1f444750987a1700724828517-Shop-By-Category_HP--1-_27.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/32381343-ca7c-47c6-8cf3-ca2885c2db201700724828523-Shop-By-Category_HP--1-_28.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/aae56ec0-6266-4e11-9ec4-21f73b3ee7a61700724828529-Shop-By-Category_HP--1-_29.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_163,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/ae18e9b3-6ee8-4796-a55a-afc573af278b1700724828534-Shop-By-Category_HP--1-_30.jpg"
                            alt=""></a></li>
            </div>
            <div class="pic-one">
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_196,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/23e46f2c-a7ab-4cde-b3d4-d9a194ab23511700724828540-Shop-By-Category_HP--1-_31.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_196,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/019aa46e-3b51-4312-a615-8ee88afa95471700724828546-Shop-By-Category_HP--1-_32.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_196,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/7b5514bc-9830-4f98-b7e6-1838aec65f1a1700724828552-Shop-By-Category_HP--1-_33.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/f_webp,w_196,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/46744d51-efff-4b99-9330-d6dfef2eb0db1700724828558-Shop-By-Category_HP--1-_34.jpg"
                            alt=""></a></li>
                <li><a href="#"><img
                            src="https://assets.myntassets.com/w_196,c_limit,fl_progressive,dpr_2.0/assets/images/2023/11/23/3410387d-096b-4dc7-b12f-de5b364966ff1700724828563-Shop-By-Category_HP--1-_35.jpg"
                            alt=""></a></li>
            </div>
            <div class="bannerlast">
                <img src="https://assets.myntassets.com/w_980,c_limit,fl_progressive,dpr_2.0/assets/images/2023/12/7/85320b1d-9e96-4a04-958a-dcbb866d55a41701971522578-App-Install-Banner.jpg"
                    alt="">
            </div>
        </div>
    </section>
    <!-- FOOTER START -->
    <footer class="myntra-footer">
        <div class="four-option-footer">
            <div class="option-one">
                <h5><strong>ONLINE SHOPPING</strong></h5>
                <li><a href=""></a>Home</li>
                <li><a href=""></a>Kids</li>
                <li><a href=""></a>Home & Living</li>
                <li><a href=""></a>Beauty</li>
                <li><a href=""></a>Gift Cards</li>
                <li><a href=""></a>Myntra Insider</li>
                <div class="links">
                    <h5><strong>USEFUL LINKS</strong></h5>
                    <li><a href="">Blog</a></li>
                    <li><a href="">Careers</a></li>
                    <li><a href="">Site Map</a></li>
                    <li><a href="">Corporate Information</a></li>
                    <li><a href="">Whitehat</a></li>
                    <li><a href="">Cleartrip</a></li>
                </div>
            </div>

            <div class="option-two">
                <h5><strong>CUSTOMER POLICIES</strong></h5>
                <li><a href=""></a>Copntact Us</li>
                <li><a href=""></a>FAQ</li>
                <li><a href=""></a>T&C</li>
                <li><a href=""></a>Terms Of Use</li>
                <li><a href=""></a>Track Orders</li>
                <li><a href=""></a>Shipping</li>
                <li><a href=""></a>Cancellation</li>
                <li><a href=""></a>Returns</li>
                <li><a href=""></a>Privacy Policy</li>
                <li><a href=""></a>Grivence Officer</li>
            </div>
            <div class="option-three">
                <div class="option-three-up">
                    <h5><strong>EXPERIENCE MYNTRA APP ON MOBILE</strong></h5>
                    <div class="image-horizontal-div">
                        <div class="gplay">
                            <img src="https://constant.myntassets.com/web/assets/img/80cc455a-92d2-4b5c-a038-7da0d92af33f1539674178924-google_play.png"
                                alt="">
                        </div>
                        <div class="istore">
                            <img src="https://constant.myntassets.com/web/assets/img/bc5e11ad-0250-420a-ac71-115a57ca35d51539674178941-apple_store.png"
                                alt="">
                        </div>
                    </div>
                </div>
                <div class="shoppp">
                    <h5>SHOP FOR</h5>
                    <a href="#">Explore | Men | Women | Home & living</a>
                </div>
                <div class="option-three-down">
                    <h5><strong>KEEP IN TOUCH</strong></h5>
                    <div class="social-icon">
                        <div class="fb">
                            <img src="https://constant.myntassets.com/web/assets/img/d2bec182-bef5-4fab-ade0-034d21ec82e31574604275433-fb.png"
                                alt="">
                        </div>
                        <div class="x">
                            <img src="https://constant.myntassets.com/web/assets/img/f10bc513-c5a4-490c-9a9c-eb7a3cc8252b1574604275383-twitter.png"
                                alt="">
                        </div>
                        <div class="yt">
                            <img src="https://constant.myntassets.com/web/assets/img/a7e3c86e-566a-44a6-a733-179389dd87111574604275355-yt.png"
                                alt="">
                        </div>
                        <div class="insta">
                            <img src="https://constant.myntassets.com/web/assets/img/b4fcca19-5fc1-4199-93ca-4cae3210ef7f1574604275408-insta.png"
                                alt="">
                        </div>
                    </div>
                </div>
                <div class="customerpolicies">
                    <h5>CUSTOMER POLICY</h5>
                    <a href="#">Contact us | FAQ |T&C |Terms of Use | Track Orders | Shipping | Cancellation | Returns |
                        Privacy Policy</a>
                    <style>
                        .customerpolicies h5,
                        .shoppp h5,
                        .fullinks h5 {
                            text-decoration: none;
                            color: #3e4152;
                            font-size: 13px;
                            text-align: left;
                            line-height: 1.7;
                            display: none;
                        }

                        .customerpolicies,
                        .shoppp,
                        .fullinks {
                            font-weight: 500;
                        }

                        .customerpolicies a {
                            margin-left: -120px;
                            text-decoration: none;
                            color: #3e4152;
                            font-size: 13px;
                            display: none;
                            text-align: left;
                            line-height: 1.7;
                        }

                        .shoppp a,
                        .fullinks a {
                            text-decoration: none;
                            display: none;
                            color: #3e4152;
                            font-size: 13px;
                            text-align: left;
                            line-height: 1.7;
                        }
                    </style>
                </div>
                <div class="fullinks">
                    <h5>USEFUL LINKS</h5>
                    <a href="#">BLOG | Careers | Site Map | Corporate Information | Whitehat</a>
                </div>
            </div>
            <div class="option-four">
                <div class="option-four-logo">
                    <div class="orig">
                        <div class="ori-size">
                            <img src="https://constant.myntassets.com/web/assets/img/6c3306ca-1efa-4a27-8769-3b69d16948741574602902452-original.png"
                                alt="">
                        </div>
                        <p><span class="ori-2">100% ORIGINAL</span> guarantee for <br> all products at myntra.com
                        </p>
                    </div>
                    <div class="rep">
                        <div class="rep-size">
                            <img src="https://assets.myntassets.com/assets/images/retaillabs/2023/5/22/becb1b16-86cc-4e78-bdc7-7801c17947831684737106127-Return-Window-image.png"
                                alt="">
                        </div>
                        <p><span class="rep-2">Return within 14days </span>of receiving your order</p>
                    </div>
                </div>
            </div>

        </div>
        <div class="pop-searches">
            <h4><strong>POPULAR SEARCHES</strong></h4>
            <p>Sherwani | Track Pants | Blazers | Sweaters For Men | Men Wedding Dresses | Kurta Pajama | Raincoats
                |
                Shorts Trousers | Waistcoat | Inner Wear | Nightwear | Jeans | Shirts | Jogger Jeans | Men Suits | T
                Shirts Sweatshirts | Jackets For Men | Tracksuits | Ripped Jeans | Ethnic Wear | Hoodies | Raksha
                Bandhan Gifts | Watches | Shoes | Belts Swimwear | Dhotis | Boxers | Vests | Thermals Socks | Shrugs
                |
                Bracelets | Rings Sunglasses | Headphones Wallets Helmets | Caps | Mufflers | Gloves | Ties |
                Cufflinks
                | Men Sandals | Floaters | Flip Flops | Trunks | Bags </p>
        </div>
        <div class="info-section">
            <div class="contact">
                In case of any concern,<span class="blue-contact"> Contact Us</span>
            </div>
            <div class="copyright">
                © 2023 www.myntra.com. All rights reserved.
            </div>
            <div class="flipkartcompany">
                A Flipkart Company
            </div>
        </div>
        <div class="horizontal-line"></div>
        <div class="margin-container">
            <div class="secound-last-footer">
                <h3><strong>MEN’S SHOPPING AT MYNTRA: A SUPERIOR EXPERIENCE</strong></h3>
                <p>Myntra is one of the best sites when it comes to online shopping for men. The finest of material,
                    superior design and unbeatable style go into the making of our men’s shopping collection. Our
                    range
                    of
                    online shopping men’s wear, accessories, footwear and personal care products are second to none.
                    Compared with other men’s shopping sites, Myntra brings you the best price products which won’t
                    hurt
                    your pocket. With seasonal discounts on trendy casual wear, suits, blazers, sneakers and more,
                    online
                    shopping for men at Myntra just gets even more irresistible!</p> <br>
                <h3><strong>ONLINE SHOPPING FOR MEN: OPTIONS UNLIMITED</strong></h3>
                <p>At Myntra, our online shopping fashion for men collection features plenty of options to create
                    multiple
                    outfits. At our men’s online shop we have brought together an exhaustive range of products from
                    the
                    best
                    men’s brands. Here is a list of must-haves from the wide variety of awesome products at Myntra:
                </p>
                <ul>
                    <li>
                        Opt for a charming yet laid-back look with cool <span class="cool">T-shirts</span> and
                        casual
                        shirts
                        worn with stylish jeans,
                        casual trousers or shorts. Stay sharp and sophisticated with our smart options in formal
                        shirts
                        and
                        trousers. Look dapper when meeting your clients in our smooth suits. Put on trendy blazers
                        for
                        formal occasions. On your online men’s clothes’ shopping journey, make sure you include
                        kurtas,
                        jackets and sherwanis from our festive wear collection. Stay warm and comfortable in
                        sweaters
                        and
                        sweatshirts. Get fit and ready for adventure, with our sports and active wear collection.
                    </li>
                    <li>
                        Once you are done with your online men’s clothes’ shopping, make sure you pick up the right
                        accessories to complement your look. Whether you are travelling to work or outside the city
                        our
                        wide
                        variety of bags, backpacks and luggage collection will ensure you are well-packed. Our
                        beautiful
                        watches and smart watches work well to enhance your overall style quotient. Reach out for
                        our
                        sunglasses during the summers – let your eyes stay protected while you opt for maximum swag.
                    </li>
                    <li>Bring impeccable style to your shoe closet with our incredible collection of footwear for
                        men.
                        Look
                        classy during formal and semi-formal occasions with derbies, loafers and oxfords. Stay hip
                        and
                        happening in parties with boat shoes, monks and brogues from our casual men’s footwear
                        range.
                        Lead
                        an active lifestyle with sneakers and running shoes from our sports footwear selection. Pick
                        up
                        sandals, floaters and flip-flops for a trip to the beach. We also host socks in our men’s
                        online
                        shopping collection. That’s basically everything under one roof!</li>
                </ul>
                <p>Make sure you check out fun printed men’s T-shirts featuring your favourite characters from DC
                    Comics
                    and
                    Marvel studios. Relive the magic of your favourite superhero from Justice League. Fly high with
                    Superman, battle the bad guys with Batman, or get trendy in lightning-speed with a Flash
                    T-shirt.
                    Grab
                    our cool Marvel Avengers T-shirts. Stay powered up with the Iron Man, or walk with the warriors
                    in a
                    Thor T-shirt.</p>
                <p>
                    Our online shopping fashion for mens collection includes even more amazing merchandise such as
                    innerwear, sleepwear, track pants, personal care, wallets, belts and other fashion accessories.
                </p>
            </div>
            <div class="last-footer-myntra">
                <h3><strong>MEN’S SHOPPING MADE EASY AT MYNTRA</strong></h3>
                <p>
                    Myntra is the most convenient men’s online store, what with our simplified shopping and payment
                    procedures. With just a few clicks of the mouse or taps on your smartphone, you can buy your
                    favorites
                    from the best men’s brands right away.
                </p>
            </div>
        </div>
    </footer>
</body>

</html>

//// Validate if Email field is spam
add_action( 'elementor_pro/forms/validation/email', function( $field, $record, $ajax_handler ) {
    // Looking if email found in spam array, you can add to the array
  $spamemails = array("ericjonesonline@outlook.com", "eric@talkwithwebvisitor.com");
    if ( in_array( $field['value'] , $spamemails) ) {
        $ajax_handler->add_error( $field['id'], 'אנחנו לא אוהבים ספאם, נסו מייל אחר' );
    }
}, 10, 3 );

import java.io.*;

public class FileInputStreamDemo
{
	public static void main(String[] args)
	{   FileInputStream fis = null;
	    try{
			fis = new FileInputStream("FileInputStreamDemo.java");
			System.out.println("Available data: "+fis.available()+
                                   " bytes.");
			int c = fis.read();
			while(c != -1)
			{   System.out.print((char)c);
				c = fis.read();
			}
		}
		catch(IOException ie)
		{ ie.printStackTrace(); }
		finally{
			try
			{   if(fis != null)
					fis.close();
			}
			catch(IOException ie)
			{ ie.printStackTrace(); }
		}		
	}
}

let arr = ["apple", "mango",
          "apple", "orange", "mango", "mango"];
 
function removeDuplicates(arr) {
    let unique = [];
    for (i = 0; i < arr.length; i++) {
        if (unique.indexOf(arr[i]) === -1) {
            unique.push(arr[i]);
        }
    }
    return unique;
}
console.log(removeDuplicates(arr));

int length(Node *head)
{
	//Write your code here
    int c = 0;
    Node *temp = head;
    while(temp != NULL)
    {
        temp = temp->next;
        c++;
    }
    return c;
}

void insertAtTail(Node* &tail,int d)
 {
   Node* temp = new Node(d);
   tail->next = temp;
   tail = tail->next;
 }

Node* constructLL(vector<int>& arr) {
    // Write your code here
    Node* head = new Node(arr[0]);
    Node* tail = head;
    
    for(int i = 1;i<arr.size();i++)
    {
      insertAtTail(tail,arr[i]);
    }
    return head;
}

// Variable 'search' initialized with the string that will be used for the Google search
let search = "Google * and SEO";

// Replace the first space character in the 'search' string with a plus sign
let searchQ = search.replace(' ', '+').trim();
// Construct the Google search URL using the modified 'searchQ' string and setting the results limit to 1000
let searchUrl = `https://www.google.com/search?q=%22${searchQ}%22&num=1000`;

// URL to a raw list of English stop words from the NLTK library hosted on GitHub
let stopwordsUrl = "https://gist.githubusercontent.com/sebleier/554280/raw/7e0e4a1ce04c2bb7bd41089c9821dbcf6d0c786c/NLTK's%20list%20of%20english%20stopwords";

// Initialize 'stopWords' as a Set to store unique stop words
let stopWords = new Set();

// Asynchronously fetch the list of stopwords from the provided URL
fetch(stopwordsUrl)
  .then(response => {
    // Check if the network response is ok; otherwise throw an error
    if (!response.ok) throw new Error('Network response was not ok');
    return response.text(); // Return the response text (stop words) to be processed
  })
  .then(stopwordsData => {
    // Split the stopwords data by newlines and add each trimmed word to the 'stopWords' Set
    stopwordsData.split(/\n/).forEach(word => stopWords.add(word.trim()));
    return fetch(searchUrl); // Fetch the Google search results next
  })
  .then(response => {
    // Check if the network response is ok; otherwise throw an error
    if (!response.ok) throw new Error('Network response was not ok');
    return response.text(); // Return the search HTML to be processed
  })
  .then(data => {
    // Parse the returned HTML string into a DOM Document object
    let _htmlDoc = new DOMParser().parseFromString(data, "text/html");

    // Define a threshold percentile for word frequency analysis
    const bottomPercentile = 0.98;

    // Process and filter h3 text content from the Google search results
    let processedTexts = Array.from(_htmlDoc.querySelectorAll('h3')).map(h3 => 
      h3.textContent.trim().toLowerCase() // Remove whitespace, convert to lower case
      .replace(/[^\w\s]|_/g, "") // Remove punctuation and underscores
      .split(/\s+/).filter(word => !stopWords.has(word)) // Split into words and filter out stop words
    );

    // Count the frequency of each word across all h3 elements
    let wordCounts = processedTexts.flatMap(words => words).reduce((acc, word) => {
        acc[word] = (acc[word] || 0) + 1; // Increment word count or initialize it to 1
        return acc;
    }, {});

    // Sort the frequencies to determine the threshold for common words
    let sortedCounts = Object.values(wordCounts).sort((a, b) => a - b);
    let thresholdIndex = Math.floor(sortedCounts.length * bottomPercentile);
    let thresholdValue = sortedCounts[thresholdIndex];

    // Filter out the words that are more frequent than the threshold
    let frequentWords = new Set(Object.keys(wordCounts).filter(word => wordCounts[word] > thresholdValue));

    // Reconstruct texts by removing the frequent words and ensure they are more than single words
    let reconstructedText = new Set(processedTexts
      .map(words => words.filter(word => !frequentWords.has(word)).join(' '))
      .filter(text => text.split(' ').length > 1));

    // Log each reconstructed text to the console
    reconstructedText.forEach(text => console.log(text));
  })
  .catch(error => console.error('Fetch error:', error)); // Catch and log any errors during the fetch process

1. stop(true, true) : $("#box1").stop(true,true)

   현 진행되고 있는 효과는 정지되고 현재 효과의 끝으로 이동한 후 나머지 효과들은 지워 진다.


2. stop(true, false) : $("#box2").stop(true,false)

    현 진행되고 있는 효과는 정지되고 모든 효과들이 정지된다.


3. stop(false,true) : $("#box3").stop(false,true)

   현 진행되고 있는 효과는 정지되고 현재 효과의 끝으로 이동한 후  남은 효과들이 실행된다.


4. stop(false,false) : $("#box4").stop(false,false)

  현 진행되고 있는 효과는 정지되고   남은 효과들이 실행된다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="learn.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <title>Document</title>
</head>
<body>

  <div class="container">
    
    <div class="box1">
      <div class="navigation"></div>
    </div>  

    <div class="box2">
      <div class="main"></div>
    </div>  

    <div class="box3">
      <div class="player"></div>
    </div>

  </div>

  <div class="box4">
    <div class="music"></div>
  </div>
  
  <div class="music-player"></div>
 
</body>
</html>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  margin: 15px 2px 0px 2px;
}
body{
  background-color: rgba(0, 0, 9, 0.987);
  height: 100vh;
  overflow: hidden;
}
.container{
  display: flex;
  width: 100%;
  height: 100vh;
}
.box1{
  width: 4%;
}
.navigation{
  height: 10rem;
  width: 100%;
  background-color: rgb(15, 15, 15);
  border-radius: 7px;
}
.box2{
  width: 75%;
}
.main{
  height: 50rem;
  width: 100%;
  background-color: rgb(15, 15, 15);
  border-radius: 7px;
}
.box3{
  width: 20%;
}
.player{
  height: 50rem;
  width: 100%;
  background-color: rgb(15, 15, 15);
  border-radius: 7px;
}
.box4{
  width: 4%;
}
.music{
  height: 39.6rem;
  width: 99%;
  margin-left: 4px;
  background-color: rgb(15, 15, 15);
  border-radius: 7px;
  margin-top: -790px;
}
.music-player{
  width:99.6%;
  height: 5.7rem;
  background-color: rgb(15, 15, 15);
  margin: 10px 4px 0 4px;
  border-radius: 7px;
}

<ul class="et-social-icons">

<?php if ( 'on' === et_get_option( 'divi_show_facebook_icon', 'on' ) ) : ?>
	<li class="et-social-icon et-social-facebook">
		<a href="<?php echo esc_url( strval( et_get_option( 'divi_facebook_url', '#' ) ) ); ?>" class="icon">
			<span><?php esc_html_e( 'Facebook', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>
<?php if ( 'on' === et_get_option( 'divi_show_twitter_icon', 'on' ) ) : ?>
	<li class="et-social-icon et-social-twitter">
		<a href="<?php echo esc_url( strval( et_get_option( 'divi_twitter_url', '#' ) ) ); ?>" class="icon">
			<span><?php esc_html_e( 'X', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>
<?php $et_instagram_default = ( true === et_divi_is_fresh_install() ) ? 'on' : 'false'; ?>
<?php if ( 'on' === et_get_option( 'divi_show_instagram_icon', $et_instagram_default ) ) : ?>
	<li class="et-social-icon et-social-instagram">
		<a href="<?php echo esc_url( strval( et_get_option( 'divi_instagram_url', '#' ) ) ); ?>" class="icon">
			<span><?php esc_html_e( 'Instagram', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>
<?php if ( 'on' === et_get_option( 'divi_show_rss_icon', 'on' ) ) : ?>
<?php
	$et_rss_url = ! empty( et_get_option( 'divi_rss_url' ) )
		? et_get_option( 'divi_rss_url' )
		: get_bloginfo( 'rss2_url' );
?>
	<li class="et-social-icon et-social-rss">
		<a href="<?php echo esc_url( $et_rss_url ); ?>" class="icon">
			<span><?php esc_html_e( 'RSS', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>

</ul>

<script>
function applyKaraokeEffect() {
    // Function to apply the effect to a list of elements
    const applyEffectToElements = (elements) => {
        elements.forEach(element => {
            // Clear existing spans to avoid duplication
            if (!element.classList.contains('karaoke-initialized')) {
                const text = element.innerText;
                element.innerHTML = ''; // Clear the element
                const words = text.split(/\s+/);

                words.forEach((word, index) => {
                    const span = document.createElement('span');
                    const isPunctuation = /[,.!?;]/.test(word.slice(-1));
                    const extraTime = isPunctuation ? 500 : 0;
                    span.textContent = word + (index < words.length - 1 ? ' ' : '');
                    span.dataset.duration = Math.max(300, word.length * 100) + extraTime;
                    element.appendChild(span);
                });

                element.classList.add('karaoke-initialized');

                let currentWord = 0;
                const highlightWord = () => {
                    if (currentWord < element.children.length) {
                        const span = element.children[currentWord];
                        span.classList.add('highlight');
                        setTimeout(() => {
                            span.classList.remove('highlight');
                            currentWord++;
                            highlightWord();
                        }, span.dataset.duration);
                    } else {
                        currentWord = 0; // Reset to start from the first word again
                        setTimeout(highlightWord, 1000); // Delay before starting the loop again
                    }
                };

                highlightWord();
            }
        });
    };

    // Target elements outside of the Froala Editor only
    const karaokeElementsOutsideEditor = document.querySelectorAll('.fnFrPclasskaraoke1:not(.fr-element .fnFrPclasskaraoke1)');
    applyEffectToElements(karaokeElementsOutsideEditor);
}

document.addEventListener('DOMContentLoaded', applyKaraokeEffect);

function onModalClose() {
    setTimeout(applyKaraokeEffect, 500); // Adjust the delay as needed
}

// Attach a single event listener to the document
// and check if the clicked element is a modal close button within a modal
document.addEventListener('click', function(event) {
    if (event.target.matches('.zb-modalClose') && event.target.closest('.zb-modalContent')) {
        onModalClose();
    }
});

</script>

<script>
const onDOMContentLoaded = () => {
  window.isMuted = true;

  const onVideoPlaying = (event) => {
    const { target: vidElement } = event;
    try {
      updateAudioBtnVisibility(hasAudio(vidElement));
    } catch (_) {}
  }

  function bgMediaPause() {
    setTimeout(() => {
      document
      .querySelectorAll(".swiper-slide:not(.swiper-slide-active) .vidbg-container video, .swiper-slide:not(.swiper-slide-active) audio")
        .forEach((mediaElement) => {
          if (mediaElement.id.startsWith('audio-player')) {
            return;
          }
          try {
            mediaElement.pause();
            mediaElement.removeEventListener('playing', onVideoPlaying);
            mediaElement.removeEventListener('ended', onMediaElementEnded);
          } catch (_) {}
        });
  
      const activeSlide = document.querySelector(".swiper-slide-active");
      let activeSlideHasAudio = false;
      let activeSlideHasVideo = false;
      let videoReadyToLoop = false;
      let audioReadyToLoop = false;
      function onMediaElementEnded(event) {
        let videoElement = activeSlide.querySelector(".vidbg-container video");
        let audioElement = activeSlide.querySelector("audio");
        let videoSourceElement = videoElement ? videoElement.querySelector("source") : null;
        let videoSrc = videoSourceElement ? videoSourceElement.getAttribute('src') : null;
        
        // Only consider the videoElement valid if the src attribute is not "#"
        if (videoSrc === "#") {
            videoElement = null;
        }
      
        if (event.target.tagName.toLowerCase() === 'video') {
          videoReadyToLoop = true;
        } else {
          audioReadyToLoop = true;
        }
      
        if (videoElement && audioElement && videoReadyToLoop && audioReadyToLoop) {
          videoElement.currentTime = 0;
          videoElement.play();
          audioElement.currentTime = 0;
          audioElement.play();
          videoReadyToLoop = false;
          audioReadyToLoop = false;
        } else if (!videoElement && audioElement && audioReadyToLoop) {
          audioElement.currentTime = 0;
          audioElement.play();
          audioReadyToLoop = false;
          audioElement.loop = true; // add this line
        } else if (videoElement && !audioElement && videoReadyToLoop) {
          videoElement.currentTime = 0;
          videoElement.play();
          videoReadyToLoop = false;
          videoElement.loop = true; // add this line
        }
      }
        
        activeSlide
        .querySelectorAll(".vidbg-container video, audio")
        .forEach((mediaElement) => {
          const videoElement = activeSlide.querySelector(".vidbg-container video");
          mediaElement.currentTime = 0;
          mediaElement.muted = isMuted;
          if (mediaElement.tagName.toLowerCase() === 'video') {
            activeSlideHasVideo = true;
            if (hasAudio(mediaElement)) {
              mediaElement.volume = 0.5;
            } else {
              mediaElement.volume = 1.0;
            }
          }
          if (mediaElement.tagName.toLowerCase() === 'audio') {
            activeSlideHasAudio = true;
            mediaElement.volume = 1.0;
          }
          mediaElement.play().catch((error) => {
            console.log('Media play interrupted:', error);
          });
          mediaElement.addEventListener('ended', onMediaElementEnded);
          mediaElement.addEventListener('playing', onVideoPlaying);
        });
      
      updateAudioBtnVisibility(activeSlideHasAudio);
    }, 200);
  }
  function hasAudio(mediaElement) {
    if(mediaElement.tagName === 'AUDIO') {
      return true;
    }
    
    return (
      mediaElement.mozHasAudio ||
      Boolean(mediaElement.webkitAudioDecodedByteCount) ||
      Boolean(mediaElement.audioTracks && mediaElement.audioTracks.length)
    );
  }

  window.updateAudioBtnIcon = function() {
    if (isMuted) {
      volumeToggleButton.innerHTML = '<i class="fas fa-volume-mute"></i>';
    } else {
      volumeToggleButton.innerHTML = '<i class="fas fa-volume-up"></i>';
    }
  }

  function updateAudioBtnVisibility(visible) {
    volumeToggleButton.style.visibility = visible ? "visible" : "hidden";
  }

  const sliders = document.querySelector(".swiper-container");
  const volumeToggleButton = document.getElementById("volume-toggle");
  sliders.zbSwiper.on("slideChange", bgMediaPause);
  updateAudioBtnIcon();

  // Function to mute all media elements
function muteAllMedia() {
  document.querySelectorAll(".vidbg-container video, audio").forEach(mediaElement => {
    if (!mediaElement.id.startsWith("audio-player")) {
      mediaElement.muted = true;
    }
  });
}

  volumeToggleButton.addEventListener("click", function () {
    isMuted = !isMuted;
    const activeSlide = document.querySelector(".swiper-slide-active");

    let activeSlideHasAudio = false;
    activeSlide.querySelectorAll(".vidbg-container video, audio")
      .forEach((mediaElement) => {
        if (!mediaElement.id.startsWith("audio-player")) {
          mediaElement.muted = isMuted;
          if (hasAudio(mediaElement)) {
            activeSlideHasAudio = true;
          }
        }
      });
    updateAudioBtnVisibility(activeSlideHasAudio);
    updateAudioBtnIcon();
  });

  // Event listener for the #sendgift button
const sendGiftButton = document.getElementById("sendgift");
if (sendGiftButton) {
  sendGiftButton.addEventListener("click", function () {
    isMuted = true;
    updateAudioBtnIcon();
    muteAllMedia();
  });
}

// Event listener for the #send-modal button
const sendModalButton = document.getElementById("send-modal");
if (sendModalButton) {
  sendModalButton.addEventListener("click", function () {
    isMuted = true;
    updateAudioBtnIcon();
    muteAllMedia();
  });
}

  bgMediaPause();
}

document.addEventListener("DOMContentLoaded", onDOMContentLoaded);

</script>

4209

echo -n 'bXktc3RyaW5n' | base64 --decode

 echo -n 'STRING' | base64

/* DATA IS ANONYMIZED */

{
	"report_type": "summary",
	"fixed_daterange": false,
	"report_name": "Zero Hours Tracked (Yesterday)",
	"public": false,
	"hide_amounts": true,
	"workspace_logo": "https://assets.track.toggl.com/logos/df6331fb97774173c0ba384d1d8a8db0.png",
	"features": {
		"admin_roles": true,
		"report_export_xlsx": true
	},
	"saved_params": {
		"audit": {
			"group_filter": {
			},
			"show_empty_groups": true,
			"show_tracked_groups": false
		},
		"bars_count": 31,
		"beginningOfWeek": 1,
		"billable": "both",
		"calculate": "time",
		"canSeeBillableRates": false,
		"client_ids": null,
		"date_format": "YYYY-MM-DD",
		"description": null,
		"distinct_rates": "on",
		"durationFormat": "improved",
		"grouped": false,
		"grouping": "users",
		"groups": [
		],
		"hide_amounts": false,
		"isPaid": true,
		"maximum_duration_seconds": null,
		"minimum_duration_seconds": null,
		"or_members_of_group_ids": null,
		"order_desc": "off",
		"order_field": "duration",
		"period": "yesterday",
		"project_ids": null,
		"report_type": "summary",
		"showAmounts": false,
		"showRates": false,
		"since": "2023-12-11",
		"snowballRounding": {
			"enabled": false,
			"minutes": 15,
			"mode": 0
		},
		"subgrouping": "time_entries",
		"subgrouping_ids": true,
		"tag_ids": null,
		"task_ids": null,
		"time_display_mode": "dateTime",
		"time_format": "h:mm A",
		"until": "2023-12-11",
		"user_agent": "Toggl New v5.16.364",
		"user_ids": null,
		"with_total_currencies": 1,
		"without_description": "false",
		"workspace_id": 5885391
	},
	"input_params": {
		"end_date": "2023-12-11",
		"start_date": "2023-12-11"
	},
	"dictionaries": {
		"users": {
			"3717431": {
				"id": 3717431,
				"name": "Brett",
				"email": XXXXXX",
				"avatar_url": null
			},
			"7944309": {
				"id": 7944309,
				"name": "Rich XXXXXX",
				"email": "XXXXXX@XXXXXX.com",
				"avatar_url": "https://assets.track.toggl.com/avatars/f4266395d20811e67fd85af141f3deba.png"
			},
			"7944562": {
				"id": 7944562,
				"name": "Mike XXXXXX",
				"email": "XXXXXX@XXXXXX.com",
				"avatar_url": null
			},
			"8698878": {
				"id": 8698878,
				"name": "Krista XXXXXX",
				"email": "XXXXXX@XXXXXX.com",
				"avatar_url": null
			},
			"8909809": {
				"id": 8909809,
				"name": "Rick",
				"email": XXXXXX",
				"avatar_url": null
			},
			"8963294": {
				"id": 8963294,
				"name": "Anca",
				"email": XXXXXX",
				"avatar_url": "https://assets.track.toggl.com/avatars/69db4b7a8ef576ec0eb1073d2c03fec4.png"
			},
			"8963295": {
				"id": 8963295,
				"name": "Ankit",
				"email": XXXXXX",
				"avatar_url": null
			},
			"8969892": {
				"id": 8969892,
				"name": "Pablo",
				"email": XXXXXX",
				"avatar_url": null
			},
			"9100185": {
				"id": 9100185,
				"name": "Accounting",
				"email": XXXXXX",
				"avatar_url": null
			},
			"9122838": {
				"id": 9122838,
				"name": "Ifeanyi",
				"email": XXXXXX",
				"avatar_url": null
			},
			"9129762": {
				"id": 9129762,
				"name": "Emmanuel",
				"email": XXXXXX",
				"avatar_url": null
			},
			"9138460": {
				"id": 9138460,
				"name": "Ivan XXXXXX",
				"email": "XXXXXX@XXXXXX.com",
				"avatar_url": null
			},
			"9160712": {
				"id": 9160712,
				"name": "Bhavesh",
				"email": XXXXXX",
				"avatar_url": null
			},
			"9378129": {
				"id": 9378129,
				"name": "Ahmed",
				"email": XXXXXX",
				"avatar_url": "https://assets.track.toggl.com/avatars/edbfa87205043a013037329d0bdc87f9.png"
			},
			"9758451": {
				"id": 9758451,
				"name": "M XXXXXX",
				"email": "XXXXXX@XXXXXX.com",
				"avatar_url": null
			},
			"9777029": {
				"id": 9777029,
				"name": "StephanieXXXXXX",
				"email": XXXXXX",
				"avatar_url": null
			}
		},
		"projects": null,
		"clients": null,
		"tags": null,
		"tasks": null
	},
	"summary_results": {
		"report": {
			"groups": [
				{
					"id": 9100185,
					"sub_groups": null
				},
				{
					"id": 9160712,
					"sub_groups": null
				},
				{
					"id": 8963294,
					"sub_groups": null
				},
				{
					"id": 8963295,
					"sub_groups": null
				},
				{
					"id": 9378129,
					"sub_groups": null
				},
				{
					"id": 7944562,
					"sub_groups": null
				},
				{
					"id": 9777029,
					"sub_groups": null
				},
				{
					"id": 8969892,
					"sub_groups": null
				},
				{
					"id": 8698878,
					"sub_groups": null
				},
				{
					"id": 7944309,
					"sub_groups": null
				},
				{
					"id": 8909809,
					"sub_groups": null
				},
				{
					"id": 3717431,
					"sub_groups": null
				},
				{
					"id": 9122838,
					"sub_groups": null
				},
				{
					"id": 9129762,
					"sub_groups": null
				},
				{
					"id": 9138460,
					"sub_groups": null
				},
				{
					"id": 9758451,
					"sub_groups": null
				}
			]
		},
		"totals": {
			"seconds": 385398,
			"rates": [
				{
					"billable_seconds": 314122,
					"hourly_rate_in_cents": 0,
					"currency": ""
				}
			],
			"graph": [
				{
					"seconds": 385398,
					"by_rate": {
						"0": 314122
					}
				}
			],
			"resolution": "day"
		}
	}
}

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

      
	setTimeout(function() {
      
		 
		var imgDefer = document.querySelectorAll('footer[data-src], .home-specification-banner .dt-sc-grid-banner-section');
		var style = "background-image: url({url})";
		for (var i = 0; i < imgDefer.length; i++) {
		imgDefer[i].setAttribute('style', style.replace("{url}", imgDefer[i].getAttribute('data-src')));
		}

      
      }, 4000);
      

add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

 // Redirect the user back to the login page after the login failed, and add a $_GET parameter to let us know. Courtesy of WordPressFlow.com
add_action( 'wp_login_failed', 'elementor_form_login_fail', 9999999 );
function elementor_form_login_fail( $username ) {
    $referrer = $_SERVER['HTTP_REFERER'];  // where did the post submission come from?
    // if there's a valid referrer, and it's not the default log-in screen
    if ((!empty($referrer) && !strstr($referrer,'wp-login') && !strstr($referrer,'wp-admin') )) {
        //redirect back to the referrer page, appending the login=failed parameter and removing any previous query strings
        //maybe could be smarter here and parse/rebuild the query strings from the referrer if they are important
        wp_redirect(preg_replace('/\?.*/', '', $referrer) . '/?login=failed' );
        exit;
    }
}

// This is also important. Make sure that the redirect still runs if the username and/or password are empty.
add_action( 'wp_authenticate', 'elementor_form_login_empty', 1, 2 );
function elementor_form_login_empty( $username, $pwd ) {
    $referrer = $_SERVER['HTTP_REFERER'];  // where did the post submission come from?
 if ( empty( $username ) || empty( $pwd ) ) {
    if ((!strstr($referrer,'wp-login') && !strstr($referrer,'wp-admin') )) {
        //redirect back to the referrer page, appending the login=failed parameter and removing any previous query strings
        //maybe could be smarter here and parse/rebuild the query strings from the referrer if they are important
        wp_redirect(preg_replace('/\?.*/', '', $referrer) . '/?login=failed' );
        exit;
    }
   exit();
 }
}

function generate_login_fail_messaging(){
    ob_start();
    if($_GET['login'] == 'failed'){
    echo '<div class="message_login_fail" style="background-color: #ca5151;color: #ffffff;display: block;margin-bottom: 20px;text-align: center;padding: 9px 15px; width: fit-content;margin: 0 auto;"><span style="color: #ca5151;background-color: #fff;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;font-weight: 900;border-radius: 50%;margin-right: 10px;">!</span>Oops! Looks like you have entered the wrong username or password. Please check your login details and try again.</div>';
    }
    $return_string = ob_get_contents();
    ob_end_clean();
    return $return_string;
}
add_shortcode('login_fail_messaging', 'generate_login_fail_messaging');

add_action( 'wp_enqueue_scripts', function() { wp_dequeue_style( 'font-awesome' ); }, 50 );
add_action( 'elementor/frontend/after_enqueue_styles', function () { wp_dequeue_style( 'font-awesome' ); } );

selector{
  font-size: clamp(16px, 4vw, 64px);
}

git diff >> tabDesign.patch |||||||=>>>>> for create patch 

if( get_field('page_builder') ){
	$page_builder = get_field('page_builder');
	//echo print_r( $page_builder);

	foreach ($page_builder as $key => $section) {
		include('builder-section/inc-'.$section['acf_fc_layout'].'.php');
	}
}  
?>

import React, { useEffect, useRef, useState } from "react";
import { TabView, TabPanel } from "primereact/tabview";
import "primereact/resources/themes/saga-blue/theme.css";
import "primereact/resources/primereact.min.css";
import "primeicons/primeicons.css";
import { useTabs } from "./context/TabContext";
import "./Tabs.css";
import { ConfirmDialog } from "primereact/confirmdialog";
import { Button } from "primereact/button";
import { Divider } from "primereact/divider";

export const Tabs = () => {
  const tabViewRef = useRef(null);
  const {
    tabs,
    activeIndex,
    setActiveIndex,
    removeTab,
    addTab,
    savedQueryList,
  } = useTabs();
  const [savedDialogVisible, setSavedDialogVisible] = useState(false);
  const [closeTabIndex, setCloseTabIndex] = useState(false);
  const [isElementCreated, setElementCreated] = useState(false);
  const handleChange = (e) => {
    e?.originalEvent?.preventDefault();
    e?.originalEvent?.stopPropagation();
    if (
      e?.originalEvent &&
      e?.originalEvent?.target &&
      !["PATH", "SVG"].includes(
        e?.originalEvent?.target?.tagName?.toUpperCase()
      )
    ) {
      setActiveIndex(e.index);
    }
  };

  const handleRemoveTab = (index) => {
    if (tabs[index].isModified) {
      if (tabs[index]?.code && closeTabIndex !== index) {
        setCloseTabIndex(index);
        setSavedDialogVisible(true);
        return false;
      }
    } else {
      return true;
    }
  };
  const onTabClose = (e) => {
    removeTab(e.index);
    tabViewRef.current.reset();
    setCloseTabIndex(false);
  };
  const onTabClosedBefore = (e) => {
    return handleRemoveTab(e.index);
  };
  const confirmSavedCloseHandler = () => {
    tabViewRef.current.props.onTabClose({ index: closeTabIndex });
  };
  const rejectSaveConfirm = () => {
    setSavedDialogVisible(false);
    setCloseTabIndex(false);
  };

  const headerTemplate = (options, tab, index) => {
    console.log("options===>", options, index);
    return (
      <div
        className={`flex align-items-center ${tabs.length - 1 === index && "w-13rem"}   forcheck  ${
          index == 0 || index == tabs.length ? "ml-3" : ""
        }`}
      >
        <div
          className={`flex pr-3 pl-1  py-2 ${
            options.selected && "activeTab"
          } align-items-center justify-content-center `}
          onClick={options.onClick} 
        >
          <i className={tab.isModified && "dot"}></i>
          <div className="mr-3 ml-2 text-lg font-semibold">{tab.header}</div>
          <i
            onClick={(e) => {
              e.stopPropagation();
              e.preventDefault();
              options.props.onTabClose({index:index});
            }}
            className="pi pi-times font-semibold scaleicon pr-2"
          ></i>
        </div>
        <Divider layout="vertical" align="center" className="px-0 mx-2  py-1 " />
        {tabs.length - 1 === index && (
          <i className="pi pi-plus ml-2 mr-2 font-semibold scaleicon" onClick={addTab}></i>
        )}
      </div>
    );
  };

  return (
    <div
      style={{
        border: "0px",
        borderStyle: "solid",
        borderColor: "lightblue",
        height: "100%",
      }}
    >
      <TabView
        ref={tabViewRef}
        renderActiveOnly={false}
        onTabClose={onTabClose}
        panelContainerClassName={"p-0"}
        activeIndex={activeIndex}
        onBeforeTabChange={(e) => {
          return true;
        }}
        onTabChange={(e) => {
          handleChange(e);
        }}
        onBeforeTabClose={onTabClosedBefore}
        scrollable 
      >
        {tabs.map((tab, index) => (
          <TabPanel
            leftIcon={tab.isModified && "dot"}
            closable
            key={tab.key}
            className="tabdiv"
            headerTemplate={(options) => headerTemplate(options, tab, index)}
          >
            {tab.content}
          </TabPanel>
        ))}
        {/* <button  */}
      </TabView>

      <ConfirmDialog
        visible={savedDialogVisible}
        onHide={() => {
          rejectSaveConfirm();
        }}
        message="Are you sure you want to Close this query? This action can not be undone!"
        header="Confirmation"
        icon="pi pi-exclamation-triangle"
        accept={confirmSavedCloseHandler}
        reject={() => rejectSaveConfirm}
      />
    </div>
  );
};

scaffold-DbContext "Server=01HW2160021\SQLEXPRESS;Database=CTIME;Trusted_Connection=True; TrustServerCertificate=True" Microsoft.EntityFrameworkCore.SqlServer -o Models

 // if (willPreviewCompleted && mirrorWillCheck) {
    //   // If modal handled from WillPreview
    //   if (fromWillPreview && !isSpouseSelected) {
    //     // From willPreview of Main Testator
    //     dispatch(setIsSpouseSelected(true));
    //     dispatch(setFromWillPreview(false));
    //   } else if (fromWillPreview && isSpouseSelected) {
    //     // From will Preview of Spouse
    //     dispatch(setIsSpouseSelected(false));
    //   }

    //   // If modal handled from UploadDocs ==> PS --> No need to check isSpouseSelected
    //   if (fromUploadDocs) {
    //     dispatch(setIsSpouseSelected(!!isSpouseSelected));
    //     dispatch(setFromUploadDocs(false));
    //   }
    //   try {
    //     const completedSteps = await trackPromise(
    //       api.getCompletedStepsListByGUID(
    //         isSpouseSelected ? spouseGuid : profileGuid,
    //       ),
    //     );
    //     const completedStepNumbers = completedSteps?.data?.Output;
    //     const steps = completedStepNumbers.map((stepNumber: any) => Number(stepNumber.stepNumber));
    //     console.log('willPreviewCompletedsteps', steps);
    //     setTimeout(() => {
    //       setNewCompletedSteps(steps);
    //     }, 100);
    //   } catch (error) {
    //     dispatch(resetErrorState());
    //     dispatch(setErrorInfo('Some Error occured !'));
    //   }
    // }

    // if (mirrorWillCheck && fromWillPreview) {
    //   dispatch(setFromWillPreview(false));
    //   if (!isSpouseSelected) { // Testator
    //     setIsSpouseSelected(!isSpouseSelected);
    //   } else if (isSpouseSelected) { // Spouse
    //     setIsSpouseSelected(false);
    //   }
    // }

    // setShowModal(false);
    // // setActiveStep(number);
    // // console.log('steplabelid', id);
    // dispatch(setNavigationIndex(id));
    // // // Handle highlighted step here
    // dispatch(setHighlightedSteps(id)); // PS:: This is stepNumber
    // // // setCurrentSelectedStep(number);
    // // // First incomplete stepID
    // // // Set willStep component here
    // dispatch(getNewActiveStep(number)); // PS:: This is stepID

    // Set scaffolding icons according to selection
    // if (willTypeID === 3) {
    //   // Property Will
    //   if (id === 3) {
    //     setIconNum1(0);
    //     setIconNum2(3);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 4 || id === 5 || id === 6) {
    //     setIconNum1(3);
    //     setIconNum2(6);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 7 || id === 8) {
    //     setIconNum1(6);
    //     setIconNum2(9);
    //     dispatch(setNavigationIndex(id));
    //   }
    // } else if (willTypeID === 2) {
    //   // Guardianship Will
    //   if (id === 2) {
    //     setIconNum1(0);
    //     setIconNum2(3);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 3 || id === 4 || id === 5) {
    //     setIconNum1(3);
    //     setIconNum2(6);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 6 || id === 7) {
    //     setIconNum1(6);
    //     setIconNum2(9);
    //     dispatch(setNavigationIndex(id));
    //   }
    // } else if (willTypeID === 6) {
    //   // Templated Full Will
    //   if (id === 3) {
    //     setIconNum1(0);
    //     setIconNum2(3);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 4 || id === 5 || id === 6) {
    //     setIconNum1(3);
    //     setIconNum2(6);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 7 || id === 8) {
    //     setIconNum1(6);
    //     setIconNum2(9);
    //     dispatch(setNavigationIndex(id));
    //   }
    // } else if (willTypeID === 4) {
    //   // Business Owners Will
    //   if (id === 3) {
    //     setIconNum1(0);
    //     setIconNum2(3);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 4 || id === 5 || id === 6) {
    //     setIconNum1(3);
    //     setIconNum2(6);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 7 || id === 8) {
    //     setIconNum1(6);
    //     setIconNum2(9);
    //     dispatch(setNavigationIndex(id));
    //   }
    // } else if (willTypeID === 5) {
    //   // Financial Assets Will
    //   if (id === 3) {
    //     setIconNum1(0);
    //     setIconNum2(3);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 4 || id === 5 || id === 6) {
    //     setIconNum1(3);
    //     setIconNum2(6);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 7 || id === 8) {
    //     setIconNum1(6);
    //     setIconNum2(9);
    //     dispatch(setNavigationIndex(id));
    //   }
    // } else if (willTypeID === 1) {
    //   // Full Will
    //   if (id === 3) {
    //     setIconNum1(0);
    //     setIconNum2(3);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 4 || id === 5 || id === 6) {
    //     setIconNum1(3);
    //     setIconNum2(6);
    //     dispatch(setNavigationIndex(id));
    //   } else if (id === 7 || id === 8) {
    //     setIconNum1(6);
    //     setIconNum2(9);
    //     dispatch(setNavigationIndex(id));
    //   }
    // }

<!DOCTYPE html>
<html>
<head>
<title>Invitasjon</title>
</head>
<body style="font-family: Arial, sans-serif; color: #333; background-color: #f4f4f4; margin: 0; padding: 0;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f4f4f4; padding: 20px;">
    <tr>
      <td align="center">
        <!-- Main Content Table -->
        <table width="600px" border="0" cellspacing="0" cellpadding="0" style="background-color: white; padding: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
          <tr>
            <td style="padding: 20px; text-align: center;">
              <!-- Logo eller Event Bilde -->
              <img src="ditt-bilde-url-her.jpg" alt="Logo/Event Bilde" width="560" style="max-width: 100%; height: auto;">
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: left; color: #333;">
              <!-- Event Tittel -->
              <h1 style="margin: 0; font-size: 24px; color: #f1592a;">Velkommen til Vårt Event!</h1>
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: left; color: #333;">
              <!-- Innledende Tekst -->
              <p style="margin: 0; font-size: 16px;">Kjære [Participant.FirstName],</p>
              <p style="margin-top: 10px; font-size: 16px;">Vi er glade for å invitere deg til vårt spennende event!</p>
              <!-- Event Detaljer -->
              <p style="margin-top: 10px; font-size: 16px;"><strong>Sted:</strong> [Event.Sted]</p>
              <p style="margin-top: 10px; font-size: 16px;"><strong>Dato:</strong> [Event.Dato]</p>
              <p style="margin-top: 10px; font-size: 16px;"><strong>Tid:</strong> [Event.Tid]</p>
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: center;">
              <!-- Registreringsknapp -->
              <a href="[invite_link_url]" target="_blank" style="background-color: #f1592a; color: white; padding: 10px 20px; text-decoration: none; font-size: 16px; border-radius: 5px;">Registrer deg nå</a>
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: center; color: #6c757d; font-size: 14px;">
              <!-- Footer Note -->
              Påmelding håndteres av [Din Organisasjon]
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

UPDATE FLD_BM_CONTACT_TB SET contact_status = 'NO_RESPONSE' 
WHERE id = '0001010c-a185-44e9-ddaa-cee31c3d5de4' ;

Math.ceil();
Math.floor();
Math.sqrt();

// Array Length
arrayName.length 

// Push & POP

var myList = ["item1","item2","item3","item4"];

myList.push("item4"); // first
myList.unshift("item0"); // Last

var lastElement = myList.pop(); // first
var firstElement = myList.shift(); // last

// Splice & Slice

var list = [
  "saturday", // 0 = -7
  "sunday", // 1 = -6
  "monday", // 2 = -5
  "tuesday", // 3 = -4
  "wednesday", // 4 = -3
  "thursday", // 5 = -2
  "friday", // 6 = -1
];

var portion = list.slice(2, 5);
console.log(portion);

slice(startingIndex, afterEndingIndex)
splice(startingIndex, numberOfElement)

// shallow copy
// deep copy

// Marge Array - concat()

var list1 =[];
var list2 =[];
var list3 =[];

var list4 = list1.concate(list2);
var list = list1.concate(list2,list3);
var list = [].concate(list1,list2,list3);

// Array Sorting - Number

var list = [
  5,4,18,44,9,4,78,1,68,49,71,7,74
];

var length = list.length-1;

for(var i=0; i<length; i++) {
  for(var j=0; j<length; j++) {
    if(list[j] > list[j+1]) {
      [ list[j], list[j+1] ] = [ list[j+1], list[j] ];
    }
  }
}
console.log(list);

// Split and Join

Les extensions
Pour accéder aux extensions de VSC (Visual Studio Code), il suffit d'entrer la combinaison CTRL + SHIFT + X sur votre clavier. Ensuite il vous suffit de rechercher les extensions que nous allons utiliser dans cette série :
JavaScript (ES6) code snippets
Ayu
Color Highlight
ESLint
markdownlint
npm
npm intellisense
Path intellisense
Prettier - Code formatter

L'environnement
Nous allons préparer l'environnement pour la série à venir.
Prérequis
Pour cette série, nous aurons besoin de plusieurs logiciels :
Python 2.7
Node 8+ (prenez une version 8.x.x)
Windows Build Tools
Discord
Visual Studio Code
Git
Pour installer les deux premiers logiciels, il vous suffit de taper la commande suivante :  npm i -g --add-python-to-path --production windows-build-tools.

Create - 
  c:\>Python35\python -m venv c:\path\to\myenv

Activate -
	.\peak_alerts\Scripts\activate

<!-- BODY COPY - FULL WIDTH : START --><!--[if (gte mso 9)|(IE)]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td align="center" valign="top" width="100%"><![endif]--><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #ffffff;" width="100%">
 
  <tr>
   <td>
    <!--[if (gte mso 9)|(IE)]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="width:520px;"><tr><td align="center" valign="top" width="100%"><![endif]--><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:520px;">
     
      <tr>
       <td>
        <!-- PARAGRAPH : START --><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
         
          <tr>
           <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); padding: 0px 0px 0px; font-weight: 400; font-size: 14px; line-height: 16px;">
            <!--[if (gte mso 9)|(IE)]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="width:520px;"><tr><td align="center" valign="top" width="100%"><![endif]--><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
             
              <tr>
               <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="20%">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                 
                  <tr>
                   <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="100%">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                     
                      <tr>
                       <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; vertical-align: top;">
                        <img alt="After you submit a contact dealer request" data-assetid="300184" height="70" src="https://image.em.cat.com/lib/fe4015707564077b751673/m/1/d5cf2362-9e33-4405-8109-2eaef2dafe43.png" style="padding: 0px; height: 70px; width: 70px; text-align: center; border: 0px;" width="70"></td></tr></table></td></tr><tr>
                   <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 18px; line-height: 20px; text-align: center; padding:20px 0px 10px;" width="100%">
                    <b>Contact Your Dealer</b><br>
                    &nbsp;</td></tr></table></td><td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="4%">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                 
                  <tr>
                   <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="100%">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                     
                      <tr>
                       <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; vertical-align: top;">
                        <img alt="A dealer will call to" data-assetid="292813" height="16" src="https://image.em.cat.com/lib/fe4015707564077b751673/m/1/8225785f-366d-4f91-b3d6-e7ef68a62944.png" style="padding: 0px; height: 16px; width: 30px; text-align: center; border: 0px;" width="30"></td></tr></table></td></tr><tr>
                   <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 18px; line-height: 18px; text-align: center; padding:20px 10px 10px" width="100%">
                    &nbsp;<br>
                    &nbsp;<br>
                    &nbsp;</td></tr></table></td><td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="20%">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                 
                  <tr>
                   <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="100%">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                     
                      <tr>
                       <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; vertical-align: top;">
                        <img alt="Gather Information" data-assetid="300180" height="70" src="https://image.em.cat.com/lib/fe4015707564077b751673/m/1/3d583281-851b-4f63-8aa1-2c8e18c78752.png" style="padding: 0px; height: 70px; width: 70px; text-align: center; border: 0px;" width="70"></td></tr></table></td></tr><tr>
                   <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 18px; line-height: 20px; text-align: center; padding:20px 10px 10px;" width="100%">
                    <b>Gather Information</b><br>
                    &nbsp;</td></tr></table></td><td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="4%">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                 
                  <tr>
                   <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="100%">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                     
                      <tr>
                       <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;">
                        <img alt="And" data-assetid="292813" height="16" src="https://image.em.cat.com/lib/fe4015707564077b751673/m/1/8225785f-366d-4f91-b3d6-e7ef68a62944.png" style="padding: 0px; height: 16px; width: 30px; text-align: center; border: 0px;" width="30"></td></tr></table></td></tr><tr>
                   <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 18px; line-height: 18px; text-align: center; padding:20px 10px 10px" width="100%">
                    &nbsp;<br>
                    &nbsp;<br>
                    &nbsp;</td></tr></table></td><td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="20%">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                 
                  <tr>
                   <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;" width="100%">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="">
                     
                      <tr>
                       <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 16px; text-align: center;">
                        <img alt="Discuss Options" data-assetid="300183" height="70" src="https://image.em.cat.com/lib/fe4015707564077b751673/m/1/a778e498-a191-4feb-8e9e-3de83083d8bd.png" style="padding: 0px; height: 70px; width: 70px; text-align: center; border: 0px;" width="70"></td></tr></table></td></tr><tr>
                   <td style="font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-size: 18px; line-height: 20px; text-align: center; padding:20px 0px 10px;" width="100%">
                    <b>Discuss<br>
                    Options</b><br class="mobile-hide">
                    &nbsp;</td></tr></table></td></tr></table></td></tr></table><!-- PARAGRAPH : END --></td></tr></table><!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td></tr></table><!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--><!--BODY COPY - FULL WIDTH : END -->

#include<stdio.h>

int main()
{
    int i,j,count=1;
    int arr[12][15];
    for(i=0;i<12;i++){
        for(j=0;j<15;j++){
            arr[i][j] = count;
            count++;
        }
    }
    for(i=0;i<15;i++){
        printf("%d\t",arr[0][i]);
    }
    printf("\n");
    for(i=0;i<12;i++){
        printf("%d\n\n",arr[i][0]);
    }
    for(i=0;i<7;i++){
        for(j=0;j<15;j++){
            printf("%d\t",arr[i][j]);
        }
        printf("\n");
    }
    printf("\n");
    for(i=11;i>=0;i--){
        for(j=14;j>=0;j--){
            printf("%d\t",arr[i][j]);
        }
        printf("\n");
    }
    return 0;
}

#include<stdio.h>
void diagnal(int arr[10][10]);
int main()
{
    int arr[10][10],i,j,count=1;
    for(i=0;i<10;i++){
        for(j=0;j<10;j++){
            arr[i][j] = count;
            count++;
        }
    }
    for(i=0;i<10;i++){
        for(j=0;j<10;j++){
            printf("%d\t",arr[i][j]);
        }
        printf("\n");
    }
    printf("\n");
    diagnal(arr);
    return 0;
}
void diagnal(int arr[10][10]){
    int i,j;
     for(i=0;i<10;i++){
        for(j=0;j<10;j++){
            if(i==j){
                printf("%d\t",arr[i][j]);
            }
        }
    }
}

function find_order_with_product_for_user($user_id, $product_id) {
	global $wpdb;

	// Get the order IDs for the user
	$order_ids = $wpdb->get_col("
        SELECT DISTINCT order_items.order_id
        FROM wp_woocommerce_order_items as order_items
        LEFT JOIN wp_woocommerce_order_itemmeta as order_itemmeta ON order_items.order_item_id = order_itemmeta.order_item_id
        LEFT JOIN wp_posts as posts ON order_items.order_id = posts.ID
        LEFT JOIN wp_postmeta as postmeta ON postmeta.post_id = posts.ID
        WHERE posts.post_type = 'shop_order'
        AND posts.post_status IN ('wc-processing', 'wc-completed')
        AND order_itemmeta.meta_key = '_product_id'
        AND order_itemmeta.meta_value = '$product_id'
        AND postmeta.meta_key = '_customer_user'
        AND postmeta.meta_value = '$user_id'
    ");

	// If orders are found, return the order IDs
	if ($order_ids) {
		return $order_ids;
	}

	return false;
}
function course_woocommerce_product_downloads_shortcode($atts) {
	// Extract shortcode attributes
	$atts = shortcode_atts(
		array(
			'product_id' => get_the_ID(), // Specify the product ID
		),
		$atts,
		'custom_woocommerce_product_downloads'
	);

	// Check if the product ID is provided
	if (empty($atts['product_id'])) {
		return '';
	}

	// Get the product object
	$product = wc_get_product($atts['product_id']);
	$order_ids = find_order_with_product_for_user(get_current_user_id(), $atts['product_id']);

	// Check if the product is downloadable
	if ($product && $product->is_downloadable() &&  wc_customer_bought_product(get_current_user_id(), get_current_user_id(), get_the_ID())) {
		$order = wc_get_order(current($order_ids));
		$downloads = $order->get_downloadable_items();
		// Check if there are downloads
		if ($downloads) {
			// Output a list of download files
			$output = '<h2>دانلود دوره خریداری شده ' . esc_html($product->get_name()) . '</h2>';
			$output .= '<ul>';
			foreach ($downloads as $download) {
				if($download['product_id'] != $atts['product_id']){
					continue;
				}
				$output .= '<li><a href="' . esc_url($download['download_url']) . '">' . esc_html($download['download_name']) . "</a></li>";
			}
			$output .= '</ul>';
		} else {
			$output = '<p>هیچ فایل دانلودی برای این دوره موجود نیست.</p>';
		}
	} else {
		$output = '<p>برای مشاهده فایل ها لطفا ابتدا دوره را خریداری کنید</p>';
	}

	return $output;
}
add_shortcode('course_woocommerce_product_downloads', 'course_woocommerce_product_downloads_shortcode');

function find_order_with_product_for_user($user_id, $product_id) {
	global $wpdb;

	// Get the order IDs for the user
	$order_ids = $wpdb->get_col("
        SELECT DISTINCT order_items.order_id
        FROM wp_woocommerce_order_items as order_items
        LEFT JOIN wp_woocommerce_order_itemmeta as order_itemmeta ON order_items.order_item_id = order_itemmeta.order_item_id
        LEFT JOIN wp_posts as posts ON order_items.order_id = posts.ID
        LEFT JOIN wp_postmeta as postmeta ON postmeta.post_id = posts.ID
        WHERE posts.post_type = 'shop_order'
        AND posts.post_status IN ('wc-processing', 'wc-completed')
        AND order_itemmeta.meta_key = '_product_id'
        AND order_itemmeta.meta_value = '$product_id'
        AND postmeta.meta_key = '_customer_user'
        AND postmeta.meta_value = '$user_id'
    ");

	// If orders are found, return the order IDs
	if ($order_ids) {
		return $order_ids;
	}

	return false;
}
function course_woocommerce_product_downloads_shortcode($atts) {
	// Extract shortcode attributes
	$atts = shortcode_atts(
		array(
			'product_id' => get_the_ID(), // Specify the product ID
		),
		$atts,
		'custom_woocommerce_product_downloads'
	);

	// Check if the product ID is provided
	if (empty($atts['product_id'])) {
		return '';
	}

	// Get the product object
	$product = wc_get_product($atts['product_id']);
	$order_ids = find_order_with_product_for_user(get_current_user_id(), $atts['product_id']);

	// Check if the product is downloadable
	if ($product && $product->is_downloadable() &&  wc_customer_bought_product(get_current_user_id(), get_current_user_id(), get_the_ID())) {
		$order = wc_get_order(current($order_ids));
		$downloads = $order->get_downloadable_items();
		// Check if there are downloads
		if ($downloads) {
			// Output a list of download files
			$output = '<h2>دانلود دوره خریداری شده ' . esc_html($product->get_name()) . '</h2>';
			$output .= '<ul>';
			foreach ($downloads as $download) {
				if($download['product_id'] != $atts['product_id']){
					continue;
				}
				$output .= '<li><a href="' . esc_url($download['download_url']) . '">' . esc_html($download['download_name']) . "</a></li>";
			}
			$output .= '</ul>';
		} else {
			$output = '<p>هیچ فایل دانلودی برای این دوره موجود نیست.</p>';
		}
	} else {
		$output = '<p>برای مشاهده فایل ها لطفا ابتدا دوره را خریداری کنید</p>';
	}

	return $output;
}
add_shortcode('course_woocommerce_product_downloads', 'course_woocommerce_product_downloads_shortcode');

8-bit NAND
%%verilog

// definition of 1-bit nand gate [3]
module NAND_gate (
    input I0,
    input I1,
    output O0
);

// logic for nand gate
assign O0 = ~(I0 & I1);

endmodule

// 8-bit NAND gate using eight 1-bit NAND gates [3]
module nand_gate_8bit (
    input [7:0] NAND_in_a,
    input [7:0] NAND_in_b,
    output [7:0] NAND_out
);

// instantiation of eight 1-bit NAND gates
NAND_gate inst1(NAND_in_a[0], NAND_in_b[0], NAND_out[0]);
NAND_gate inst2(NAND_in_a[1], NAND_in_b[1], NAND_out[1]);
NAND_gate inst3(NAND_in_a[2], NAND_in_b[2], NAND_out[2]);
NAND_gate inst4(NAND_in_a[3], NAND_in_b[3], NAND_out[3]);
NAND_gate inst5(NAND_in_a[4], NAND_in_b[4], NAND_out[4]);
NAND_gate inst6(NAND_in_a[5], NAND_in_b[5], NAND_out[5]);
NAND_gate inst7(NAND_in_a[6], NAND_in_b[6], NAND_out[6]);
NAND_gate inst8(NAND_in_a[7], NAND_in_b[7], NAND_out[7]);

endmodule

// test bench for nand gate [3]
module nand_tb();
  // input signals
  reg [7:0] NAND_in_a, NAND_in_b;
  // output signals
  wire [7:0] NAND_out;
  nand_gate_8bit INST(NAND_in_a, NAND_in_b, NAND_out);

  // block for test bench
  initial begin
    $display("nand test bench");
    #10 NAND_in_a=8'b0000001; NAND_in_b=8'b0000001;
    #10 $monitor("%b NAND %b = %b", NAND_in_a,NAND_in_b,NAND_out);
    #10 NAND_in_a=8'b00011111; NAND_in_b=8'b00110011;
    $finish;
  end
endmodule

8-BIT OR-GATE
%%verilog
// or gate - quiñones
module OR_gate (
    input I0,
    input I1,
    output O0
);

assign O0 = I0 | I1;

endmodule


module or_gate_8bit (
    input [7:0] OR_in_a,
    input [7:0] OR_in_b,
    output [7:0] OR_out
);

OR_gate inst1(OR_in_a[0], OR_in_b[0], OR_out[0]);
OR_gate inst2(OR_in_a[1], OR_in_b[1], OR_out[1]);
OR_gate inst3(OR_in_a[2], OR_in_b[2], OR_out[2]);
OR_gate inst4(OR_in_a[3], OR_in_b[3], OR_out[3]);
OR_gate inst5(OR_in_a[4], OR_in_b[4], OR_out[4]);
OR_gate inst6(OR_in_a[5], OR_in_b[5], OR_out[5]);
OR_gate inst7(OR_in_a[6], OR_in_b[6], OR_out[6]);
OR_gate inst8(OR_in_a[7], OR_in_b[7], OR_out[7]);

endmodule

module or_tb();
  reg [7:0] OR_in_a, OR_in_b;
  wire [7:0] OR_out;
  or_gate_8bit INST(OR_in_a, OR_in_b, OR_out);

  initial begin
    $display("or test bench");
    #10 OR_in_a=8'b10000000; OR_in_b=8'b00000001;
    #10 $monitor("%b OR %b = %b", OR_in_a, OR_in_b, OR_out);
    #10 OR_in_a=8'b00011111; OR_in_b=8'b00110011;
    $finish;
  end
endmodule

8-BIT XOR-GATE
%%verilog

// definition of 1-bit xor gate [3]
module XOR_gate (
    input I0,
    input I1,
    output O0
);

// logic for xor gate
assign O0 = I0 ^ I1;

endmodule

// definition of 8-bit xor gate using 1-bit xor gates [3]
module xor_gate_8bit (
    input [7:0] XOR_in_a,
    input [7:0] XOR_in_b,
    output [7:0] XOR_out
);

// instantiation
XOR_gate inst1(XOR_in_a[0], XOR_in_b[0], XOR_out[0]);
XOR_gate inst2(XOR_in_a[1], XOR_in_b[1], XOR_out[1]);
XOR_gate inst3(XOR_in_a[2], XOR_in_b[2], XOR_out[2]);
XOR_gate inst4(XOR_in_a[3], XOR_in_b[3], XOR_out[3]);
XOR_gate inst5(XOR_in_a[4], XOR_in_b[4], XOR_out[4]);
XOR_gate inst6(XOR_in_a[5], XOR_in_b[5], XOR_out[5]);
XOR_gate inst7(XOR_in_a[6], XOR_in_b[6], XOR_out[6]);
XOR_gate inst8(XOR_in_a[7], XOR_in_b[7], XOR_out[7]);

endmodule

// test bench for xor gate [3]
module xor_tb();
  // input signals
  reg [7:0] XOR_in_a, XOR_in_b;
  // output signals
  wire [7:0] XOR_out;
  xor_gate_8bit INST(XOR_in_a, XOR_in_b, XOR_out);

  initial begin
    $display("xor test bench");
    #10 XOR_in_a=8'b0000001; XOR_in_b=8'b0000001;
    #10 $monitor("%b XOR %b = %b", XOR_in_a,XOR_in_b,XOR_out);
    #10 XOR_in_a=8'b00011111; XOR_in_b=8'b00110011;
    $finish;
  end
endmodule

PROJ-FUNC
%%verilog
// definition of 1-bit OR gate
module OR_gate (
    input I0,
    input I1,
    output O0
);

// logic for OR
assign O0 = I0 | I1;

endmodule

// definition of 8-bit OR gate
module or_gate_8bit (
    input [7:0] OR_in_a,
    input [7:0] OR_in_b,
    output [7:0] OR_out
);

// instantiation of eight 1-bit OR gates
OR_gate inst1(OR_in_a[0], OR_in_b[0], OR_out[0]);
OR_gate inst2(OR_in_a[1], OR_in_b[1], OR_out[1]);
OR_gate inst3(OR_in_a[2], OR_in_b[2], OR_out[2]);
OR_gate inst4(OR_in_a[3], OR_in_b[3], OR_out[3]);
OR_gate inst5(OR_in_a[4], OR_in_b[4], OR_out[4]);
OR_gate inst6(OR_in_a[5], OR_in_b[5], OR_out[5]);
OR_gate inst7(OR_in_a[6], OR_in_b[6], OR_out[6]);
OR_gate inst8(OR_in_a[7], OR_in_b[7], OR_out[7]);

endmodule

// definition of 1-bit sub [3]
module subtract1(
  input a_bit, b_bit,
  input cin_bit,
  output sum_bit,
  output cout_bit
  );

  // logic for 1-bit subtraction
  assign sum_bit = (a_bit ^ b_bit) ^ cin_bit;
  assign cout_bit = (~a_bit & b_bit) | (~(a_bit ^ b_bit) & cin_bit);

endmodule

// definition of 8-bit sub [3]
module subtract_8bits(
    input [7:0] a,
    input [7:0] b,
    output [7:0] result
);

wire [7:0] borrow;

// instantiation of eight 1-bit subtractors
subtract1 sub[7:0] (
    .a_bit(a[0]),
    .b_bit(b[0]),
    .cin_bit(1'b0),
    .sum_bit(result[0]),
    .cout_bit(borrow[0])
  );

  // generate block for loop instantiation
  generate
    genvar i;
    for (i = 1; i < 8; i = i + 1) begin : sub_gen
      subtract1 sub_i (
        .a_bit(a[i]),
        .b_bit(b[i]),
        .cin_bit(borrow[i-1]),
        .sum_bit(result[i]),
        .cout_bit(borrow[i])
      );
    end
  endgenerate

endmodule

// function combining OR and subtract operations
module proj_func(
  input [7:0] func_in_a,
  input [7:0] func_in_b,
  output [7:0] func_out
);

wire [0:7] OR_out;

// or gate
or_gate_8bit inst1(
    .OR_in_a(func_in_a),
    .OR_in_b(func_in_b),
    .OR_out(OR_out)
);

// subtractor
subtract_8bits inst2 (
    .a(OR_out),
    .b(func_in_b),
    .result(func_out)
);

endmodule

// test bench for function
module function_tb;
    reg [7:0] a;
    reg [7:0] b;
    wire [7:0] out;

    proj_func f7(a,b,out);

      initial begin
        a = 8'b10000000; b=8'b00000001;
        #10 $display("out = %b", out);
        $finish;
      end
endmodule

<script>
        let up = document.getElementById('GFG_UP');
        let down = document.getElementById('GFG_DOWN');
        let div = document.getElementById('GFG_DIV');
        up.innerHTML = "Click on button to remove the element.";
 
        function GFG_Fun() {
            div.parentNode.removeChild(div);
            down.innerHTML = "Element is removed.";
        }
    </script>

/**
 * /**
 *@NApiVersion 2.1
 *@NScriptType ClientScript
 */
define(["N/format", "N/search"], function (format, search) {
  validateLine = (context) => {
    try {
      var recObj = context.currentRecord;
      var returnValue = true;
      var alertMessage;

      if (context.sublistId == "recmachcustrecord_hcg_employee3") {
        //get current start and end date, and compare with all the lines start and end date wether it line between those date or not
        var CurrentLineIndex = recObj.getCurrentSublistIndex({
          sublistId: "recmachcustrecord_hcg_employee3",
        });

        log.debug("CurrentLineIndex", CurrentLineIndex);

        var currentLineStartDate = recObj.getCurrentSublistValue({
          sublistId: "recmachcustrecord_hcg_employee3",
          fieldId: "custrecord_hcg_start_date6",
        }); //get current start date

        var currentLineEndDate = recObj.getCurrentSublistValue({
          sublistId: "recmachcustrecord_hcg_employee3",
          fieldId: "custrecord_hcg_end_date6",
        }); //get current end date

        log.debug("current currentLineStartDate ", currentLineStartDate + " currentLineEndDate " + currentLineEndDate);

        var currentLineStartDate = new Date(currentLineStartDate);
        var currentLineEndDate = new Date(currentLineEndDate);

        log.debug("current currentLineStartDate ", currentLineStartDate + " currentLineEndDate " + currentLineEndDate);

        var lineCount = recObj.getLineCount({
          sublistId: "recmachcustrecord_hcg_employee3",
        });
        log.debug("lineCount", lineCount);

        for (var i = 0; i < lineCount; i++) {
          if (i != CurrentLineIndex) {
            //current editing index should not be compared. else it would be comparing same index values that would satisfy the condition.
            log.debug("inside loop i=", i);
            var startDateLine = recObj.getSublistValue({
              sublistId: "recmachcustrecord_hcg_employee3",
              fieldId: "custrecord_hcg_start_date6",
              line: i,
            }); //get start date of line

            var endDateLine = recObj.getSublistValue({
              sublistId: "recmachcustrecord_hcg_employee3",
              fieldId: "custrecord_hcg_end_date6",
              line: i,
            }); //get end date of line

            startDateLine = new Date(startDateLine);
            endDateLine = new Date(endDateLine);

            log.debug("startDateLine ", startDateLine + " endDateLine " + endDateLine);

            //if current start date and current end date  is in between the existing startDateLine and endDateLine then give alert
            if (
              (currentLineStartDate >= startDateLine && currentLineEndDate <= endDateLine) || //current start date and current end date lies between any already present start date and end date.
              (currentLineStartDate >= startDateLine && currentLineStartDate <= endDateLine) || //Current start date lies between any already present start and end date.(this means date is overlapping)
              (currentLineEndDate >= startDateLine && currentLineEndDate <= endDateLine) // Current end date lies between any already present start and end date.(this means date is overlapping)
            ) {
              //|| (currentLineEndDate >= startDateLine && currentLineEndDate <= endDateLine)
              log.debug("condition matched");
              returnValue = false;
              alertMessage = "Start Date and End Date should not be between the existing date range";

              alert(alertMessage);

              break;
            }
          }
        }

        return returnValue;
      }
    } catch (error) {
      log.error("error in validate line =", error);
    }
  };

  return {
    validateLine: validateLine,
  };
});