<section class="section pt-60 pb-60"> <div class="container-sub"> <!-- TOP TITLE --> <div class="text-center mb-50"> <h1 class="heading-44-medium color-text mb-15"> VIP Boat & Yacht Tours on the Bosphorus </h1> <p class="text-18 color-text"> From relaxed sightseeing cruises to private celebrations and corporate events, we design every boat and yacht tour for you with professional crew, flexible timing and a high-end service standard. </p> </div> <!-- BOAT TOUR CARDS --> <div class="boatstrip"> <div class="row g-4"> <!-- 1st CARD --> <div class="col-lg-4"> <div class="boat-card"> <div class="boat-badge">1</div> <h3 class="boat-title">Bosphorus View & Sunset Cruises</h3> <p class="boat-text"> 2–3 hour Bosphorus sightseeing and sunset cruises with photo stops and tailor-made routes. Optional extras such as snacks, DJ, live music or a guide can be added on request. </p> <a class="boat-btn" href="https://wa.me/905322047795?text=Hi%2C%20I%20would%20like%20to%20get%20a%20quote%20for%20a%20Bosphorus%20view%20%2F%20sunset%20boat%20tour." target="_blank"> Get a Sunset Cruise Quote </a> </div> </div> <!-- 2nd CARD --> <div class="col-lg-4"> <div class="boat-card"> <div class="boat-badge">2</div> <h3 class="boat-title">Private Events & Celebrations</h3> <p class="boat-text"> Marriage proposals, birthdays, anniversaries and friend gatherings with fully customised decoration, music and catering options on your private boat. </p> <a class="boat-btn" href="https://wa.me/905322047795?text=Hi%2C%20I%20would%20like%20to%20organise%20a%20private%20event%20on%20a%20boat%20and%20get%20more%20information%20and%20pricing." target="_blank"> Plan Your Private Event </a> </div> </div> <!-- 3rd CARD --> <div class="col-lg-4"> <div class="boat-card"> <div class="boat-badge">3</div> <h3 class="boat-title">Corporate & Group Events</h3> <p class="boat-text"> Company dinners, launches, incentive trips and dealer meetings on the Bosphorus, with AV equipment, branding options and full catering support for your guests. </p> <a class="boat-btn" href="https://wa.me/905322047795?text=Hi%2C%20we%20would%20like%20to%20get%20a%20quote%20for%20a%20corporate%20boat%20event%20on%20the%20Bosphorus." target="_blank"> Corporate Boat Event Quote </a> </div> </div> </div> </div> </div> </section> <!-- Aynı CSS kullanılıyor, TR blokta zaten var; tekrar eklemen gerekmiyorsa burayı atlayabilirsin. --> <style> .boatstrip{ background:#fff7e6; border-radius:24px; padding:40px 26px; box-shadow:0 18px 40px rgba(0,0,0,0.04); margin-top:20px; } .boat-card{ background:#ffffff; border-radius:20px; padding:25px 22px; height:100%; border:1px solid rgba(0,0,0,0.05); box-shadow:0 10px 28px rgba(0,0,0,0.05); transition:all .18s ease-out; text-align:center; } .boat-card:hover{ transform:translateY(-4px); border-color:#f3c878; box-shadow:0 18px 40px rgba(0,0,0,0.08); } .boat-badge{ width:45px; height:45px; border-radius:50%; background:linear-gradient(135deg,#f7e0a3,#f3c878); display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:600; margin:0 auto 12px; } .boat-title{ font-size:18px; font-weight:600; margin-bottom:10px; } .boat-text{ font-size:14px; line-height:1.55; min-height:110px; } .boat-btn{ display:inline-block; margin-top:15px; background:#f3c878; padding:10px 22px; border-radius:12px; color:#000; font-size:14px; font-weight:600; text-decoration:none; } .boat-btn:hover{ background:#eabb60; } @media (max-width: 991.98px){ .boatstrip{ padding:28px 18px; } } </style>