<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hòn Đỏ: Cẩm nang du lịch Hòn Đỏ Ninh Thuận: Chơi Gì, Ăn Gì, Ở Đâu?| Đi Phượt Hòn Đỏ</title>
    <link rel="icon" type="image/png" href="/logo.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" media="print" onload="this.media='all'">
    <meta name="description" content="Kinh nghiệm du lịch Hòn Đỏ, Vĩnh Hy và Hang Rái. Hướng dẫn đường đi, thời điểm đẹp nhất và những lưu ý khi khám phá Ninh Thuận tự túc">
    <meta name="keywords" content="Hòn Đỏ, homestay hòn đỏ,khách sạn, nhà nghỉ, gần Vĩnh Hy, hon do sea, hondesea, hondo, homestay ninh thuận, hòn đỏ sea, phòng view biển, Hòn Đỏ Ninh Thuận">
    <link rel="canonical" href="https://hondosea.com/Lienket.html">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://hondosea.com/Lienket.html">
    <meta property="og:title" content="Hòn Đỏ: Cẩm nang du lịch Hòn Đỏ Ninh Thuận: Chơi Gì, Ăn Gì, Ở Đâu?| gần Vĩnh Hy">
    <meta property="og:description" content="Kinh nghiệm du lịch Hòn Đỏ, Vĩnh Hy và Hang Rái. Hướng dẫn đường đi, thời điểm đẹp nhất và những lưu ý khi khám phá Ninh Thuận tự túc">
    <meta property="og:image" content="https://hondosea.com/IMG/Hon-Do-Sea-Homestay.jpg">
    <meta name="robots" content="index, follow">
    
    <style>
        :root {
            --primary-color: #0a3d62;
            --accent-color: #ff6600;
            --zalo-color: #0084ff;
            --bg-light: #f4f7f6;
        }

        body { font-family: Arial, sans-serif; margin: 0; background-color: var(--bg-light); color: #333; line-height: 1.6; }
        
        /* BANNER CHÍNH */
        .hero {
            height: 350px;
            background: url('https://hondosea.com/IMG/Hon-Do-Sea-Homestay.webp') center/cover no-repeat;
            display: flex; justify-content: center; align-items: center; text-align: center; color: white; position: relative;
        }
        .hero h1 { font-size: 2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding: 0 15px; margin: 0; }
        .logo-main {
         position: absolute; 
         top: 0px; 
         left: 0px; 
         width: 150px; /* CỐ ĐỊNH CHIỀU RỘNG */
         height: auto; /* TỰ ĐỘNG THEO TỈ LỆ */
         max-width: 100%; /* ĐẢM BẢO KHÔNG VƯỢT QUÁ KHUNG HÌNH */
         filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
         display: block; /* Thêm dòng này để tránh khoảng trắng thừa */
         }

        /* MENU ĐIỀU HƯỚNG */
        header { 
            background: var(--primary-color); 
            padding: 12px 5%; 
            display: flex; justify-content: space-between; align-items: center; 
            position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .brand-name { color: Gold; font-size: 1.1em; font-weight: bold; border-left: 4px solid var(--accent-color); padding-left: 10px; text-transform: uppercase; }
        nav { display: flex; gap: 15px; }
        nav a { color: white; text-decoration: none; font-weight: bold; font-size: 0.9em; transition: 0.3s; }
        nav a:hover { color: var(--accent-color); }

        /* CONTAINER */
        .container { max-width: 1000px; margin: auto; padding: 20px; }
        
        .intro-box { 
            background: white; padding: 30px; border-radius: 10px; 
            box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
            margin-top: 30px; border-top: 4px solid var(--accent-color);
        }
        .intro-box h2 { color: var(--primary-color); margin-top: 0; text-align: center; }

        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
        }

        /* BẢN ĐỒ */
        .map-container {
            width: 100%;
            height: 450px;
            border-radius: 20px;
            overflow: hidden;
            margin-top: 40px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            border: 5px solid white;
        }

          /* 3 NÚT  */
  .contact-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.btn-float {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    animation: pulse-animation 3s infinite;
}

/* Màu sắc từng nút */
.btn-float.call { background-color: #28a745; }
.btn-float.zalo { background-color: #0099ff; }
.btn-float.messenger { background-color: #0084ff; }

/* Hiệu ứng rung nhẹ */
@keyframes pulse-animation {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 153, 255, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(0, 153, 255, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 153, 255, 0); }
}

/* Hiệu ứng khi rê chuột vào */
.btn-float:hover {
    transform: scale(1.2);
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

    .html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

        /* RESPONSIVE (MOBILE) */
        @media (max-width: 600px) {
            header { flex-direction: column; gap: 10px; }
            .hero h1 { font-size: 1.5em; }
            .map-container { height: 350px; }
        }
.anh-container {
    display: flex;
    gap: 20px; /* Khoảng cách giữa 2 ảnh */
}

.anh-container img {
    width: 50%;      /* Hoặc kích thước bạn muốn */
    height: 300px;   /* Đặt chiều cao cố định */
    object-fit: cover; /* Tự động cắt ảnh để lấp đầy khung mà không bị biến dạng */
}
    </style>
</head>
<body>
<main>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v19.0"></script>
    <div class="hero">
        <img src="https://hondosea.com/IMG/hon-do-sea-logo.png" alt="Logo" class="logo-main">
       <h1>CHẠM BIỂN - CHẠM XANH - CHẠM KÝ ỨC </h1>
    </div>
 <header>
    <div class="brand-name">HÒN ĐỎ SEA HOMESTAY</div>
    <nav>
        <a href="https://hondosea.com">Trang chủ</a>
        <a href="Xem-phong.html">Xem phòng</a> 
        <a href="Datphong.html">Giá Phòng</a> 
        <a href="Lienhe.html">Liên hệ</a>       
    </nav>
</header>
    <div class="container">
        <div class="intro-box">
            <section class="cam-nang-section" style="margin-bottom: 50px;">
                <h2 style="color: #2e7d32; border-left: 5px solid #2e7d32; padding-left: 15px; margin-bottom: 25px;">🗺️ Cẩm nang du lịch Hòn Đỏ Ninh Thuận</h2>
                <p>Ninh Thuận đâu chỉ có tháp Chàm hay những vườn nho trĩu quả, mảnh đất đầy nắng và gió này còn giấu riêng một thiên đường bình yên mang tên Hòn Đỏ Sea. Ghé tụi mình, bạn sẽ có một "trạm dừng chân" hoàn hảo để vừa ôm trọn vẻ đẹp hoang sơ của biển trời Ninh Thuận, vừa dễ dàng vi vu cung đường ven biển hướng vịnh Vĩnh Hy.</p>
                <p>Thay vì những khu nghỉ dưỡng đắt đỏ, trải nghiệm tại Hòn Đỏ Sea Homestay sẽ cho bạn một kỳ nghỉ đúng chất Phan Rang: sáng bước vài bước chân ra bãi biển sát vách đón bình minh rực rỡ, trưa chèo SUP tự do trên làn nước trong vắt, chiều ngắm hoàng hôn siêu đẹp ngay trước mắt, về lại được thấy rẫy hành, ngò của người dân bản địa sau nhà. Cứ mộc mạc, tự nhiên và thong thả như vậy, chuyến du lịch Ninh Thuận của bạn bỗng chốc trở nên trọn vẹn và đáng nhớ hơn bao giờ hết!</p>
                
                <div style="text-align: center; margin: 25px 0;">
                    <img src="IMG/HON-DO-VIEW-DEP.webp" style="width: 100%; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.15);" alt="Hòn Đỏ Ninh Thuận hoang sơ tự nhiên">
                    <p style="font-size: 14px; font-style: italic; color: #666; margin-top: 12px;">(Biển Hòn Đỏ)</p>
                </div>

                <h3 style="color: #0056b3;">1. Tuyệt tác của tạo hóa tại Hòn Đỏ</h3> 
                <p style="line-height: 1.8; text-align: justify;">Không cần phải là một thợ lặn chuyên nghiệp, bạn vẫn có thể chạm tay vào thế giới đại dương huyền ảo ngay tại Hòn Đỏ. Khi thủy triều rút đi, những rạn san hô cổ hàng trăm năm tuổi nhô mình lên mặt nước như một đóa hoa đá kỳ vĩ.</p>
                  
                <div style="text-align: center; margin: 25px 0;">
                    <img src="IMGHD/ngam-ran-san-ho-hon-do-ninh-thuan-nuoc-rut.webp" style="width: 100%; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.15);" alt="Ngắm Rạn san hô nước rút" loading="lazy">
                    <p style="font-size: 14px; font-style: italic; color: #666; margin-top: 12px;">(Ngắm rạn san hô rực rỡ khi thủy triều rút)</p>
                </div>

                <div style="background-color: #e8f5e9; padding: 20px; border-radius: 12px; border-left: 5px solid #4caf50; margin-bottom: 20px;">
                    <p style="margin: 0;"><strong>🌟 Bí kíp từ Hòn Đỏ Sea:</strong> Để ngắm được san hô lộ thiên đẹp nhất, hãy ghé thăm vào ngày <strong>Rằm (15) hoặc mùng 1 âm lịch</strong> hàng tháng. Đây là lúc thủy triều rút sâu nhất.</p>
                </div>

                <div style="background-color: #fff3e0; padding: 15px; border-radius: 12px; border: 1px dashed #ff9800; font-style: italic;">
                    <p style="margin: 0; color: #e65100;"><strong>⚠️ Lưu ý:</strong> Hãy đi nhẹ chân trên đá và tuyệt đối không dẫm đạp lên các khối san hô sống để bảo vệ môi trường bạn nhé!</p>
                </div>
            </section>

            <section style="margin-bottom: 50px;">
                <h3 style="color: #0056b3;">2. Hòn Đỏ Ninh Thuận ở đâu?</h3>
                <p style="line-height: 1.8;">Cách trung tâm Phan Rang – Tháp Chàm khoảng 18km, Hòn Đỏ nằm trên cung đường ven biển đẹp bậc nhất Việt Nam. Một bên là núi đá hùng vĩ, một bên là biển xanh ngắt.</p>
                 <div style="text-align: center; margin: 25px 0;">
                <img src="IMG/Hon-Do-Sea-Muc-Nhay.webp" style="width: 100%; border-radius: 10px;" alt="View đẹp Hòn Đỏ" loading="lazy">                  
               </div>
                <h3 style="color: #0056b3;">3. Trải nghiệm độc bản: Hành & Ngò</h3>
                <p style="line-height: 1.8;">Không chỉ có biển, Hòn Đỏ còn nổi tiếng với những cánh đồng hành, ngò xanh mướt. Hành ngò nơi đây nổi tiếng có chất lượng thơm ngon vì người dân ưu tiên chăm bón bằng phân bò hoại mục.</p>
                <div style="text-align: center; margin: 25px 0;">
                    <img src="IMGHD/Hanh-Ngo-hon-so-sea.webp" style="width: 100%; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.15);" alt="Ngắm Rạn san hô nước rút" loading="lazy">
                    <p style="font-size: 14px; font-style: italic; color: #666; margin-top: 12px;">(Vườn hành ngò của người dân Mỹ Hiệp-Hòn Đỏ)</p>
                </div>
            </section>
        </div>

        <section id="baibao" style="background: #f0f4f8; padding: 25px 20px; border-radius: 20px; margin-bottom: 30px;">
            <h2 style="text-align: center; color: #333; margin-bottom: 25px;"><i class="fas fa-newspaper"></i> Góc Báo Chí & Review</h2>
            <div class="news-grid">
                <a href="https://baokhanhhoa.vn/van-hoa/202602/hon-do-diem-den-du-lich-van-hoa-tiem-nang-8236f41/" target="_blank" style="background: white; padding: 15px; border-radius: 10px; text-decoration: none; color: #444; border: 1px solid #ddd; transition: 0.3s;" onmouseover="this.style.borderColor='#0066cc'" onmouseout="this.style.borderColor='#ddd'">🗞️ <b>Báo Khánh Hòa:</b> Hòn Đỏ - Điểm đến du lịch văn hóa</a>
                <a href="https://baolamdong.vn/hon-do-ninh-thuan-ngam-san-ho-tren-can-va-san-mua-reu-xanh-404076.html" target="_blank" style="background: white; padding: 15px; border-radius: 10px; text-decoration: none; color: #444; border: 1px solid #ddd; transition: 0.3s;" onmouseover="this.style.borderColor='#0066cc'" onmouseout="this.style.borderColor='#ddd'">🗞️ <b>Báo Lâm Đồng:</b> Săn mùa rêu xanh</a>
                <a href="https://vinpearl.com/vi/hon-do-ninh-thuan-khanh-hoa" target="_blank" style="background: white; padding: 15px; border-radius: 10px; text-decoration: none; color: #444; border: 1px solid #ddd; transition: 0.3s;" onmouseover="this.style.borderColor='#0066cc'" onmouseout="this.style.borderColor='#ddd'">🗞️ <b>Vinpearl:</b> Thiên đường san hô</a>
                <a href="https://www.vietnambooking.com/du-lich/blog-du-lich/hon-do-ninh-thuan.html" target="_blank" style="background: white; padding: 15px; border-radius: 10px; text-decoration: none; color: #444; border: 1px solid #ddd; transition: 0.3s;" onmouseover="this.style.borderColor='#0066cc'" onmouseout="this.style.borderColor='#ddd'">🗞️ <b>Vietnam Booking:</b> Kinh nghiệm du lịch cho người mới</a>
                <a href="https://voz.vn/t/hon-do-ninh-thuan-cuoi-tuan.1227902/" target="_blank" style="background: white; padding: 15px; border-radius: 10px; text-decoration: none; color: #444; border: 1px solid #ddd; transition: 0.3s;" onmouseover="this.style.borderColor='#0066cc'" onmouseout="this.style.borderColor='#ddd'">🗞️ <b>Hòn Đỏ Ninh Thuận cuối tuần </b> ("Khách đến Hòn Đỏ Sea trải nghiệm")</a>

        </div>
           <p style="text-align: center;"> <strong>Trang Facebook Homestay Hòn Đỏ Sea</strong> </p>
<div style="text-align: center; width: 100%; max-width: 500px; margin: 0 auto; overflow: hidden;">
    <div class="fb-page" 
         data-href="https://www.facebook.com/HomestayHonDoSea" 
         data-tabs="timeline" 
         data-width="500" 
         data-small-header="false" 
         data-adapt-container-width="true" 
         data-hide-cover="false" 
         data-show-facepile="true" 
         data-lazy="true">
    </div>
</div>
            <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 25px;">
                <a href="Anhhd.html" style="display: inline-block; min-width: 140px; text-align: center; padding: 12px 24px; background: #0a3d62; color: #FFD700; border-radius: 25px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: 0.3s;">
                    📸 Xem Ảnh Trải Nghiệm
                </a>
                <a href="Clip.html" style="display: inline-block; min-width: 140px; text-align: center; padding: 12px 24px; background: #0a3d62; color: #FFD700; border-radius: 25px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: 0.3s;">
                    ▶️ Xem Clip Trải Nghiệm
                </a>
            </div>
        </section>

     <section style="text-align: center; padding: 40px; background: #fff; border: 2px solid #e64a19; border-radius: 20px; box-shadow: 0 15px 30px rgba(255,87,34,0.1); max-width: 960px; margin: 0 auto;">
    <h2 style="color: #e64a19; margin-top: 0;">🏠 Tư vấn Đặt Phòng Qua Zalo</h2>
    <p style="font-size: 1.1rem; color: #444;">Liên hệ ngay với Ms Ngân hoặc Ms Loan để đặt phòng view biển nhé!</p>
    
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px;">
        <div style="background: #fdfdfd; padding: 25px; border-radius: 15px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #eee;">
        <h3 style="margin: 0 0 15px 0; color: #000000 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.1); font-weight: 800;">📞 Ms Ngân</h3>
           <a href="tel:0911846670" 
          style="display: block; 
          background: #c23b0a; 
          color: #ffffff; 
          padding: 14px; 
          border-radius: 25px; 
          text-decoration: none; 
          font-weight: 700; 
          text-align: center; 
          margin-bottom: 10px; 
          font-size: 16px;
          border: 1px solid #992d06;">
         📞 Gọi 0911.846.670
         </a>
            <a href="https://zalo.me/0911846670" target="_blank" style="display: block; background: #0056b3; color: white; padding: 12px; border-radius: 25px; text-decoration: none; font-weight: bold;">Zalo Ms Ngân</a>
        </div>
        <div style="background: #fdfdfd; padding: 25px; border-radius: 15px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #eee;">
           <h3 style="margin: 0 0 15px 0; color: #000000 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.1); font-weight: 800;">📞 Ms Loan</h3>
            <a href="tel:0908299411" 
          style="display: block; 
          background: #c23b0a; 
          color: #ffffff; 
          padding: 14px; 
          border-radius: 25px; 
          text-decoration: none; 
          font-weight: 700; 
          text-align: center; 
          margin-bottom: 10px; 
          font-size: 16px;
          border: 1px solid #992d06;">
         📞 Gọi 0908.299.411
         </a>
            <a href="https://zalo.me/0908299411" target="_blank" style="display: block; background: #0056b3; color: white; padding: 12px; border-radius: 25px; text-decoration: none; font-weight: bold;">Zalo Ms Loan</a>
        </div>
    </div>

            <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;">
                <p><strong>🌐 Hoặc đặt qua các kênh:</strong></p>
                <div style="display: flex; justify-content: center; gap: 15px;">
                    <a href="https://www.facebook.com/share/18C8EtWqmU/" target="_blank" style="color: #1877f2; text-decoration: none;">Facebook</a> |
                    <a href="https://www.agoda.com/vi-vn/homestay-hon-d-sea/hotel/thon-tri-thuy-vn.html" target="_blank" style="color: #873fb6; text-decoration: none;">Agoda</a> |
                    <a href="https://www.booking.com/hotel/vn/homestay-hon-do-sea.vi.html" target="_blank" style="color: #003580; text-decoration: none;">Booking.com</a> |
                                   
                 </div>
            </div>
        </section>

        <section style="margin-top: 60px;">
            <h3 style="text-align: center; color: #0056b3;">📍 Vị Trí Homestay Hòn Đỏ Sea</h3>
            <p style="text-align: center; font-style: italic; color: #333;">
        Sát biển Hòn Đỏ Ninh Thuận- Cung đường ven biển đi Vĩnh Hy<br>
        <span style="color: #c62828; font-weight: bold;">(Bạn chỉ cần đi theo định vị Google Maps là đến  Homestay Hòn Đỏ Sea)</span>
    </p>
            <div class="map-container">
                <iframe title="Bản đồ vị trí của Homestay Hòn Đỏ Sea trên Google Maps"
                   src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3905.7733355054366!2d109.13840747413693!3d11.781682340578635!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317067465f009dc1%3A0xe01bc7cdc093b45f!2sHomestay%20H%C3%B2n%20%C4%90%E1%BB%8F%20Sea!5e0!3m2!1svi!2s!4v1715525500000!5m2!1svi!2s" 
                   width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy">
                </iframe>
            </div>
        </section>
        
        <p style="text-align: center; font-style: italic; color: Blue; margin-top: 30px;">
            Cảm ơn bạn đã ghé thăm! Hãy giúp Hòn Đỏ Sea lan tỏa chia sẻ những bức hình lung linh của bạn trên Google Maps nhé!
        </p>
    </div>
</main>

 <div class="contact-container">
    <a href="tel:0908299411" class="btn-float call" title="Gọi điện">
        <i class="fas fa-phone-alt"></i>
    </a>
    <a href="https://zalo.me/0908299411" class="btn-float zalo" title="Zalo" target="_blank">
    <img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Icon_of_Zalo.svg" alt="Chat với Ms Loan">
       
    </a>
    <a href="https://m.me/HomestayHonDoSea" class="btn-float messenger" title="Messenger" target="_blank">
        <i class="fab fa-facebook-messenger"></i>
    </a>
</div>

<footer style="text-align: center; padding: 30px 20px; background: #333; color: #bbb; margin-top: 40px; font-size: 14px;">
    <p>HKD HomeStay Hòn Đỏ Sea - Hondosea.com © 2026</p>
    <p>Nơi mang lại sự an vui và hạnh phúc trọn vẹn cho chuyến đi của bạn.</p>
    <p>Hotline: 0908.299.411</p>
</footer>

</body>
</html>