{"id":121,"date":"2026-02-23T04:37:45","date_gmt":"2026-02-23T04:37:45","guid":{"rendered":"https:\/\/hithotprodcut.com\/?page_id=121"},"modified":"2026-02-23T06:44:13","modified_gmt":"2026-02-23T06:44:13","slug":"elementor-121","status":"publish","type":"page","link":"https:\/\/hithotprodcut.com\/index.php\/elementor-121\/","title":{"rendered":"Elementor #121"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"121\" class=\"elementor elementor-121\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6a57a7 e-flex e-con-boxed e-con e-parent\" data-id=\"b6a57a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-814993b elementor-widget elementor-widget-html\" data-id=\"814993b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n\r\n\/* ===== GLOBAL ===== *\/\r\nbody{\r\n    margin:0;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n    background:#f3f3f3;\r\n    transition:.3s;\r\n}\r\na{text-decoration:none}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.header{\r\n    background:#131921;\r\n    color:#fff;\r\n    padding:12px 40px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    position:sticky;\r\n    top:0;\r\n    z-index:999;\r\n}\r\n\r\n.logo{\r\n    font-size:22px;\r\n    font-weight:bold;\r\n}\r\n.logo span{color:#f4b400}\r\n\r\n\/* SEARCH *\/\r\n.search-box{\r\n    width:50%;\r\n    display:flex;\r\n}\r\n.search-box input{\r\n    width:100%;\r\n    padding:10px;\r\n    border:none;\r\n    outline:none;\r\n}\r\n.search-box button{\r\n    padding:10px 20px;\r\n    border:none;\r\n    background:#f4b400;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* NAV *\/\r\n.nav-links a{\r\n    color:#fff;\r\n    margin-left:20px;\r\n    font-weight:bold;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n    height:350px;\r\n    background:linear-gradient(135deg,#000,#444);\r\n    color:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-direction:column;\r\n}\r\n.hero h1{font-size:40px;margin:0;}\r\n.hero p{opacity:.8}\r\n\r\n\/* CATEGORY GRID *\/\r\n.categories{\r\n    display:grid;\r\n    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\r\n    gap:20px;\r\n    padding:40px;\r\n}\r\n.cat-box{\r\n    background:#fff;\r\n    padding:30px;\r\n    text-align:center;\r\n    border-radius:12px;\r\n    transition:.3s;\r\n}\r\n.cat-box:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 10px 20px rgba(0,0,0,.1);\r\n}\r\n\r\n\/* PRODUCTS *\/\r\n.products{\r\n    padding:40px;\r\n}\r\n.product-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\r\n    gap:25px;\r\n}\r\n.product-card{\r\n    background:#fff;\r\n    padding:20px;\r\n    border-radius:12px;\r\n    text-align:center;\r\n    transition:.3s;\r\n}\r\n.product-card:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 10px 20px rgba(0,0,0,.15);\r\n}\r\n.product-card img{\r\n    width:100%;\r\n    height:200px;\r\n    object-fit:cover;\r\n}\r\n.price{\r\n    font-weight:bold;\r\n    margin:10px 0;\r\n}\r\n.btn{\r\n    padding:8px 15px;\r\n    background:#f4b400;\r\n    border:none;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* CART DRAWER *\/\r\n.cart-drawer{\r\n    position:fixed;\r\n    right:-350px;\r\n    top:0;\r\n    width:300px;\r\n    height:100%;\r\n    background:#fff;\r\n    box-shadow:-5px 0 15px rgba(0,0,0,.2);\r\n    transition:.4s;\r\n    padding:20px;\r\n    z-index:1000;\r\n}\r\n.cart-drawer.open{\r\n    right:0;\r\n}\r\n\r\n\/* LOGIN MODAL *\/\r\n.login-modal{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;left:0;\r\n    width:100%;height:100%;\r\n    background:rgba(0,0,0,.6);\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n.login-box{\r\n    background:#fff;\r\n    padding:30px;\r\n    width:350px;\r\n    border-radius:10px;\r\n}\r\n\r\n\/* DARK MODE *\/\r\n.dark-mode{\r\n    background:#111;\r\n    color:#fff;\r\n}\r\n.dark-mode .cat-box,\r\n.dark-mode .product-card,\r\n.dark-mode .cart-drawer{\r\n    background:#222;\r\n    color:#fff;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HEADER -->\r\n<div class=\"header\">\r\n    <div class=\"logo\">PRO<span>MAX<\/span><\/div>\r\n\r\n    <div class=\"search-box\">\r\n        <input type=\"text\" placeholder=\"Search shoes...\">\r\n        <button>Search<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"nav-links\">\r\n        <a href=\"#\" onclick=\"openLogin()\">Login<\/a>\r\n        <a href=\"#\" onclick=\"toggleCart()\">Cart (<span id=\"cartCount\">0<\/span>)<\/a>\r\n        <a href=\"#\" onclick=\"toggleDark()\">\ud83c\udf19<\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n    <h1>Premium Shoe Collection<\/h1>\r\n    <p>Luxury Comfort & Performance<\/p>\r\n<\/div>\r\n\r\n<!-- CATEGORIES -->\r\n<div class=\"categories\">\r\n    <div class=\"cat-box\">Running<\/div>\r\n    <div class=\"cat-box\">Casual<\/div>\r\n    <div class=\"cat-box\">Sports<\/div>\r\n    <div class=\"cat-box\">Formal<\/div>\r\n<\/div>\r\n\r\n<!-- PRODUCTS -->\r\n<div class=\"products\">\r\n    <h2>Best Sellers<\/h2>\r\n    <div class=\"product-grid\">\r\n\r\n        <div class=\"product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n            <h4>Air Runner X<\/h4>\r\n            <div class=\"price\">$120<\/div>\r\n            <button class=\"btn\" onclick=\"addToCart()\">Add to Cart<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n            <h4>Speed Pro 5<\/h4>\r\n            <div class=\"price\">$150<\/div>\r\n            <button class=\"btn\" onclick=\"addToCart()\">Add to Cart<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n            <h4>Urban Street<\/h4>\r\n            <div class=\"price\">$99<\/div>\r\n            <button class=\"btn\" onclick=\"addToCart()\">Add to Cart<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- CART DRAWER -->\r\n<div class=\"cart-drawer\" id=\"cartDrawer\">\r\n    <h3>Your Cart<\/h3>\r\n    <p>Items added will appear here.<\/p>\r\n<\/div>\r\n\r\n<!-- LOGIN MODAL -->\r\n<div class=\"login-modal\" id=\"loginModal\">\r\n    <div class=\"login-box\">\r\n        <h3>Login<\/h3>\r\n        <input type=\"text\" placeholder=\"Email\" style=\"width:100%;padding:8px;margin-bottom:10px;\">\r\n        <input type=\"password\" placeholder=\"Password\" style=\"width:100%;padding:8px;margin-bottom:10px;\">\r\n        <button class=\"btn\" style=\"width:100%;\">Login<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\r\nlet cart = 0;\r\n\r\nfunction addToCart(){\r\n    cart++;\r\n    document.getElementById(\"cartCount\").innerText = cart;\r\n}\r\n\r\nfunction toggleCart(){\r\n    document.getElementById(\"cartDrawer\").classList.toggle(\"open\");\r\n}\r\n\r\nfunction openLogin(){\r\n    document.getElementById(\"loginModal\").style.display=\"flex\";\r\n}\r\n\r\nwindow.onclick = function(e){\r\n    if(e.target.id===\"loginModal\"){\r\n        document.getElementById(\"loginModal\").style.display=\"none\";\r\n    }\r\n}\r\n\r\nfunction toggleDark(){\r\n    document.body.classList.toggle(\"dark-mode\");\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PROMAX Search Login Cart (0) \ud83c\udf19 Premium Shoe Collection Luxury Comfort &#038; Performance Running Casual Sports Formal Best Sellers Air [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":16,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":452,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions\/452"}],"wp:attachment":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}