master_template/resources/views/hulaki_khabar/popup/popup-modal.blade.php

31 lines
1.2 KiB
PHP
Raw Normal View History

2024-06-21 07:44:04 +00:00
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content" style="border-radius: 10px;">
<div class="modal-body text-center p-0 rounded"
style="background-image: url('{{ asset($popup->image) }}'); background-size: cover;">
<div class="row" style="height: 30em;">
<div class="col-6" style="height: 100%; width: 100%;">
<img src="{{ $popup->image }}">
</div>
<div class="col-6 d-flex align-items-center">
<div class="text-left p-4" style="position: relative">
<h3 class="mb-4" style="text-transform: uppercase;">{{ $popup->title }}</h3>
<p style="text-align: justify;">{!! $popup->description !!}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@push('js')
<script>
$(document).ready(function() {
$('#exampleModal').modal('show');
})
</script>
@endpush