Account Hero Section<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&family=Caveat:wght@600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #f7fafc;\r\n }\r\n\r\n .hero-section {\r\n width: 100%;\r\n min-height: 90vh;\r\n background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 3rem 8%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Left Content Styling *\/\r\n .hero-left {\r\n flex: 1;\r\n max-width: 550px;\r\n z-index: 2;\r\n }\r\n\r\n .badge-account {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background-color: #eef2ff;\r\n color: #2563eb;\r\n padding: 8px 18px;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n color: #0f172a;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .hero-title span {\r\n color: #2563eb;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n \/* Features Icons Grid *\/\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .feature-item {\r\n text-align: left;\r\n }\r\n\r\n .icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .feature-item:hover .icon-box {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .icon-box.purple { background-color: #f3e8ff; color: #7e22ce; }\r\n .icon-box.green { background-color: #dcfce7; color: #15803d; }\r\n .icon-box.red { background-color: #ffe4e6; color: #e11d48; }\r\n .icon-box.blue { background-color: #dbeafe; color: #1d4ed8; }\r\n\r\n .feature-item p {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #334155;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Right Side Layout *\/\r\n .hero-right {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .bg-light-circle {\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n background-color: #dbeafe;\r\n border-radius: 50%;\r\n z-index: 1;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* Dashboard UI Card Mockup *\/\r\n .dashboard-card {\r\n position: absolute;\r\n left: -30px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: #ffffff;\r\n width: 260px;\r\n border-radius: 20px;\r\n padding: 20px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n z-index: 3;\r\n }\r\n\r\n .user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .user-avatar {\r\n width: 40px;\r\n height: 40px;\r\n background-color: #2563eb;\r\n color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .user-text h4 {\r\n font-size: 0.95rem;\r\n color: #0f172a;\r\n }\r\n\r\n .user-text p {\r\n font-size: 0.75rem;\r\n color: #94a3b8;\r\n }\r\n\r\n .menu-list {\r\n list-style: none;\r\n }\r\n\r\n .menu-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n color: #475569;\r\n margin-bottom: 6px;\r\n cursor: pointer;\r\n }\r\n\r\n .menu-item.active {\r\n background-color: #eff6ff;\r\n color: #2563eb;\r\n font-weight: 600;\r\n }\r\n\r\n .menu-item div {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n \/* Person Image *\/\r\n .person-image {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 100%;\r\n height: auto;\r\n max-height: 480px;\r\n border-radius: 20px;\r\n }\r\n\r\n \/* Floating Handwritten Text *\/\r\n .handwritten-overlay {\r\n position: absolute;\r\n top: 10%;\r\n right: 0%;\r\n font-family: 'Caveat', cursive;\r\n font-size: 2.2rem;\r\n color: #1e293b;\r\n line-height: 1.1;\r\n transform: rotate(-6deg);\r\n z-index: 4;\r\n }\r\n\r\n \/* Responsive Media Queries *\/\r\n @media (max-width: 1024px) {\r\n .hero-section {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 3rem 5%;\r\n }\r\n\r\n .hero-left {\r\n max-width: 100%;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n justify-items: center;\r\n }\r\n\r\n .feature-item {\r\n text-align: center;\r\n }\r\n\r\n .dashboard-card {\r\n left: 0;\r\n position: relative;\r\n transform: none;\r\n top: 0;\r\n margin-bottom: -50px;\r\n }\r\n\r\n .hero-right {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .dashboard-card {\r\n display: none; \/* Mobile screen par simplicity ke liye hide kar sakte hain *\/\r\n }\r\n\r\n .handwritten-overlay {\r\n display: none;\r\n }\r\n\r\n .bg-light-circle {\r\n width: 280px;\r\n height: 280px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n \r\n <div class=\"hero-left\">\r\n <div class=\"badge-account\">\r\n <i class=\"fa-solid fa-user\"><\/i>\r\n <span>My Account<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Your Account, <br>\r\n <span>Your Control<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n Track your orders, manage your details, update addresses, and enjoy a smoother shopping experience \u2014 all in one place.\r\n <\/p>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box purple\">\r\n <i class=\"fa-solid fa-box\"><\/i>\r\n <\/div>\r\n <p>Track<br>Your Orders<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box green\">\r\n <i class=\"fa-solid fa-user-gear\"><\/i>\r\n <\/div>\r\n <p>Manage<br>Your Profile<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box red\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <\/div>\r\n <p>Save<br>Addresses<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box blue\">\r\n <i class=\"fa-solid fa-heart\"><\/i>\r\n <\/div>\r\n <p>View<br>Wishlist<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-right\">\r\n <div class=\"bg-light-circle\"><\/div>\r\n\r\n \r\n <div class=\"dashboard-card\">\r\n <div class=\"user-info\">\r\n <div class=\"user-avatar\">\r\n <i class=\"fa-solid fa-user\"><\/i>\r\n <\/div>\r\n <div class=\"user-text\">\r\n <h4>Hello, Priya<\/h4>\r\n <p>Welcome back!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"menu-list\">\r\n <li class=\"menu-item active\">\r\n <div><i class=\"fa-solid fa-house\"><\/i> Dashboard<\/div>\r\n <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-box-archive\"><\/i> My Orders<\/div>\r\n <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-user\"><\/i> My Profile<\/div>\r\n <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-location-dot\"><\/i> Addresses<\/div>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-heart\"><\/i> Wishlist<\/div>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-right-from-bracket\"><\/i> Logout<\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x500?text=Model+Image\" alt=\"Account User\" class=\"person-image\">\r\n\r\n \r\n <div class=\"handwritten-overlay\">\r\n Easy<br>Manage<br>Shopping<br>Experience\r\n <\/div>\r\n <\/div>\r\n <\/section>\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<div class=\"elementor-element elementor-element-28be9c7 e-flex e-con-boxed e-con e-parent\" data-id=\"28be9c7\" 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-72faf57 elementor-widget elementor-widget-heading\" data-id=\"72faf57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h1>My Account<\/h1><p><strong>Welcome Back!<\/strong><br>Manage your profile, orders, addresses, and account settings in one place.<\/p><h2>Dashboard<\/h2><p>View your recent orders, track shipments, update personal details, and access your wishlist.<\/p><h2>Profile Information<\/h2><p>Keep your personal information up to date.<\/p><ul><li><p>vishal ray <\/p><\/li><li><p>vishalmdb02@gmail.<\/p><\/li><li><p>9123430427<\/p><\/li><li><p>01\/01\/2002<\/p><\/li><\/ul><p><strong>Edit Profile<\/strong> button<\/p><h2>My Orders<\/h2><p>Check all your past and current orders.<\/p><ul><li><p>Order ID<\/p><\/li><li><p>Order Date<\/p><\/li><li><p>Order Status<\/p><\/li><li><p>Total Amount<\/p><\/li><\/ul><p><strong>Track Order<\/strong> button<\/p><h2>Saved Addresses<\/h2><p>Manage your delivery and billing addresses.<\/p><ul><li><p>Home Address<\/p><\/li><li><p>Office Address<\/p><\/li><li><p>Add New Address<\/p><\/li><\/ul><p><strong>Save Address<\/strong> button<\/p><h2>Wishlist<\/h2><p>Save your favorite products and shop them anytime.<\/p><p><strong>Your favorite items are waiting for you!<\/strong><\/p><h2>Payment Methods<\/h2><p>Securely manage your payment options.<\/p><ul><li><p>Credit\/Debit Cards<\/p><\/li><li><p>UPI<\/p><\/li><li><p>Net Banking<\/p><\/li><li><p>Wallets<\/p><\/li><\/ul><h2>Account Settings<\/h2><p>Customize your account preferences.<\/p><ul><li><p>Change Password<\/p><\/li><li><p>Notification Settings<\/p><\/li><li><p>Privacy Settings<\/p><\/li><\/ul><h2>Need Help?<\/h2><p>Our support team is here to assist you.<\/p><p>\ud83d\udce7 <a href=\"mailto:support@yourstore.com\">support@yourstore.com<\/a><br>\ud83d\udcde 9123430427<\/p><p><strong>Logout<\/strong><br><\/p><span style=\"font-style: inherit;font-weight: inherit\">Securely sign out of your account.<\/span><\/h2>\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>Account Hero Section My Account Your Account, Your Control Track your orders, manage your details, update addresses, and enjoy a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":7,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Account Hero Section<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&family=Caveat:wght@600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #f7fafc;\r\n }\r\n\r\n .hero-section {\r\n width: 100%;\r\n min-height: 90vh;\r\n background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 3rem 8%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Left Content Styling *\/\r\n .hero-left {\r\n flex: 1;\r\n max-width: 550px;\r\n z-index: 2;\r\n }\r\n\r\n .badge-account {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background-color: #eef2ff;\r\n color: #2563eb;\r\n padding: 8px 18px;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n color: #0f172a;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .hero-title span {\r\n color: #2563eb;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n \/* Features Icons Grid *\/\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .feature-item {\r\n text-align: left;\r\n }\r\n\r\n .icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .feature-item:hover .icon-box {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .icon-box.purple { background-color: #f3e8ff; color: #7e22ce; }\r\n .icon-box.green { background-color: #dcfce7; color: #15803d; }\r\n .icon-box.red { background-color: #ffe4e6; color: #e11d48; }\r\n .icon-box.blue { background-color: #dbeafe; color: #1d4ed8; }\r\n\r\n .feature-item p {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #334155;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Right Side Layout *\/\r\n .hero-right {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .bg-light-circle {\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n background-color: #dbeafe;\r\n border-radius: 50%;\r\n z-index: 1;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* Dashboard UI Card Mockup *\/\r\n .dashboard-card {\r\n position: absolute;\r\n left: -30px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: #ffffff;\r\n width: 260px;\r\n border-radius: 20px;\r\n padding: 20px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n z-index: 3;\r\n }\r\n\r\n .user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .user-avatar {\r\n width: 40px;\r\n height: 40px;\r\n background-color: #2563eb;\r\n color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .user-text h4 {\r\n font-size: 0.95rem;\r\n color: #0f172a;\r\n }\r\n\r\n .user-text p {\r\n font-size: 0.75rem;\r\n color: #94a3b8;\r\n }\r\n\r\n .menu-list {\r\n list-style: none;\r\n }\r\n\r\n .menu-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n color: #475569;\r\n margin-bottom: 6px;\r\n cursor: pointer;\r\n }\r\n\r\n .menu-item.active {\r\n background-color: #eff6ff;\r\n color: #2563eb;\r\n font-weight: 600;\r\n }\r\n\r\n .menu-item div {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n \/* Person Image *\/\r\n .person-image {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 100%;\r\n height: auto;\r\n max-height: 480px;\r\n border-radius: 20px;\r\n }\r\n\r\n \/* Floating Handwritten Text *\/\r\n .handwritten-overlay {\r\n position: absolute;\r\n top: 10%;\r\n right: 0%;\r\n font-family: 'Caveat', cursive;\r\n font-size: 2.2rem;\r\n color: #1e293b;\r\n line-height: 1.1;\r\n transform: rotate(-6deg);\r\n z-index: 4;\r\n }\r\n\r\n \/* Responsive Media Queries *\/\r\n @media (max-width: 1024px) {\r\n .hero-section {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 3rem 5%;\r\n }\r\n\r\n .hero-left {\r\n max-width: 100%;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n justify-items: center;\r\n }\r\n\r\n .feature-item {\r\n text-align: center;\r\n }\r\n\r\n .dashboard-card {\r\n left: 0;\r\n position: relative;\r\n transform: none;\r\n top: 0;\r\n margin-bottom: -50px;\r\n }\r\n\r\n .hero-right {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .dashboard-card {\r\n display: none; \/* Mobile screen par simplicity ke liye hide kar sakte hain *\/\r\n }\r\n\r\n .handwritten-overlay {\r\n display: none;\r\n }\r\n\r\n .bg-light-circle {\r\n width: 280px;\r\n height: 280px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n \r\n <div class=\"hero-left\">\r\n <div class=\"badge-account\">\r\n <i class=\"fa-solid fa-user\"><\/i>\r\n <span>My Account<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Your Account, <br>\r\n <span>Your Control<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n Track your orders, manage your details, update addresses, and enjoy a smoother shopping experience \u2014 all in one place.\r\n <\/p>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box purple\">\r\n <i class=\"fa-solid fa-box\"><\/i>\r\n <\/div>\r\n <p>Track<br>Your Orders<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box green\">\r\n <i class=\"fa-solid fa-user-gear\"><\/i>\r\n <\/div>\r\n <p>Manage<br>Your Profile<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box red\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <\/div>\r\n <p>Save<br>Addresses<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box blue\">\r\n <i class=\"fa-solid fa-heart\"><\/i>\r\n <\/div>\r\n <p>View<br>Wishlist<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-right\">\r\n <div class=\"bg-light-circle\"><\/div>\r\n\r\n \r\n <div class=\"dashboard-card\">\r\n <div class=\"user-info\">\r\n <div class=\"user-avatar\">\r\n <i class=\"fa-solid fa-user\"><\/i>\r\n <\/div>\r\n <div class=\"user-text\">\r\n <h4>Hello, Priya<\/h4>\r\n <p>Welcome back!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"menu-list\">\r\n <li class=\"menu-item active\">\r\n <div><i class=\"fa-solid fa-house\"><\/i> Dashboard<\/div>\r\n <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-box-archive\"><\/i> My Orders<\/div>\r\n <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-user\"><\/i> My Profile<\/div>\r\n <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-location-dot\"><\/i> Addresses<\/div>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-heart\"><\/i> Wishlist<\/div>\r\n <\/li>\r\n <li class=\"menu-item\">\r\n <div><i class=\"fa-solid fa-right-from-bracket\"><\/i> Logout<\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x500?text=Model+Image\" alt=\"Account User\" class=\"person-image\">\r\n\r\n \r\n <div class=\"handwritten-overlay\">\r\n Easy<br>Manage<br>Shopping<br>Experience\r\n <\/div>\r\n <\/div>\r\n <\/section>\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<div class=\"elementor-element elementor-element-28be9c7 e-flex e-con-boxed e-con e-parent\" data-id=\"28be9c7\" 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-72faf57 elementor-widget elementor-widget-heading\" data-id=\"72faf57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h1>My Account<\/h1><p><strong>Welcome Back!<\/strong><br>Manage your profile, orders, addresses, and account settings in one place.<\/p><h2>Dashboard<\/h2><p>View your recent orders, track shipments, update personal details, and access your wishlist.<\/p><h2>Profile Information<\/h2><p>Keep your personal information up to date.<\/p><ul><li><p>vishal ray <\/p><\/li><li><p>vishalmdb02@gmail.<\/p><\/li><li><p>9123430427<\/p><\/li><li><p>01\/01\/2002<\/p><\/li><\/ul><p><strong>Edit Profile<\/strong> button<\/p><h2>My Orders<\/h2><p>Check all your past and current orders.<\/p><ul><li><p>Order ID<\/p><\/li><li><p>Order Date<\/p><\/li><li><p>Order Status<\/p><\/li><li><p>Total Amount<\/p><\/li><\/ul><p><strong>Track Order<\/strong> button<\/p><h2>Saved Addresses<\/h2><p>Manage your delivery and billing addresses.<\/p><ul><li><p>Home Address<\/p><\/li><li><p>Office Address<\/p><\/li><li><p>Add New Address<\/p><\/li><\/ul><p><strong>Save Address<\/strong> button<\/p><h2>Wishlist<\/h2><p>Save your favorite products and shop them anytime.<\/p><p><strong>Your favorite items are waiting for you!<\/strong><\/p><h2>Payment Methods<\/h2><p>Securely manage your payment options.<\/p><ul><li><p>Credit\/Debit Cards<\/p><\/li><li><p>UPI<\/p><\/li><li><p>Net Banking<\/p><\/li><li><p>Wallets<\/p><\/li><\/ul><h2>Account Settings<\/h2><p>Customize your account preferences.<\/p><ul><li><p>Change Password<\/p><\/li><li><p>Notification Settings<\/p><\/li><li><p>Privacy Settings<\/p><\/li><\/ul><h2>Need Help?<\/h2><p>Our support team is here to assist you.<\/p><p>\ud83d\udce7 <a href=\"mailto:support@yourstore.com\">support@yourstore.com<\/a><br>\ud83d\udcde 9123430427<\/p><p><strong>Logout<\/strong><br><\/p><span style=\"font-style: inherit;font-weight: inherit\">Securely sign out of your account.<\/span><\/h2>\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>Account Hero Section My Account Your Account, Your Control Track your orders, manage your details, update addresses, and enjoy a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":7,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}