90 lines
3.2 KiB
PHP
90 lines
3.2 KiB
PHP
<div class="prize-info">
|
|
<a href="{{ route('/') }}" style="color: #fff;
|
|
cursor: pointer;
|
|
font-size: 1.2rem;
|
|
font-weight: normal;
|
|
background-color: #bd021b;
|
|
margin: auto;
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
display: block;
|
|
width: fit-content;
|
|
padding: 0.3rem 3rem;
|
|
border-radius: 3rem;
|
|
box-shadow: 1px 1px 6px #000;">Trở lại</a>
|
|
<h5 class="prize_title" id="winModalLabel">🎉 XIN CHÚC MỪNG! 🎉</h5>
|
|
<p>giải thưởng của bạn là</p>
|
|
<span class="prize-name">🎁 {{ $prize_obj->prize_name ?? '' }} 🎁</span>
|
|
<div style="background-color: transparent;
|
|
color: #000;
|
|
text-align: center;">
|
|
<p>Thích trang Facebook của chúng tôi để cập nhật những thông
|
|
tin mới nhất và ưu đãi hấp dẫn!</p>
|
|
<div class="facebook-container">
|
|
<iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/benhviendotquycantho&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
|
|
style="border:none;overflow:hidden"
|
|
scrolling="no"
|
|
frameborder="0"
|
|
allowfullscreen="true"
|
|
allowTransparency="true"
|
|
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
|
|
</iframe>
|
|
</div>
|
|
<div class="facebook-container">
|
|
<iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/Quytuthienbenhnhanngheodotquysis&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
|
|
style="border:none;overflow:hidden"
|
|
scrolling="no"
|
|
frameborder="0"
|
|
allowfullscreen="true"
|
|
allowTransparency="true"
|
|
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
|
|
</iframe>
|
|
</div>
|
|
<a href="https://zalo.me/264535885405684753" target="_blank" rel="noopener noreferrer" style="color: #fff; font-size: 2rem;">
|
|
Liên hệ với chúng tôi qua Zalo <img src="{{ asset('frontend/imgs/zalo_icon.webp') }}"
|
|
alt="Chat Zalo"
|
|
style="width: 50px; height: 50px; cursor: pointer;">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
#prize_label {
|
|
font-size: 3rem;
|
|
color: #695aa6;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#close_btn {
|
|
width: fit-content;
|
|
margin: auto;
|
|
background-color: #e60012;
|
|
border-radius: 0.5rem;
|
|
top: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
box-shadow: 1px 1px 20px #fff;
|
|
animation: blinker 1s linear infinite;
|
|
}
|
|
|
|
#close_btn i {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
@keyframes blinker {
|
|
50% {
|
|
opacity: 0;
|
|
/* Tại 50% thời gian, độ mờ là 0 (ẩn) */
|
|
}
|
|
}
|
|
|
|
.zalo-chat-widget {
|
|
height: 100vh !important;
|
|
}
|
|
.zalo-chat-widget iframe {
|
|
height: 100% !important;
|
|
width: 30rem !important;
|
|
}
|
|
.za-chat .chat-wrapper .box__header {
|
|
background-color: #ed3a54 !important;
|
|
}
|
|
</style> |