File manager - Edit - /home/monara/public_html/blog/shop/my-account.html
Back
<!doctype html> <html lang="en" data-bs-theme="dark"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>StreamIT | Responsive Bootstrap 5 Template</title> <!-- Google Font Api KEY--> <meta name="google_font_api" content="AIzaSyBG58yNdAjc20_8jAvLNSVi9E4Xhwjau_k"> <!-- Favicon --> <link rel="shortcut icon" href="../assets/images/favicon.ico" /> <!-- Library / Plugin Css Build --> <link rel="stylesheet" href="../assets/css/core/libs.min.css" /> <!-- font-awesome css --> <link rel="stylesheet" href="../assets/vendor/font-awesome/css/all.min.css" /> <!-- Iconly css --> <link rel="stylesheet" href="../assets/vendor/iconly/css/style.css" /> <!-- Animate css --> <link rel="stylesheet" href="../assets/vendor/animate.min.css" /> <!-- Streamit Design System Css --> <link rel="stylesheet" href="../assets/css/streamit.min.css?v=1.0.0" /> <!-- Custom Css --> <link rel="stylesheet" href="../assets/css/custom.min.css?v=1.0.0" /> <!-- Rtl Css --> <link rel="stylesheet" href="../assets/css/rtl.min.css?v=1.0.0" /> <!-- Google Font --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300&display=swap" rel="stylesheet"> </head> <body class=" "> <span class="screen-darken"></span> <!-- loader Start --> <!-- loader Start --> <div class="loader simple-loader"> <div class="loader-body"> <img src="../assets/images/loader.gif" alt="loader" class="img-fluid " width="300"> </div> </div> <!-- loader END --> <!-- loader END --> <main class="main-content"> <!--Nav Start--> <header class="header-center-home header-default header-sticky"> <nav class="nav navbar navbar-expand-xl navbar-light iq-navbar header-hover-menu py-xl-0"> <div class="container-fluid navbar-inner"> <div class="d-flex align-items-center justify-content-between w-100 landing-header"> <div class="d-flex gap-3 gap-xl-0 align-items-center"> <div> <button type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar_main" aria-controls="navbar_main" class="d-xl-none btn btn-primary rounded-pill p-1 pt-0 toggle-rounded-btn"> <svg width="20px" class="icon-20" viewBox="0 0 24 24"> <path fill="currentColor" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path> </svg> </button> </div> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <!-- Horizontal Menu Start --> <nav id="navbar_main" class="offcanvas mobile-offcanvas nav navbar navbar-expand-xl hover-nav horizontal-nav py-xl-0"> <div class="container-fluid p-lg-0"> <div class="offcanvas-header px-0"> <div class="navbar-brand ms-3"> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <button type="button" class="btn-close float-end px-3" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <ul class="navbar-nav iq-nav-menu list-unstyled" id="header-menu"> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#homePages" role="button" aria-expanded="false" aria-controls="homePages"> <span class="item-name">Home</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="homePages"> <li class="nav-item"> <a class="nav-link " href="../index.html"> OTT Home </a> </li> <li class="nav-item"> <a class="nav-link " href="../home.html"> Home </a> </li> <li class="nav-item"> <a class="nav-link " href="../movie.html"> Movie </a> </li> <li class="nav-item"> <a class="nav-link " href="../tv-show.html"> TV Show </a> </li> <li class="nav-item"> <a class="nav-link " href="../video.html"> Video </a> </li> <li class="nav-item"> <a class="nav-link " href="../merchandise-store.html"> Merchandise Store </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#features" role="button" aria-expanded="false" aria-controls="homePages"> <span class="item-name">Features</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="features"> <li class="nav-item"> <a class="nav-link " href="../restricted-content.html"> Restricted Content </a> </li> <li class="nav-item"> <a class="nav-link " href="../related-merchandise.html"> Related Merchandise </a> </li> <li class="nav-item"> <a class="nav-link " href="../playlist.html"> Playlist </a> </li> <li class="nav-item"> <a class="nav-link " href="../geners.html"> Genres </a> </li> <li class="nav-item"> <a class="nav-link " href="../cast.html"> Cast </a> </li> <li class="nav-item"> <a class="nav-link " href="../tags.html"> Tags </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#pages" role="button" aria-expanded="false" aria-controls="homePages"> <span class="item-name">Pages</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="pages"> <li class="nav-item"> <a class="nav-link " href="../about-us.html"> About Us </a> </li> <li class="nav-item"> <a class="nav-link " href="../contact-us.html"> Contact Us </a> </li> <li class="nav-item"> <a class="nav-link " href="../faq.html"> FAQ </a> </li> <li class="nav-item"> <a class="nav-link " href="../privacy-policy.html"> Privacy Policy </a> </li> <li class="nav-item"> <a class="nav-link " href="../pricing-plan.html"> Pricing Plan </a> </li> <li class="nav-item"> <a class="nav-link " href="../coming-soon.html"> Coming Soon </a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#error-page" role="button" aria-expanded="false" aria-controls="error-page"> <span class="item-name">Error Page</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="error-page"> <li class="nav-item"> <a class="nav-link " href="../error-page-one.html"> Error Page 1 </a> </li> <li class="nav-item"> <a class="nav-link " href="../error-page-two.html"> Error Page 2 </a> </li> </ul> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog" role="button" aria-expanded="false" aria-controls="blog"> <span class="item-name">Blog</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog"> <li class="nav-item"> <a class="nav-link " href="../blog/blog-listing.html"> Listing </a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog-grid" role="button" aria-expanded="false" aria-controls="blog-grid"> <span class="item-name">Blog Grid</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog-grid"> <li class="nav-item"> <a class="nav-link " href="../blog/one-column.html"> 1 Column </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/two-column.html"> 2 Column </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/three-column.html"> 3 Column </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/four-column.html"> 4 Column </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog-sidebar" role="button" aria-expanded="false" aria-controls="blog-sidebar"> <span class="item-name">Blog Sidebar</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog-sidebar"> <li class="nav-item"> <a class="nav-link " href="../blog/left-sidebar.html"> Left Sidebar </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/right-sidebar.html"> Right Sidebar </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog-single" role="button" aria-expanded="false" aria-controls="blog-single"> <span class="item-name">Blog Single</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog-single"> <li class="nav-item"> <a class="nav-link " href="../blog/blog-template.html"> Blog Template </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-detail.html"> Standard </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-audio.html"> Audio </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-video.html"> Video </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-link.html"> Link </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-quote.html"> Quote </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-gallery.html"> Gallery </a> </li> </ul> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#shop" role="button" aria-expanded="false" aria-controls="shop"> <span class="item-name">Shop</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="shop"> <li class="nav-item"> <a class="nav-link " href="../shop/shop.html"> Shop </a> </li> <li class="nav-item"> <a class="nav-link active" href="../shop/my-account.html"> My Account Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/cart.html"> Cart Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/wishlist.html"> Wishlist Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/checkout.html"> Checkout Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/order-tracking.html"> Order Tracking </a> </li> </ul> </li> </ul> </div> <!-- container-fluid.// --> </nav> <!-- Horizontal Menu End --> <div class="right-panel"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-btn"> <span class="navbar-toggler-icon"></span> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav align-items-center ms-auto mb-2 mb-xl-0"> <li class="nav-item dropdown iq-responsive-menu"> <div class="search-box"> <a href="#" class="nav-link p-0" id="search-drop" data-bs-toggle="dropdown"> <div class="btn-icon btn-sm rounded-pill btn-action"> <span class="btn-inner"> <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </circle> <path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </path> </svg> </span> </div> </a> <ul class="dropdown-menu p-0 dropdown-search m-0 iq-search-bar" style="width: 20rem;"> <li class="p-0"> <div class="form-group input-group mb-0"> <input type="text" class="form-control border-0" placeholder="Search..."> <button type="submit" class="search-submit"> <svg class="icon-15" width="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </circle> <path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </path> </svg> </button> </div> </li> </ul> </div> </li> <li class="nav-item dropdown" id="itemdropdown1"> <a class="nav-link d-flex align-items-center" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <div class="btn-icon rounded-pill user-icons"> <span class="btn-inner"> <svg class="icon-18" width="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.87651 15.2063C6.03251 15.2063 2.74951 15.7873 2.74951 18.1153C2.74951 20.4433 6.01251 21.0453 9.87651 21.0453C13.7215 21.0453 17.0035 20.4633 17.0035 18.1363C17.0035 15.8093 13.7415 15.2063 9.87651 15.2063Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.8766 11.886C12.3996 11.886 14.4446 9.841 14.4446 7.318C14.4446 4.795 12.3996 2.75 9.8766 2.75C7.3546 2.75 5.3096 4.795 5.3096 7.318C5.3006 9.832 7.3306 11.877 9.8456 11.886H9.8766Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.2036 8.66919V12.6792" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M21.2497 10.6741H17.1597" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> </a> <ul class="dropdown-menu dropdown-menu-end dropdown-user border-0 p-0 m-0" aria-labelledby="navbarDropdown"> <li class="user-info d-flex align-items-center gap-3 mb-3"> <img src="../assets/images/user/user1.webp" class="img-fluid" alt="" loading="lazy"> <span class="font-size-14 fw-500 text-capitalize text-white">Jenny</span> </li> <li> <a href="../playlist.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 22" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84455 20.6621C4.15273 20.6621 1 20.0876 1 17.7868C1 15.486 4.13273 13.3621 7.84455 13.3621C11.5364 13.3621 14.6891 15.4654 14.6891 17.7662C14.6891 20.066 11.5564 20.6621 7.84455 20.6621Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.83725 10.1738C10.26 10.1738 12.2236 8.21015 12.2236 5.78742C12.2236 3.36469 10.26 1.40015 7.83725 1.40015C5.41452 1.40015 3.44998 3.36469 3.44998 5.78742C3.4418 8.20196 5.3918 10.1656 7.80634 10.1738C7.81725 10.1738 7.82725 10.1738 7.83725 10.1738Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <h6 class="mb-0 font-size-14 fw-normal">My Account</h6> </a> </li> <li> <a href="../playlist.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="m0 0h24v24h-24z" fill="#fff" opacity="0" transform="matrix(-1 0 0 -1 24 24)" /> <path d="m19 11h-6v-6a1 1 0 0 0 -2 0v6h-6a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2z" fill="currentColor" /> </svg> <h6 class="mb-0 font-size-14 fw-normal">Watchlist</h6> </a> </li> <li> <a href="../pricing-plan.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg width="16" height="16" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> <h6 class="mb-0 font-size-14 fw-normal">Subscription</h6> </a> </li> <li> <a href="../login.html" class="iq-sub-card iq-logout-2 mt-1 d-flex justify-content-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M1.82209 15.9999C1.46654 15.9999 1.16283 15.874 0.910981 15.6221C0.659129 15.3703 0.533203 15.0666 0.533203 14.711V1.73322C0.533203 1.37767 0.659129 1.07397 0.910981 0.822114C1.16283 0.570262 1.46654 0.444336 1.82209 0.444336H7.95543V1.44434H1.82209C1.74802 1.44434 1.68135 1.47397 1.62209 1.53322C1.56283 1.59248 1.5332 1.65915 1.5332 1.73322V14.711C1.5332 14.7851 1.56283 14.8517 1.62209 14.911C1.68135 14.9703 1.74802 14.9999 1.82209 14.9999H7.95543V15.9999H1.82209ZM12.0888 11.5999L11.3554 10.8888L13.5332 8.73322H5.68876V7.711H13.511L11.3332 5.55545L12.0665 4.82211L15.4665 8.24434L12.0888 11.5999Z" fill="currentColor"></path> </svg> <h6 class="mb-0 font-size-14 fw-normal">Logout</h6> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </nav> </header> <!--Nav End--> <!--bread-crumb--> <div class="iq-breadcrumb" style="background-image: url(../assets/images/pages/01.webp);"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-sm-12"> <nav aria-label="breadcrumb" class="text-center"> <h2 class="title">My Account</h2> <ol class="breadcrumb justify-content-center"> <li class="breadcrumb-item"><a href="../index.html">Home</a></li> <li class="breadcrumb-item active">My Account</li> </ol> </nav> </div> </div> </div> </div> <!--bread-crumb--> <div class="section-padding service-details"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-4"> <div class="acc-left-menu p-4 mb-5 mb-lg-0 mb-md-0"> <div class="product-menu"> <ul class="list-inline m-0 nav nav-tabs flex-column bg-transparent border-0" role="tablist"> <li class="pb-3 nav-item"> <button class="nav-link active p-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#dashboard" type="button" role="tab" aria-selected="true"><i class="fas fa-tachometer-alt"></i><span class="ms-2">Dashboard</span></button> </li> <li class="py-3 nav-item"> <button class="nav-link p-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#orders" type="button" role="tab" aria-selected="true"><i class="fas fa-list"></i><span class="ms-2">Orders</span></button> </li> <li class="py-3 nav-item"> <button class="nav-link p-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#downloads" type="button" role="tab" aria-selected="true"><i class="fas fa-download"></i><span class="ms-2">Downloads</span></button> </li> <li class="py-3 nav-item"> <button class="nav-link p-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#address" type="button" role="tab" aria-selected="true"><i class="fas fa-map-marker-alt"></i><span class="ms-2">Address</span></button> </li> <li class="py-3 nav-item"> <button class="nav-link p-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#account-details" type="button" role="tab" aria-selected="true"><i class="fas fa-user"></i><span class="ms-2">Account details</span></button> </li> <li class="pt-3 nav-item"> <button class="nav-link p-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#logout" type="button" role="tab" aria-selected="true"><i class="fas fa-sign-out-alt"></i><span class="ms-2">Logout</span></button> </li> </ul> </div> </div> </div> <div class="col-lg-9 col-md-8"> <div class="tab-content" id="product-menu-content"> <div class="tab-pane fade show active" id="dashboard" role="tabpanel"> <div class="myaccount-content text-body p-4"> <p>Hello Jenny (not Jenny? <a href="../login.html">Log out</a>)</p> <p>From your account dashboard you can view your <a href="javascript:void(0)">recent orders</a>, manage your <a href="javascript:void(0)">shipping and billing addresses</a>, and <a href="javascript:void(0)">edit your password and account details</a>. </p> </div> </div> <div class="tab-pane fade" id="orders" role="tabpanel"> <div class="orders-table text-body p-4"> <div class="table-responsive"> <table class="table"> <thead> <tr class="border-bottom"> <th class="fw-bolder p-3">Order</th> <th class="fw-bolder p-3">Date</th> <th class="fw-bolder p-3">Status</th> <th class="fw-bolder p-3">Total</th> <th class="fw-bolder p-3">Actions</th> </tr> </thead> <tbody> <tr class="border-bottom"> <td class="text-primary fs-6">#32604</td> <td>October 28, 2022</td> <td>Cancelled</td> <td>$215.00 For 0 Items</td> <td> <div class="d-flex align-items-center gap-2"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">pay</span> <i class="fa-solid fa-play"></i> </a> </div> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">view</span> <i class="fa-solid fa-play"></i> </a> </div> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">cancel</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </td> </tr> <tr class="border-bottom"> <td class="text-primary fs-6">#32584</td> <td>October 27, 2022</td> <td>On Hold</td> <td>$522.00 For 0 Items</td> <td> <div class="d-flex align-items-center gap-2"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">pay</span> <i class="fa-solid fa-play"></i> </a> </div> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">view</span> <i class="fa-solid fa-play"></i> </a> </div> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">cancel</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </td> </tr> <tr class="border-bottom"> <td class="text-primary fs-6">#31756</td> <td>October 19, 2022</td> <td>Processing</td> <td>$243.00 For 0 Items</td> <td> <div class="d-flex align-items-center gap-2"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">pay</span> <i class="fa-solid fa-play"></i> </a> </div> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">view</span> <i class="fa-solid fa-play"></i> </a> </div> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">cancel</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </td> </tr> <tr class="border-bottom"> <td class="text-primary fs-6">#23663</td> <td>October 7, 2022</td> <td>Completed</td> <td>$123.00 For 0 Items</td> <td class="fs-6"> <div class="d-flex align-items-center gap-2"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">view</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </td> </tr> <tr class="border-bottom"> <td class="text-primary fs-6">#23612</td> <td>October 7, 2022</td> <td>Completed</td> <td>$64.00 For 0 Items</td> <td class="fs-6"> <div class="d-flex align-items-center gap-2"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">view</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </td> </tr> <tr> <td class="text-primary fs-6">#19243</td> <td>April 1, 2022</td> <td>Completed</td> <td>$159.00 For 0 Items</td> <td class="fs-6"> <div class="d-flex align-items-center gap-2"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">view</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade" id="downloads" role="tabpanel"> <div class="orders-table text-body p-4"> <div class="table-responsive"> <table class="table"> <thead> <tr class="border-bottom"> <th class="fw-bolder p-3">Product</th> <th class="fw-bolder p-3">Downloads Remaining</th> <th class="fw-bolder p-3">Expires</th> <th class="fw-bolder p-3">Download</th> </tr> </thead> <tbody> <tr> <td class="p-3 fs-6">Electric Toothbrush</td> <td class="p-3">∞</td> <td class="p-3 fs-6">Never</td> <td class="p-3"><a href="#" class="p-2 bg-primary text-white fs-6" download>Product Demo</a> </td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade" id="address" role="tabpanel"> <div class="text-body p-4"> <p class="my-3">The following addresses will be used on the checkout page by default.</p> <div class="d-flex align-items-center justify-content-between my-5 gap-2 flex-wrap"> <h4 class="mb-0">Billing Address.</h4> <div class="iq-button"> <a href="#" class="btn text-uppercase position-relative" data-bs-toggle="collapse" data-bs-target="#edit-address-1" aria-expanded="false"> <span class="button-text">Edit</span> <i class="fa-solid fa-play"></i> </a> </div> </div> <div id="edit-address-1" class="collapse"> <div class="text-body mb-4"> <form> <div class="form-group mb-5"> <label class="mb-2">First name <span class="text-danger">*</span></label> <input type="text" name="first-name" value="John" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Last name <span class="text-danger">*</span></label> <input type="text" name="last-name" value="deo" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Company name (optional)</label> <input type="text" name="last-name" value="Iqonic Design" class="form-control"> </div> <div class="form-group mb-5"> <label class="mb-2">Country / Region <span class="text-danger">*</span></label> <div class="mb-5"> <select class="select2-basic-single js-states form-control" aria-label="select country" required="required"> <option value="" selected>Choose a country</option> <option value="1">India</option> <option value="2">United Kingdom</option> <option value="3">United States</option> <option value="4">Australia</option> <option value="5">North Corea</option> </select> </div> </div> <div class="form-group mb-5"> <label class="mb-2">Street address <span class="text-danger">*</span></label> <input type="text" name="address" placeholder="House number and street name" value="4517 Kentucky" class="form-control mb-3 rounded-0" required="required"> <input type="text" name="address" placeholder="Apartment, suite, unit, etc. (optional)" class="form-control"> </div> <div class="form-group mb-5"> <label class="mb-2">Town / City <span class="text-danger">*</span></label> <input type="text" name="city" value="Navsari" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">State <span class="text-danger">*</span></label> <div class="mb-5"> <select class="select2-basic-single js-states form-control" aria-label="select state"> <option value="" selected>Choose a State</option> <option value="1">Gujarat</option> <option value="2">Delhi</option> <option value="3">Goa</option> <option value="4">Haryana</option> <option value="5">Ladakh</option> </select> </div> </div> <div class="form-group mb-5"> <label class="mb-2">PIN code <span class="text-danger">*</span></label> <input type="text" name="pin code" value="396321" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Phone <span class="text-danger">*</span></label> <input type="tel" name="number" value="1234567890" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Email address <span class="text-danger">*</span></label> <input type="email" name="email" value="johndeo@gmail.com" class="form-control" required="required"> </div> <div class="form-group mb-5"> <div class="iq-button"> <a href="" class="btn text-uppercase position-relative"> <span class="button-text">Save Address</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </form> </div> </div> <div class="table-responsive"> <table class="edit-address w-100"> <tr> <td class="label-name p-2">Name</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">john deo</td> </tr> <tr> <td class="label-name p-2">Company</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">Iqonic Design</td> </tr> <tr> <td class="label-name p-2">Country</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">India</td> </tr> <tr> <td class="label-name p-2">Address</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">4517 Washington Ave, Manchester.</td> </tr> <tr> <td class="label-name p-2">E-mail</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">johndeo@gmail.com</td> </tr> <tr> <td class="label-name p-2">Phone</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">1234567890</td> </tr> </table> </div> <div class="d-flex align-items-center justify-content-between my-5 gap-2 flex-wrap"> <h4 class="mb-0">Shipping Address</h4> <div class="iq-button"> <a href="#" class="btn text-uppercase position-relative" data-bs-toggle="collapse" data-bs-target="#edit-address-2" aria-expanded="false"> <span class="button-text">Edit</span> <i class="fa-solid fa-play"></i> </a> </div> </div> <div id="edit-address-2" class="collapse"> <div class="text-body mb-4"> <form> <div class="form-group mb-5"> <label class="mb-2">First name <span class="text-danger">*</span></label> <input type="text" name="first-name" value="John" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Last name <span class="text-danger">*</span></label> <input type="text" name="last-name" value="deo" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Company name (optional)</label> <input type="text" name="last-name" value="Iqonic Design" class="form-control"> </div> <div class="form-group mb-5"> <label class="mb-2">Country / Region <span class="text-danger">*</span></label> <div class="mb-5"> <select class="select2-basic-single js-states" aria-label="select country" required="required"> <option value="" selected>Choose a country</option> <option value="1">India</option> <option value="2">United Kingdom</option> <option value="3">United States</option> <option value="4">Australia</option> <option value="5">North Corea</option> </select> </div> </div> <div class="form-group mb-5"> <label class="mb-2">Street address <span class="text-danger">*</span></label> <input type="text" name="address" placeholder="House number and street name" value="4517 Kentucky" class="form-control mb-3 rounded-0" required="required"> <input type="text" name="address" placeholder="Apartment, suite, unit, etc. (optional)" class="form-control mb-5 rounded-0"> </div> <div class="form-group mb-5"> <label class="mb-2">Town / City <span class="text-danger">*</span></label> <input type="text" name="city" value="Navsari" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">State <span class="text-danger">*</span></label> <div class="mb-5"> <select class="select2-basic-single js-states" aria-label="select state"> <option value="" selected>Choose a State</option> <option value="1">Gujarat</option> <option value="2">Delhi</option> <option value="3">Goa</option> <option value="4">Haryana</option> <option value="5">Ladakh</option> </select> </div> </div> <div class="form-group mb-5"> <label class="mb-2">PIN code <span class="text-danger">*</span></label> <input type="text" name="pin code" value="396321" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Phone <span class="text-danger">*</span></label> <input type="tel" name="number" value="1234567890" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Email address <span class="text-danger">*</span></label> <input type="email" name="email" value="johndeo@gmail.com" class="form-control" required="required"> </div> <div class="form-group"> <div class="iq-button"> <a href="" class="btn text-uppercase position-relative"> <span class="button-text">Save Address</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </form> </div> </div> <div class="table-responsive"> <table class="edit-address w-100"> <tr> <td class="label-name p-2">Name</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">john deo</td> </tr> <tr> <td class="label-name p-2">Company</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">Iqonic Design</td> </tr> <tr> <td class="label-name p-2">Country</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">India</td> </tr> <tr> <td class="label-name p-2">Address</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">4517 Washington Ave, Manchester.</td> </tr> <tr> <td class="label-name p-2">E-mail</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">johndeo@gmail.com</td> </tr> <tr> <td class="label-name p-2">Phone</td> <td class="seprator p-2"><span>:</span></td> <td class="p-2">1234567890</td> </tr> </table> </div> </div> </div> <div class="tab-pane fade" id="account-details" role="tabpanel"> <div class=" p-4 text-body"> <form> <div class="form-group mb-5"> <label class="mb-2">First name <span class="text-danger">*</span></label> <input type="text" name="first-name" value="John" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Last name <span class="text-danger">*</span></label> <input type="text" name="last-name" value="deo" class="form-control" required="required"> </div> <div class="form-group mb-5"> <label class="mb-2">Display name <span class="text-danger">*</span></label> <input type="text" name="display-name" value="John" class="form-control" required="required"> </div> <em class="d-block mb-5">This will be how your name will be displayed in the account section and in reviews</em> <div class="form-group mb-5"> <label class="mb-2">Email address <span class="text-danger">*</span></label> <input type="email" name="email" value="johndeo@gmail.com" class="form-control" required="required"> </div> <h4 class="fw-normal mb-5">Password change</h4> <div class="form-group mb-5"> <label class="mb-2">Current password (leave blank to leave unchanged)</label> <input type="password" name="password" class="form-control"> </div> <div class="form-group mb-5"> <label class="mb-2">New password (leave blank to leave unchanged)</label> <input type="password" name="password" class="form-control"> </div> <div class="form-group mb-5"> <label class="mb-2">Confirm new password</label> <input type="password" name="password" class="form-control"> </div> <div class="form-group"> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">save changes</span> <i class="fa-solid fa-play"></i> </a> </div> </div> </form> </div> </div> <div class="tab-pane fade" id="logout" role="tabpanel"> <div class="p-4"> <div class="row"> <div class="col-md-6"> <h4 class="mb-5 text-primary">Login</h4> <form method="post"> <div class="mb-4"> <input type="text" name="user-name" class="form-control" placeholder="Username or email address *" required> </div> <div class="mb-4"> <input type="password" name="pwd" class="form-control" placeholder="Password" required> </div> <label class="custom-form-field mb-5"> <input type="checkbox" required="required" class="mr-2"> <span class="checkmark"></span> <span>Remember me</span> </label> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">Login</span> <i class="fa-solid fa-play"></i> </a> </div> </form> <div class="mt-3"> <div class="iq-button link-button"> <a href="javascript:void(0)" class="btn text-capitalize position-relative"> <span class="button-text">Lost your password?</span> </a> </div> </div> </div> <div class="col-md-6"> <h4 class="mb-5 mt-5 mt-lg-0 mt-md-0 text-primary">Register</h4> <form method="post"> <div class="mb-4"> <input type="text" name="user-name" placeholder="Username *" class="form-control" required> </div> <div class="mb-4"> <input type="email" name="email-address" placeholder="Email address *" class="form-control" required> </div> <div class="mb-4"> <input type="password" name="password" placeholder="Password *" class="form-control" required> </div> <p class="mb-5"> Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our <a href="../privacy-policy.html"> privacy policy</a>. </p> <div class="iq-button"> <a href="javascript:void(0)" class="btn text-uppercase position-relative"> <span class="button-text">register</span> <i class="fa-solid fa-play"></i> </a> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer footer-default"> <div class="container-fluid"> <div class="footer-top"> <div class="row"> <div class="col-xl-3 col-lg-6 mb-5 mb-lg-0"> <div class="footer-logo"> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <p class="mb-4 font-size-14">Email us: <span class="text-white">customer@streamit.com</span> </p> <p class="text-uppercase letter-spacing-1 font-size-14 mb-1">customer services</p> <p class="mb-0 contact text-white">+ (480) 555-0103</p> </div> <div class="col-xl-2 col-lg-6 mb-5 mb-lg-0"> <h4 class="footer-link-title">Quick Links</h4> <ul class="list-unstyled footer-menu"> <li class="mb-3"> <a href="../about-us.html" class="ms-3">about us</a> </li> <li class="mb-3"> <a href="../blog/blog-listing.html" class="ms-3">Blog</a> </li> <li class="mb-3"> <a href="../pricing-plan.html" class="ms-3">Pricing Plan</a> </li> <li> <a href="../faq.html" class="ms-3">FAQ</a> </li> </ul> </div> <div class="col-xl-2 col-lg-6 mb-5 mb-lg-0"> <h4 class="footer-link-title">Movies to watch</h4> <ul class="list-unstyled footer-menu"> <li class="mb-3"> <a href="../view-all-movie.html" class="ms-3">Top trending</a> </li> <li class="mb-3"> <a href="../view-all-movie.html" class="ms-3">Recommended</a> </li> <li> <a href="../view-all-movie.html" class="ms-3">Popular</a> </li> </ul> </div> <div class="col-xl-2 col-lg-6 mb-5 mb-lg-0"> <h4 class="footer-link-title">About company</h4> <ul class="list-unstyled footer-menu"> <li class="mb-3"> <a href="../contact-us.html" class="ms-3">contact us</a> </li> <li class="mb-3"> <a href="../privacy-policy.html" class="ms-3">privacy policy</a> </li> <li> <a href="../terms-of-use.html" class="ms-3">Terms of use</a> </li> </ul> </div> <div class="col-xl-3 col-lg-6"> <h4 class="footer-link-title">Subscribe Newsletter</h4> <div class="mailchimp mailchimp-dark"> <div class="input-group mb-3 mt-4"> <input type="text" class="form-control mb-0 font-size-14" placeholder="Email*" aria-describedby="button-addon2"> <div class="iq-button"> <button type="submit" class="btn btn-sm" id="button-addon2">Subscribe</button> </div> </div> </div> <div class="d-flex align-items-center mt-5"> <span class="font-size-14 me-2">Follow Us:</span> <ul class="p-0 m-0 list-unstyled widget_social_media"> <li class=""> <a href="https://www.facebook.com/" class="position-relative"> <i class="fab fa-facebook"></i> </a> </li> <li class=""> <a href="https://twitter.com/" class="position-relative"> <i class="fab fa-twitter"></i> </a> </li> <li class=""> <a href="https://github.com/" class="position-relative"> <i class="fab fa-github"></i> </a> </li> <li class=""> <a href="https://www.instagram.com/" class="position-relative"> <i class="fab fa-instagram"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom border-top"> <div class="row align-items-center"> <div class="col-md-6"> <ul class="menu list-inline p-0 d-flex flex-wrap align-items-center"> <li class="menu-item"> <a href="#"> Terms Of Use </a> </li> <li id="menu-item-7316" class="menu-item"> <a href="../privacy-policy.html"> Privacy-Policy </a> </li> <li class="menu-item"> <a href="../faq.html"> FAQ </a> </li> <li class="menu-item"> <a href="../playlist.html"> Watch List </a> </li> </ul> <p class="font-size-14">© <span class="currentYear"></span> <span class="text-primary">STREAMIT</span>. All Rights Reserved. All videos and shows on this platform are trademarks of, and all related images and content are the property of, Streamit Inc. Duplication and copy of this is strictly prohibited. All rights reserved. </p> </div> <div class="col-md-3"></div> <div class="col-md-3"> <h6 class="font-size-14 pb-1">Download Streamit Apps </h6> <div class="d-flex align-items-center"> <a class="app-image" href="#"> <img src="../assets/images/footer/google-play.webp" loading="lazy" alt="play-store" /> </a> <br /> <a class="ms-3 app-image" href="#"> <img src="../assets/images/footer/apple.webp" loading="lazy" alt="app-store" /> </a> </div> </div> </div> </div> </div> </footer> <div class="rtl-box"> <a class="btn btn-fixed-end btn-icon btn-setting" id="settingbutton" data-bs-toggle="offcanvas" data-bs-target="#live-customizer" role="button" aria-controls="live-customizer"> <svg xmlns="http://www.w3.org/2000/svg" width="1.875em" height="1.875em" viewBox="0 0 20 20" fill="white"> <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" /> </svg> </a> <div class="offcanvas offcanvas-end live-customizer on-rtl end" tabindex="-1" id="live-customizer" data-bs-scroll="true" data-bs-backdrop="false" aria-labelledby="live-customizer-label" aria-modal="true" role="dialog"> <div class="offcanvas-header gap-3"> <div class="d-flex align-items-center"> <h5 class="offcanvas-title text-dark" id="live-customizer-label">Live Customizer</h5> </div> <div class="d-flex gap-1 align-items-center"> <button class="btn btn-icon text-primary" data-reset="settings" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Reset All Settings" data-bs-original-title="Reset All Settings"> <span class="btn-inner"> <i class="fa-solid fa-arrows-rotate"></i> </span> </button> <button type="button" class="btn btn-icon btn-close px-0 text-reset shadow-none text-dark" data-bs-dismiss="offcanvas" aria-label="Close"> <i class="fa-solid fa-xmark"></i> </button> </div> </div> <div class="offcanvas-body pt-0"> <div class="modes row row-cols-2 gx-2"> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="ltr" class="btn-check" name="theme_scheme_direction" data-prop="dir" id="theme-scheme-direction-ltr" checked> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-direction-ltr"> LTR </label> </div> </div> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="rtl" class="btn-check" name="theme_scheme_direction" data-prop="dir" id="theme-scheme-direction-rtl"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-direction-rtl"> RTL </label> </div> </div> </div> <div class="modes mt-3"> <div class="color-customizer mb-3"> <h6 class="mb-0 title-customizer">Color Customizer</h6> </div> <div class="row row-cols-2 gx-2"> <div class="col mb-3"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="dark" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-netflix" checked> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-netflix"> Netflix </label> </div> </div> <div class="col mb-3"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="hotstar" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-hotstar"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-hotstar"> Hotstar </label> </div> </div> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="amazonprime" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-prime"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-prime"> Prime </label> </div> </div> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="hulu" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-hulu"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-hulu"> Hulu </label> </div> </div> </div> </div> </div> </div> </div> <div id="back-to-top" style="display: none;"> <a class="p-0 btn bg-primary btn-sm position-fixed top border-0 rounded-circle" id="top" href="#top"> <i class="fa-solid fa-chevron-up"></i> </a> </div> <!-- Wrapper End--> <!-- Library Bundle Script --> <script src="../assets/js/core/libs.min.js"></script> <!-- Plugin Scripts --> <!-- Select2 Script --> <script src="../assets/js/plugins/select2.js" defer></script> <!-- Lodash Utility --> <script src="../assets/vendor/lodash/lodash.min.js"></script> <!-- External Library Bundle Script --> <script src="../assets/js/core/external.min.js"></script> <!-- countdown Script --> <script src="../assets/js/plugins/countdown.js"></script> <!-- utility Script --> <script src="../assets/js/utility.js"></script> <!-- Setting Script --> <script src="../assets/js/setting.js"></script> <script src="../assets/js/setting-init.js" defer></script> <!-- Streamit Script --> <script src="../assets/js/streamit.js" defer></script> <script src="../assets/js/swiper.js" defer></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings