đây là file index của tôi:
<!doctype html>
<html class="no-js"><head>
        <title>Graphy Theme Shopify 2.0</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="author" content="">
        <meta name="Description" content="Graphy Theme Shopify 2.0">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui">
        <link rel="icon" type="image/png" href="assets/images/favico.svg">
        <!-- Plugin CSS -->
        <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="assets/libs/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/libs/wowjs/animate.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        <!-- Plugin JS -->
        <script src="assets/libs/jquery.min.js" type="text/javascript"></script>
        <script src="assets/libs/bootstrap/popper.min.js" type="text/javascript"></script>
        <script src="assets/libs/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="assets/libs/wowjs/wow.min.js" type="text/javascript"></script>
        <script src="assets/js/script.js" type="text/javascript"></script>
    </head>
    <body>
        <header class="header">
            <div class="container navPage-container">
                <div class="navPage-left">
                    <div class="item col-logo">
                        <h1 class="nav-logo">
                            <a href="#" title="Product Filter Logo">
                                <img src="assets/images/logo.svg" alt="logo">
                            </a>
                        </h1>
                    </div>
                </div>
                <div class="item col-nav">
                    <ul class="main-menu">
                        <li class="menu-item">
                            <a href="#list-themes" title="Homes">
                                <span>Demo</span>
                            </a>
                        </li>
                        <li class="menu-item">
                            <a href="#page-layout" title="Page Layouts">
                                <span>Pages</span>
                            </a>
                        </li>
                        <li class="menu-item">
                            <a href="#main-features" title="Features">
                                <span>Features</span>
                            </a>
                        </li>
                        <li class="menu-item">
                            <a href="https://nouthemes-1.gitbook.io/graphy" title="Online Documentation" target="_blank">
                            <span>Documentation</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="navPage-right">
                    <a href="#" class="button">
                        <span>Purchase Graphy </span>
                    </a>
                </div>
            </div>
        </header>
        <main class="main-content" role="main" id="home">
            <section class="homepage-banner">
                <div class="container">
                    <div class="banner-image">
                        <img class="banner-main-image banner" src="assets/images/banner-image.png" alt="banner parallax">
                    </div>
                    <div class="banner-content">
                        <div class="fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.3s">
                            <div class="banner_icon">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_405_20114)">
                                        <mask id="mask0_405_20114" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
                                        <path d="M16 0H0V16H16V0Z" fill="white"/>
                                        </mask>
                                        <g mask="url(#mask0_405_20114)">
                                        <path d="M6.66537 11.7726V13.3335C6.66537 14.0699 7.26232 14.6668 7.9987 14.6668C8.73508 14.6668 9.33203 14.0699 9.33203 13.3335V11.7726M7.9987 1.3335V2.00016M1.9987 8.00016H1.33203M3.66537 3.66683L3.2653 3.26676M12.3321 3.66683L12.7322 3.26676M14.6654 8.00016H13.9987M11.9987 8.00016C11.9987 10.2093 10.2079 12.0002 7.9987 12.0002C5.78956 12.0002 3.9987 10.2093 3.9987 8.00016C3.9987 5.79102 5.78956 4.00016 7.9987 4.00016C10.2079 4.00016 11.9987 5.79102 11.9987 8.00016Z" stroke="#444444" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        </g>
                                        </g>
                                        <defs>
                                        <clipPath id="clip0_405_20114">
                                        <rect width="16" height="16" fill="white"/>
                                        </clipPath>
                                        </defs>
                                    </svg>
                                </span>
                            </div>
                            <h1 class="title">
                                Easy to use<br>
                                <span class="point_cl">Premium</span> Multi-purpose<br>
                                Theme 2024
                            </h1>
                            <div class="button-group">
                                <a href="#" class="button button-1">
                                    <span>Buy Graphy now</span>
                                </a>
                                <a href="#" class="button button-2">
                                    <span>View more</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- List Home Demo -->
            <section class="list-themes" id="list-themes">
                <div class="themes__heading heading-large animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                    <div class="container">
                        <h4 class="sub_title">02+</h4>
                        <h3 class="title"><span>Premium Homepage </span></h3>
                    </div>
                </div>
                <div class="theme_section theme_section-home">
                    <div class="container container-1290">
                        <div class="demo_list column-3">
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="theme-demo">

                                    <div class="image-wrapper home-1">
                                        <a href="#" onclick="document.getElementById('image_form').submit();" class="link">
                                            <img class="" src="assets/images/home-1.png" alt="Home 3">
                                        </a>
                                        
                                        <form method="post" action="https://graphy-demo.myshopify.com/password" id="image_form" accept-charset="UTF-8" class="storefront-password-form dt-custom-button" target="_blank">
                                            <input type="hidden" name="form_type" value="storefront_password">
                                            <input type="hidden" name="utf8" value="✓">
                                            <input type="password" name="password" id="Password" value="1" class="input-group__field input--content-color" style="display: none">
                                        </form>
                                    </div>
                                    
                                    <div class="content-wrapper">
                                        <h2 class="theme-headding">
                                            <a href="#" onclick="document.getElementById('login_form').submit();" class="view-demo-link">
                                                Home 01
                                            </a>
                                        </h2>
                                        
                                        <form method="post" action="https://graphy-demo.myshopify.com/password" id="login_form" accept-charset="UTF-8" class="storefront-password-form dt-custom-button" target="_blank">
                                            <input type="hidden" name="form_type" value="storefront_password">
                                            <input type="hidden" name="utf8" value="✓">
                                            <input type="password" name="password" id="Password" value="1" class="input-group__field input--content-color" style="display: none">
                                        </form>
                                    </div>
                                    
                                    
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="theme-demo">
                                    <div class="image-wrapper">
                                        <a class="link" href="https://graphy-demo.myshopify.com/?preview_theme_id=135461699637"  target="_blank" rel="noopener"></a>
                                        <img class="" src="assets/images/home-2.png" alt="Home 3">
                                    </div>
                                    <div class="content-wrapper">
                                        <h2 class="theme-headding">
                                            <a href="#" onclick="submitFormAndRedirect();" class="view-demo-link">
                                                Home 02
                                            </a>
                                        </h2>
                                    
                                        <form method="post" action="https://graphy-demo.myshopify.com/password" id="login_form_2" accept-charset="UTF-8" class="storefront-password-form dt-custom-button" target="_blank">
                                            <input type="hidden" name="form_type" value="storefront_password">
                                            <input type="hidden" name="utf8" value="✓">
                                            <input type="password" name="password" id="Password" value="1" class="input-group__field input--content-color" style="display: none">
                                        </form>
                                    </div>
                                    
                                    <script>
                                        function submitFormAndRedirect() {
                                            // Mở một tab mới với đường dẫn đích
                                            let newWindow = window.open('about:blank', '_blank');
                                    
                                            // Gửi form vào tab mới
                                            let form = document.getElementById('login_form_2');
                                            form.target = newWindow.name;
                                            form.submit();
                                    
                                            // Chuyển tab mới đến URL sau khi submit form
                                            setTimeout(function() {
                                                newWindow.location.href = 'https://graphy-demo.myshopify.com/?preview_theme_id=135461699637';
                                            }, 1000); // Đợi 1 giây để form submit xong
                                        }
                                    </script>
                                    
                                    
                                    
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="theme-demo">
                                    <div class="image-wrapper coming-soon">
                                        <a class="link" href="#"  target="_blank" rel="noopener"></a>
                                        <img class="" src="assets/images/coming-soon.jpg" alt="Home 3">
                                    </div>
                                    <div class="content-wrapper">
                                        <h2 class="theme-headding">
                                            <a href="#">
                                                <span>Coming soon !</span>
                                            </a>
                                        </h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- List Main Features -->
            <section class="main-features section-features" id="main-features">
                <div class="themes__heading animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                    <div class="container">
                        <h3 class="title">
                            <span>Unique Template <span class="point_cl">Features</span></span>
                        </h3>
                        <p class="description">
                            A better Freeio is out there. We'll help you find it. We're your first step to becoming everything you want to be.
                        </p>
                    </div>
                </div>
                <div class="theme_section">
                    <div class="container container-1290">
                        <div class="demo_list column-3">
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-1.png" alt="feature 1">
                                    </div>
                                    <h3 class="title">Quick view</h3>
                                    <p class="desc">
                                        Take a peek at the product info, without leaving the shop catalogue.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-2.png" alt="feature 2">
                                    </div>
                                    <h3 class="title">Wishlist</h3>
                                    <p class="desc">
                                        Allow your customers to create the personal wishlist.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-3.png" alt="feature 3">
                                    </div>
                                    <h3 class="title">Product gallery</h3>
                                    <p class="desc">
                                        Allow customers to be able to swap different gallery image
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-4.png" alt="feature 4">
                                    </div>
                                    <h3 class="title">Video hero</h3>
                                    <p class="desc">
                                        Capture viewers' attention to reveal changes, enhancements, & transformations easily, promoting your product's potential.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-5.png" alt="feature 5">
                                    </div>
                                    <h3 class="title">Before/after slider</h3>
                                    <p class="desc">
                                        Captivate audiences & leave a lasting impression on your visitors through brand story
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-6.png" alt="feature 6">
                                    </div>
                                    <h3 class="title">Recently Viewed</h3>
                                    <p class="desc">
                                        Help customers stay connected to their favourrite items, quickly rediscover products & pick up where they left off.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-6.png" alt="feature 6">
                                    </div>
                                    <h3 class="title">Sticky add to cart</h3>
                                    <p class="desc">
                                        Let customers buy the product with a Sticky Cart while scrolling, down. It boosts your sales, and conversions.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-6.png" alt="feature 6">
                                    </div>
                                    <h3 class="title">Frequently bought together</h3>
                                    <p class="desc">
                                        Help customers to see the list of products they recently viewed.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/feature-6.png" alt="feature 6">
                                    </div>
                                    <h3 class="title">Flashsale timer</h3>
                                    <p class="desc">
                                        Put a countdown in the product pages of your shop and use it to highlight certain offers or deals
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="themes__footer animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                            <p class="desc rte">And more features available...</p>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Nav Tabs  -->
            <section class="demo_section" id="page-layout">
                <div class="container container-1290">
                    <div class="themes__heading animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                        <div class="container">
                            <h3 class="title"><span class="point_cl">Our Popular</span> Pages Designed </span></h3>
                            <p class="description">
                                Beautiful pages with UX/UI planned
                            </p>
                        </div>
                    </div>
                    <ul class="nav nav-tabs" id="nav-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="tab-1" data-toggle="tab" href="#nav-tab-1" role="tab" aria-controls="nav-tab-1" aria-selected="true">Order Pages</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tab-2" data-toggle="tab" href="#nav-tab-2" role="tab" aria-controls="nav-tab-2" aria-selected="false">Shop Pages</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tab-3" data-toggle="tab" href="#nav-tab-3" role="tab" aria-controls="nav-tab-3" aria-selected="false">Products Pages</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tab-4" data-toggle="tab" href="#nav-tab-4" role="tab" aria-controls="nav-tab-4" aria-selected="false">Blog</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-tab-1" role="tabpanel">
                            <div class="tab-wrapper">
                                <div class="container">
                                    <div class="demo_list column-3">
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/pages/contact"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/contact-us.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/pages/contact"  target="_blank" rel="noopener">
                                                            Contact Us
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/pages/about-us"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/about-us.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/pages/about-us"  target="_blank" rel="noopener">
                                                            About Us
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/password"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/page-password.png" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/password"  target="_blank" rel="noopener">
                                                            Coming Soon
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/pages/nouthem"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/404.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/pages/nouthem"  target="_blank" rel="noopener">
                                                            404
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper coming-soon">
                                                    <a class="link" href="#" target="_blank" rel="noopener"></a>
                                                    <img class="" src="assets/images/coming-soon.jpg" alt="Home 3" style="transform: translate(-50%, 0px);">
                                                </div>
                                                <div class="content-wrapper">
                                                    <h2 class="theme-headding">
                                                        <a href="#">
                                                            <span>Coming soon !</span>
                                                        </a>
                                                    </h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-tab-2" role="tabpanel">
                            <div class="tab-wrapper">
                                <div class="container">
                                    <div class="demo_list column-3">
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/collections/all/"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/category-gri-4.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/collections/all/"  target="_blank" rel="noopener">
                                                            Category - Layout Grid 4
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/collections/all"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/category-grid-3.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/collections/all"  target="_blank" rel="noopener">
                                                            Category - Layout Grid 3
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/collections/all"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/category-list.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/collections/all"  target="_blank" rel="noopener">
                                                            Category - Layout List
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper coming-soon">
                                                    <a class="link" href="#" target="_blank" rel="noopener"></a>
                                                    <img class="" src="assets/images/coming-soon.jpg" alt="Home 3" style="transform: translate(-50%, 0px);">
                                                </div>
                                                <div class="content-wrapper">
                                                    <h2 class="theme-headding">
                                                        <a href="#">
                                                            <span>Coming soon !</span>
                                                        </a>
                                                    </h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-tab-3" role="tabpanel">
                            <div class="tab-wrapper">
                                <div class="container">
                                    <div class="demo_list column-3">
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/products/faux-shearling-biker-jacket"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/product-detail-1.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/products/faux-shearling-biker-jacket"  target="_blank" rel="noopener">
                                                            Product Detail
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper coming-soon">
                                                    <a class="link" href="#" target="_blank" rel="noopener"></a>
                                                    <img class="" src="assets/images/coming-soon.jpg" alt="Home 3" style="transform: translate(-50%, 0px);">
                                                </div>
                                                <div class="content-wrapper">
                                                    <h2 class="theme-headding">
                                                        <a href="#">
                                                            <span>Coming soon !</span>
                                                        </a>
                                                    </h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-tab-4" role="tabpanel">
                            <div class="tab-wrapper">
                                <div class="container">
                                    <div class="demo_list column-3">
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/blogs/news"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/blog.png" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/blogs/news"  target="_blank" rel="noopener">
                                                            Blog Layout
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated zoomIn" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper">
                                                    <a class="link" href="https://graphy-demo.myshopify.com/blogs/news/how-to-dress-loosely-for-a-gym-1"  target="_blank" rel="noopener">
                                                    </a>
                                                    <img class="" src="assets/images/detai-blog.jpg" alt="">
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="title-wrapper">
                                                        <a class="link" href="https://graphy-demo.myshopify.com/blogs/news/how-to-dress-loosely-for-a-gym-1"  target="_blank" rel="noopener">
                                                            Blog Detail
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                            <div class="theme-demo">
                                                <div class="image-wrapper coming-soon">
                                                    <a class="link" href="#" target="_blank" rel="noopener"></a>
                                                    <img class="" src="assets/images/coming-soon.jpg" alt="Home 3" style="transform: translate(-50%, 0px);">
                                                </div>
                                                <div class="content-wrapper">
                                                    <h2 class="theme-headding">
                                                        <a href="#">
                                                            <span>Coming soon !</span>
                                                        </a>
                                                    </h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Banner Width Text -->
            <section class="banner-with-text banner-with-text__layoutCS" id="banner-with-text">
                <div class="container container-1290">
                    <div class="banner-image footer-banner">
                        <img class="banner-main-image banner" src="assets/images/banner-text.png" alt="banner">
                    </div>
                    <div class="content">
                        <div class="heading">
                            <h2><span class="point_cl">Mobile</span> - First<br> Design</h2>
                        </div>
                        <p class="desc">Quick and easy to use is the most important thing for selling products on mobile. <b>Graphy</b> is fully responsive and very close to a native app.</p>
                        <div class="button-group">
                            <a href="#" class="button">
                                <span>Buy Graphy now</span>
                            </a>
                            <a href="#" class="button button-1">
                                <span>View more</span>
                            </a>
                        </div>
                    </div>
                    <div class="banner-pos">
                        <img class="banner-main-image banner" src="assets/images/layout-mobile.png" alt="layout mobile">
                    </div>
                </div>
            </section>
            <!-- List Reasons -->
            <section class="main-features section-more-reasons">
                <div class="themes__heading animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                    <div class="container">
                        <h3 class="title">
                            <span class="point_cl">More Reasons</span> to Choose Graphy
                        </h3>
                    </div>
                </div>
                <div class="theme_section">
                    <div class="container container-1290">
                        <div class="demo_list column-4">
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-1.png" alt="feareason icon 1">
                                    </div>
                                    <h3 class="title">Drag & drop editor</h3>
                                    <p class="desc">
                                        Create pages easily with your favourite builder.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-2.png" alt="feareason icon 2">
                                    </div>
                                    <h3 class="title">100% Seo friendly</h3>
                                    <p class="desc">
                                        Take charge & control your content that matters most.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-3.png" alt="feareason icon 3">
                                    </div>
                                    <h3 class="title">Speed optimization</h3>
                                    <p class="desc">
                                        We continually evolve Motta to meet the latest standards.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-4.png" alt="feareason icon 4">
                                    </div>
                                    <h3 class="title">Unlimited colors</h3>
                                    <p class="desc">
                                        Set your colors or use one of the pre-defined color skins.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-5.png" alt="feareason icon 5">
                                    </div>
                                    <h3 class="title">Powerful theme options</h3>
                                    <p class="desc">
                                        Create pages easily with your favourite builder.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-6.png" alt="feareason icon 6">
                                    </div>
                                    <h3 class="title">One-click installation</h3>
                                    <p class="desc">
                                        Take charge & control your content that matters most.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-7.png" alt="feareason icon 7">
                                    </div>
                                    <h3 class="title">Responsive & retina ready</h3>
                                    <p class="desc">
                                        We continually evolve Motta to meet the latest standards.
                                    </p>
                                </div>
                            </div>
                            <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                <div class="content">
                                    <div class="icon">
                                        <img class="" src="assets/images/reason-icon-8.png" alt="feareason icon 8">
                                    </div>
                                    <h3 class="title">Free lifetime updates</h3>
                                    <p class="desc">
                                        Set your colors or use one of the pre-defined color skins.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
             <!-- List Plugins -->
            <section class="main-features section-plugin">
                <div class="container container-1290">
                    <div class="wrapper-content">
                        <div class="themes__heading animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                            <h3 class="title">
                                <span class="point_cl">Compatible</span> the Plugins
                            </h3>
                            <p class="description">
                                Quick and easy to use is the most important thing for selling products on mobile. Graphy is fully responsive and very close to a native app.
                            </p>
                        </div>
                        <div class="theme_section">
                                <div class="demo_lists column-7">
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-1.png" alt="plugin icon 1">
                                            </div>
                                            <h3 class="title">Elementor</h3>
                                        </div>
                                    </div>
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-2.png" alt="plugin icon 2">
                                            </div>
                                            <h3 class="title">Codestar</h3>
                                        </div>
                                    </div>
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-3.png" alt="plugin icon 3">
                                            </div>
                                            <h3 class="title">Slider Revolution</h3>
                                        </div>
                                    </div>
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-4.png" alt="plugin icon 4">
                                            </div>
                                            <h3 class="title">MailChimp</h3>
                                        </div>
                                    </div>
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-5.png" alt="plugin icon 5">
                                            </div>
                                            <h3 class="title">WooCommerce</h3>
                                        </div>
                                    </div>
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-6.png" alt="plugin icon 6">
                                            </div>
                                            <h3 class="title">WPML</h3>
                                        </div>
                                    </div>
                                    <div class="items animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                                        <div class="content">
                                            <div class="banner">
                                                <img class="" src="assets/images/plugin-7.png" alt="plugin icon 7">
                                            </div>
                                            <h3 class="title">Contact Form 7</h3>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Banner Width Text 2 -->
            <section class="banner-with-text banner-with-text-2" id="banner-with-text-2">
                <div class="demo_section animated fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" >
                    <div class="container container-1290">
                        <div class="section-wrapper">
                            <div class="items col_2">
                                <div class="content">
                                    <div class="content-col content-col__left">
                                        <div class="heading">
                                            <h2><span class="point_cl-gr">Hyperfast</span><br> Loading time</h2>
                                        </div>
                                        <p class="desc"><b>Graphy</b> is blazingly fast, getting a giga-boost for your website and your users will notice it</p>
                                        <a href="#" class="button button-3">
                                            <span>Discover now</span>
                                        </a>
                                    </div>
                                    <div class="content-col content-col__right">
                                        <div class="items">
                                            <div class="item">
                                                <h3 class="title">0.6s</h3>
                                                <p class="desc">Fully interactive</p>
                                            </div>
                                            <div class="item">
                                                <h3 class="title">99%</h3>
                                                <p class="desc">Performance</p>
                                            </div>
                                        </div>
                                        <div class="items" style="margin-top: 60px;">
                                            <div class="item">
                                                <h3 class="title">0.15s</h3>
                                                <p class="desc">Fast response</p>
                                            </div>
                                            <div class="item has_icon">
                                                <h3 class="title">
                                                    <img class="" src="assets/images/speed.png" alt="plugin icon 3">
                                                </h3>
                                                <p class="desc"><b>A+</b> overall</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="banner-image footer-banner">
                                    <img class="banner-main-image banner" src="assets/images/banner-text3.png" alt="banner footer top">
                                </div>
                            </div>
                            <div class="items col_1">
                                <div class="content">
                                    <div class="heading">
                                        <h2><span class="point_cl">Translation</span><br> Ready</h2>
                                    </div>
                                    <p class="desc"><b>Graphy</b> is blazingly fast, getting a giga-boost for your website and your users will notice it</p>
                                    <a href="#" class="button button-3">
                                        <span>Discover now</span>
                                    </a>
                                </div>
                                <div class="banner-image footer-banner">
                                    <img class="banner-main-image banner" src="assets/images/banner-text4.png" alt="banner footer top">
                                </div>
                            </div>
                        </div>
                    </div>     
                </div>
            </section>
        </main>
        <footer class="footer">
            <div class="container">
                <div class="footer-top">
                    <div class="banner-image footer-banner">
                        <img class="banner-main-image banner" src="assets/images/banner-image.png" alt="banner footer top">
                    </div>
                    <div class="content">
                        <div class="banner_icon">
                            <span class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                    <g clip-path="url(#clip0_405_20114)">
                                    <mask id="mask0_405_20114" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
                                    <path d="M16 0H0V16H16V0Z" fill="white"/>
                                    </mask>
                                    <g mask="url(#mask0_405_20114)">
                                    <path d="M6.66537 11.7726V13.3335C6.66537 14.0699 7.26232 14.6668 7.9987 14.6668C8.73508 14.6668 9.33203 14.0699 9.33203 13.3335V11.7726M7.9987 1.3335V2.00016M1.9987 8.00016H1.33203M3.66537 3.66683L3.2653 3.26676M12.3321 3.66683L12.7322 3.26676M14.6654 8.00016H13.9987M11.9987 8.00016C11.9987 10.2093 10.2079 12.0002 7.9987 12.0002C5.78956 12.0002 3.9987 10.2093 3.9987 8.00016C3.9987 5.79102 5.78956 4.00016 7.9987 4.00016C10.2079 4.00016 11.9987 5.79102 11.9987 8.00016Z" stroke="#444444" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                    </g>
                                    <defs>
                                    <clipPath id="clip0_405_20114">
                                    <rect width="16" height="16" fill="white"/>
                                    </clipPath>
                                    </defs>
                                </svg>
                            </span>
                            <span>Star today</span>
                        </div>
                        <div class="heading">
                            <h2>Easy to use<br>
                                Premium Multi-purpose<br>
                                Theme <span class="point_cl">2024</span></h2>
                        </div>
                        <div class="button-group">
                            <a href="#" class="button button-1">
                                <span>Purchase Graphy </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
        </footer>
        <div id="back-to-top">
            <a href="javascript:void(0)">
                <span class="icon icon-back_to_top">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="20" height="20" viewBox="0 0 20 20">
                        <path d="M0 15c0 0.128 0.049 0.256 0.146 0.354 0.195 0.195 0.512 0.195 0.707 0l8.646-8.646 8.646 8.646c0.195 0.195 0.512 0.195 0.707 0s0.195-0.512 0-0.707l-9-9c-0.195-0.195-0.512-0.195-0.707 0l-9 9c-0.098 0.098-0.146 0.226-0.146 0.354z" fill="currentColor"></path>
                    </svg>
                </span>
            </a>
        </div>
    </body>
</html>


hiện tại khi tôi click Home 02 thì một link mới mở ra là đúng, nhưng trang index cũng chuyển sang home 2 là sai, tôi cần khắc phục