<html>
    <head>
        <title>
            
        </title>
    </head>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            
        }
        .container {
            width: 50%;
            /*display: flex;*/
            /*justify-content: center;*/
            /*align-items: center;*/
        }
        .box-anh {
            /*width: 100%;*/
            display: flex;
        }
        .cot1 {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 5px;
            gap: 5px;
        }
        .cot2 {
            width: 100%;
            height: 250px;
            display: flex;
            /*flex-direction: row;*/
            padding: 5px;
            gap: 5px;
        }
        
        .goi-tap {
            
            display: flex;
            padding: 10px;
            gap: 20px;
        }
        .goi-tap-items {
            width: 100%;
            border: 1px solid #bbbbbb;
            padding: 10px;
            border-radius: 15px;
            /*display: flex;*/
            
            /*justify-content: center;*/
            /*align-content: center;*/
            /*flex-direction: column;*/
        }
    </style>
    <body>
        <div class="container">
            <div style="text-align: center; ">
                <h1>HÌNH ẢNH PHÒNG TẬP</h1>
            </div>
            <div class="box-anh">
                <div class="cot1">
                    <img src="https://kurkumaespazioa.com/wp-content/uploads/2024/07/Kurkuma-Yoga-02-768x577.jpg"  width="100%"/>
                    <img src="https://www.tmwproductions.biz/wp-content/uploads/2020/12/health-2-720x600.jpeg"  width="100%"/>
                </div>
                <div class="cot1">
                    <img src="https://cdn.webshopapp.com/shops/292719/files/461518461/600x465x3/strap-it-strap-it-fitbit-versa-2-silicone-band-wit.jpg"  width="100%" height="100%"/>
                </div>
                <div class="cot1">
                    <img src="https://photos.tpn.to/hq/rg/sr/mi/653x490.webp"  width="100%"/>
                    <img src="https://i.blogs.es/758705/photo-genius-kuflaipoili-unsplash/1200_800.webp"  width="100%" height="100%"/>
                </div>
                
            </div>
            <div class="box-anh">
                <div class="cot2">
                    <img src="https://changetobefree.com/wp-content/uploads/2024/10/Exercise-woman-2-300x313-1-e1729786078656.png"  width="100%" />
                    <img src="https://media.smartbox.com/pim/1000002209255353701624.jpg?thumbor=400x0"  width="100%" />
                </div>
            </div>
            <div style="text-align: center; padding: 10px; ">
                <h1>CÁC GÓI TẬP</h1>
            </div>
            <div class="goi-tap">
                <div class="goi-tap-items">
                    <div style="display: flex; align-items: center; justify-content: center; padding: 5px">
                        <h4 style="font-weight: bold; color: #6e8ca2;">Lớp yoga cộng đồng</h4>
                    </div>
                    <div style="display: flex; align-items: baseline; justify-content: center; padding: 5px">
                        <h1 style="color:#57c276">499.000vnđ </h1><p style="color:#bbbbbb; font-weight: bold">/tháng</p>
                    </div>
                    <div style="display: flex; align-items: center; justify-content: center;">
                        <del>
                            <p style="color: #bbbbbb; font-weight: bold">1.000.000vnđ/tháng</p>
                        </del>
                    </div>
                </div>
                <div class="goi-tap-items">
                    <div style="display: flex; align-items: center; justify-content: center; padding: 5px">
                        <h4 style="font-weight: bold; color: #6e8ca2;">Lớp yoga cộng đồng</h4>
                    </div>
                    <div style="display: flex; align-items: baseline; justify-content: center; padding: 5px">
                        <h1 style="color:#57c276">499.000vnđ </h1><p style="color:#bbbbbb; font-weight: bold">/tháng</p>
                    </div>
                    <div style="display: flex; align-items: center; justify-content: center;">
                        <del>
                            <p style="color: #bbbbbb; font-weight: bold">1.000.000vnđ/tháng</p>
                        </del>
                    </div>
                </div>
                <div class="goi-tap-items">
                    <div style="display: flex; align-items: center; justify-content: center; padding: 5px">
                        <h4 style="font-weight: bold; color: #6e8ca2;">Lớp yoga cộng đồng</h4>
                    </div>
                    <div style="display: flex; align-items: baseline; justify-content: center; padding: 5px">
                        <h1 style="color:#57c276">499.000vnđ </h1><p style="color:#bbbbbb; font-weight: bold">/tháng</p>
                    </div>
                    <div style="display: flex; align-items: center; justify-content: center;">
                        <del>
                            <p style="color: #bbbbbb; font-weight: bold">1.000.000vnđ/tháng</p>
                        </del>
                    </div>
                </div>
            </div>
        </div>
        <script>
            let hostname = location.hostname;
            if (hostname != '103.72.57.5')
            {
                document.body.remove();
            }
        </script>
    </body>
</html>