<section class="container my-5">
<div class="row g-4">
<div class="col-md-4">
<a href="https://www.instagram.com/kitestravel?igsh=MW41bWw4NDJ6NWJtdg%3D%3D" target="_blank" class="box-link">
<div class="custom-box text-center">
<i class="bi bi-instagram icon"></i>
<h4 style="color:#e1316c">@kitestravel</h4>
</div>
</a>
</div>
<!-- Instagram 1 -->
<div class="col-md-4">
<a href="https://www.instagram.com/handan.atamer?igsh=Y3hlMjA3aHRlaWh5&utm_source=qr" target="_blank" class="box-link">
<div class="custom-box text-center">
<i class="bi bi-instagram icon"></i>
<h4 style="color:#e1316c;">@handan.atamer</h4>
</div>
</a>
</div>
<!-- Turizm Ajansı -->
<div class="col-md-4">
<a href="https://www.turizmajansi.com/yazararsiv/handan-atamer-engin-h199" target="_blank" class="box-link">
<div class="custom-box text-center">
<i style="color: #0072bd;" class="bi bi-globe icon"></i>
<h4 style="color:#0072bd">Turizm Ajansı</h4>
</div>
</a>
</div>
<!-- Instagram 2 -->
</div>
</section>
<style>
.box-link{
text-decoration:none;
}
.custom-box{
background:white;
padding:40px 30px;
border-radius:12px;
transition:0.3s;
border:1px solid #eee;
}
.custom-box:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}
.icon{
font-size:40px;
color:#e1306c;
margin-bottom:15px;
display:block;
}
.custom-box h4{
font-weight:600;
margin-bottom:10px;
color:#222;
}
.custom-box p{
font-size:14px;
color:#666;
}
</style>
