<html lang="en">
<head>
<link>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="<?php echo e(getFaviconUrl()); ?>" type="image/png">
<!-- Bootstrap CSS -->
<link href="<?php echo e(asset('front/css/bootstrap.min.css')); ?>" rel="stylesheet">
<title>vcard</title>
<link rel="stylesheet" href="<?php echo e(asset('assets/css/vcard1.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('assets/css/blog.css')); ?>">
<link href="<?php echo e(asset('backend/css/all.min.css')); ?>" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
</head>
<body>
<div class="container h-100">
<div
class="vcard-one main-content w-100 h-auto mx-auto
<?php if($blog->vcard->template_id == 1): ?> vcard-one-bg
<?php elseif($blog->vcard->template_id == 2): ?>
vcard-two-bg
<?php elseif($blog->vcard->template_id == 3): ?>
vcard-three-bg
<?php elseif($blog->vcard->template_id == 4): ?>
vcard-four-bg
<?php elseif($blog->vcard->template_id == 5): ?>
vcard-five-bg
<?php elseif($blog->vcard->template_id == 6): ?>
vcard-six-bg
<?php elseif($blog->vcard->template_id == 7): ?>
vcard-seven-bg h-auto
<?php elseif($blog->vcard->template_id == 8): ?>
vcard-eight-bg h-auto
<?php elseif($blog->vcard->template_id == 9): ?>
vcard-nine-bg
<?php elseif($blog->vcard->template_id == 10): ?>
vcard-ten-bg
<?php elseif($blog->vcard->template_id == 13): ?>
vcard-thirteen-bg
<?php elseif($blog->vcard->template_id == 14): ?>
vcard-fourteen-bg
<?php elseif($blog->vcard->template_id == 12): ?>
vcard-twelve-bg
<?php elseif($blog->vcard->template_id == 15): ?>
vcard-fifteen-bg
<?php elseif($blog->vcard->template_id == 16): ?>
vcard-sixteen-bg
<?php elseif($blog->vcard->template_id == 17): ?>
vcard-seventeen-bg
<?php elseif($blog->vcard->template_id == 21): ?>
vcard-twentyone-bg
<?php elseif($blog->vcard->template_id == 25): ?>
vcard-twentyfive-bg
<?php elseif($blog->vcard->template_id == 22): ?>
vcard-twentytwo-bg h-auto
<?php elseif($blog->vcard->template_id == 20): ?>
vcard-twenty-bg
<?php elseif($blog->vcard->template_id == 18): ?>
vcard-eighteen-bg
<?php elseif($blog->vcard->template_id == 19): ?>
vcard-nineteen-bg
<?php elseif($blog->vcard->template_id == 26): ?>
vcard-twentysix-bg h-auto
<?php elseif($blog->vcard->template_id == 28): ?>
vcard-twentyeight-bg h-auto
<?php elseif($blog->vcard->template_id == 30): ?>
vcard-thirty-bg h-auto
<?php elseif($blog->vcard->template_id == 29): ?>
vcard-twentynine-bg h-auto
<?php elseif($blog->vcard->template_id == 23): ?>
vcard-twentythree-bg h-auto
<?php elseif($blog->vcard->template_id == 24): ?>
vcard-twentyfour-bg h-auto
<?php elseif($blog->vcard->template_id == 31): ?>
vcard-thirtyone-bg h-auto
<?php elseif($blog->vcard->template_id == 32): ?>
vcard-thirtytwo-bg h-auto
<?php elseif($blog->vcard->template_id == 33): ?>
vcard-thirtythree-bg h-auto
<?php elseif($blog->vcard->template_id == 27): ?>
vcard-twentyseven-bg h-auto <?php endif; ?>">
<div class="vcard-one-main-section p-3">
<div class="d-flex justify-content-between align-items-center py-3" <?php if(getLanguage($blog->vcard) == 'Arabic'): ?> dir="rtl" <?php endif; ?>>
<h2
class="blog-title
<?php if($blog->vcard->template_id == 1): ?> vcard-one-title
<?php elseif($blog->vcard->template_id == 2): ?>
vcard-two-title
<?php elseif($blog->vcard->template_id == 3): ?>
vcard-three-title
<?php elseif($blog->vcard->template_id == 4): ?>
vcard-four-title
<?php elseif($blog->vcard->template_id == 5): ?>
vcard-five-title
<?php elseif($blog->vcard->template_id == 6): ?>
vcard-six-title
<?php elseif($blog->vcard->template_id == 7): ?>
vcard-seven-title
<?php elseif($blog->vcard->template_id == 8): ?>
vcard-eight-title
<?php elseif($blog->vcard->template_id == 9): ?>
vcard-nine-title
<?php elseif($blog->vcard->template_id == 10): ?>
vcard-ten-title
<?php elseif($blog->vcard->template_id == 13): ?>
vcard-thirteen-title
<?php elseif($blog->vcard->template_id == 14): ?>
vcard-fourteen-title
<?php elseif($blog->vcard->template_id == 12): ?>
vcard-twelve-title
<?php elseif($blog->vcard->template_id == 15): ?>
vcard-fifteen-title
<?php elseif($blog->vcard->template_id == 17): ?>
vcard-seventeen-title text-dark
<?php elseif($blog->vcard->template_id == 16): ?>
vcard-sixteen-title
<?php elseif($blog->vcard->template_id == 21): ?>
vcard-twentyone-title
<?php elseif($blog->vcard->template_id == 24): ?>
vcard-twentyfour-title
<?php elseif($blog->vcard->template_id == 25): ?>
vcard-twentyfive-title
<?php elseif($blog->vcard->template_id == 22): ?>
vcard-twentytwo-title
<?php elseif($blog->vcard->template_id == 20): ?>
vcard-twenty-title
<?php elseif($blog->vcard->template_id == 18): ?>
vcard-eighteen-title
<?php elseif($blog->vcard->template_id == 19): ?>
vcard-nineteen-title
<?php elseif($blog->vcard->template_id == 26): ?>
vcard-twentysix-title
<?php elseif($blog->vcard->template_id == 28): ?>
vcard-twentyeight-title
<?php elseif($blog->vcard->template_id == 30): ?>
vcard-thirty-title
<?php elseif($blog->vcard->template_id == 29): ?>
vcard-twentynine-title
<?php elseif($blog->vcard->template_id == 23): ?>
vcard-twentythree-title
<?php elseif($blog->vcard->template_id == 31): ?>
vcard-thirtyone-title
<?php elseif($blog->vcard->template_id == 32): ?>
vcard-thirtytwo-title
<?php elseif($blog->vcard->template_id == 33): ?>
vcard-thirtythree-title
<?php elseif($blog->vcard->template_id == 27): ?>
vcard-twentyseven-title <?php endif; ?>">
<?php echo e($blog->title); ?></h2>
<div class="blog-hover-btn">
<a class="btn
<?php if($blog->vcard->template_id == 1): ?> vcard-one-back
<?php elseif($blog->vcard->template_id == 2): ?>
vcard-two-back
<?php elseif($blog->vcard->template_id == 3): ?>
vcard-three-back
<?php elseif($blog->vcard->template_id == 4): ?>
vcard-four-back
<?php elseif($blog->vcard->template_id == 5): ?>
vcard-five-back
<?php elseif($blog->vcard->template_id == 6): ?>
vcard-six-back
<?php elseif($blog->vcard->template_id == 7): ?>
vcard-seven-back
<?php elseif($blog->vcard->template_id == 8): ?>
vcard-eight-back
<?php elseif($blog->vcard->template_id == 9): ?>
vcard-nine-back
<?php elseif($blog->vcard->template_id == 10): ?>
vcard-ten-back
<?php elseif($blog->vcard->template_id == 13): ?>
vcard-thirteen-back
<?php elseif($blog->vcard->template_id == 14): ?>
vcard-fourteen-back
<?php elseif($blog->vcard->template_id == 12): ?>
vcard-twelve-back
<?php elseif($blog->vcard->template_id == 15): ?>
vcard-fifteen-back
<?php elseif($blog->vcard->template_id == 17): ?>
vcard-seventeen-back
<?php elseif($blog->vcard->template_id == 16): ?>
vcard-sixteen-back
<?php elseif($blog->vcard->template_id == 21): ?>
vcard-twentyone-back
<?php elseif($blog->vcard->template_id == 24): ?>
vcard-twentyfour-back
<?php elseif($blog->vcard->template_id == 25): ?>
vcard-twentyfive-back
<?php elseif($blog->vcard->template_id == 22): ?>
vcard-twentytwo-back" data-button-style="<?php echo e(isset($dynamicVcard) ? $dynamicVcard->button_style : 'default'); ?>
<?php elseif($blog->vcard->template_id == 20): ?>
vcard-twenty-back
<?php elseif($blog->vcard->template_id == 18): ?>
vcard-eighteen-back
<?php elseif($blog->vcard->template_id == 19): ?>
vcard-nineteen-back
<?php elseif($blog->vcard->template_id == 26): ?>
vcard-twentysix-back
<?php elseif($blog->vcard->template_id == 28): ?>
vcard-twentyeight-back
<?php elseif($blog->vcard->template_id == 30): ?>
vcard-thirty-back
<?php elseif($blog->vcard->template_id == 29): ?>
vcard-twentynine-back
<?php elseif($blog->vcard->template_id == 23): ?>
vcard-twentythree-back
<?php elseif($blog->vcard->template_id == 31): ?>
vcard-thirtyone-back
<?php elseif($blog->vcard->template_id == 32): ?>
vcard-thirtytwo-back
<?php elseif($blog->vcard->template_id == 33): ?>
vcard-thirtythree-back
<?php elseif($blog->vcard->template_id == 27): ?>
vcard-twentyseven-back <?php endif; ?>"
href="<?php echo e(url()->previous()); ?>" role="button">
<?php echo e(__('messages.common.back')); ?>
</a>
</div>
</div>
<div
class="img-bx
<?php if($blog->vcard->template_id == 1): ?> vcard-one-img-bx
<?php elseif($blog->vcard->template_id == 2): ?>
vcard-two-img-bx
<?php elseif($blog->vcard->template_id == 3): ?>
vcard-three-img-bx
<?php elseif($blog->vcard->template_id == 4): ?>
vcard-four-img-bx
<?php elseif($blog->vcard->template_id == 5): ?>
vcard-five-img-bx
<?php elseif($blog->vcard->template_id == 6): ?>
vcard-six-img-bx
<?php elseif($blog->vcard->template_id == 7): ?>
vcard-seven-img-bx
<?php elseif($blog->vcard->template_id == 8): ?>
vcard-eight-img-bx
<?php elseif($blog->vcard->template_id == 9): ?>
vcard-nine-img-bx
<?php elseif($blog->vcard->template_id == 10): ?>
vcard-ten-img-bx
<?php elseif($blog->vcard->template_id == 13): ?>
vcard-thirteen-img-bx
<?php elseif($blog->vcard->template_id == 14): ?>
vcard-fourteen-img-bx
<?php elseif($blog->vcard->template_id == 12): ?>
vcard-twelve-img-bx
<?php elseif($blog->vcard->template_id == 13): ?>
vcard-thirteen-img-bx
<?php elseif($blog->vcard->template_id == 15): ?>
vcard-fifteen-img-bx
<?php elseif($blog->vcard->template_id == 17): ?>
vcard-seventeen-img-bx
<?php elseif($blog->vcard->template_id == 16): ?>
vcard-sixteen-img-bx
<?php elseif($blog->vcard->template_id == 21): ?>
vcard-twentyone-img-bx
<?php elseif($blog->vcard->template_id == 24): ?>
vcard-twentyfour-img-bx
<?php elseif($blog->vcard->template_id == 25): ?>
vcard-twentyfive-img-bx
<?php elseif($blog->vcard->template_id == 22): ?>
vcard-twentytwo-img-bx
<?php elseif($blog->vcard->template_id == 18): ?>
vcard-eighteen-img-bx
<?php elseif($blog->vcard->template_id == 19): ?>
vcard-nineteen-img-bx
<?php elseif($blog->vcard->template_id == 20): ?>
vcard-twenty-img-bx
<?php elseif($blog->vcard->template_id == 26): ?>
vcard-twentysix-img-bx
<?php elseif($blog->vcard->template_id == 28): ?>
vcard-twentyeight-img-bx
<?php elseif($blog->vcard->template_id == 30): ?>
vcard-thirty-img-bx
<?php elseif($blog->vcard->template_id == 29): ?>
vcard-twentynine-img-bx
<?php elseif($blog->vcard->template_id == 23): ?>
vcard-twentythree-img-bx
<?php elseif($blog->vcard->template_id == 31): ?>
vcard-thirtyone-img-bx
<?php elseif($blog->vcard->template_id == 32): ?>
vcard-thirtytwo-img-bx
<?php elseif($blog->vcard->template_id == 33): ?>
vcard-thirtythree-img-bx
<?php elseif($blog->vcard->template_id == 27): ?>
vcard-twentyseven-img-bx <?php endif; ?>">
<img src="<?php echo e($blog->blog_icon); ?>" />
</div>
<div class="details mt-4">
<p class="fw-light"><?php echo $blog->description; ?></p>
<div class="blog-hover-btn-mobile fw-light">
<a class="btn float-end
<?php if($blog->vcard->template_id == 1): ?> vcard-one-back
<?php elseif($blog->vcard->template_id == 2): ?>
vcard-two-back
<?php elseif($blog->vcard->template_id == 3): ?>
vcard-three-back
<?php elseif($blog->vcard->template_id == 4): ?>
vcard-four-back
<?php elseif($blog->vcard->template_id == 5): ?>
vcard-five-back
<?php elseif($blog->vcard->template_id == 6): ?>
vcard-six-back
<?php elseif($blog->vcard->template_id == 7): ?>
vcard-seven-back
<?php elseif($blog->vcard->template_id == 8): ?>
vcard-eight-back
<?php elseif($blog->vcard->template_id == 9): ?>
vcard-nine-back
<?php elseif($blog->vcard->template_id == 10): ?>
vcard-ten-back
<?php elseif($blog->vcard->template_id == 13): ?>
vcard-thirteen-back
<?php elseif($blog->vcard->template_id == 14): ?>
vcard-fourteen-back
<?php elseif($blog->vcard->template_id == 12): ?>
vcard-twelve-back
<?php elseif($blog->vcard->template_id == 15): ?>
vcard-fifteen-back
<?php elseif($blog->vcard->template_id == 17): ?>
vcard-seventeen-back
<?php elseif($blog->vcard->template_id == 16): ?>
vcard-sixteen-back
<?php elseif($blog->vcard->template_id == 21): ?>
vcard-twentyone-back
<?php elseif($blog->vcard->template_id == 24): ?>
vcard-twentyfour-back
<?php elseif($blog->vcard->template_id == 25): ?>
vcard-twentyfive-back
<?php elseif($blog->vcard->template_id == 22): ?>
vcard-twentytwo-back" data-button-style="<?php echo e(isset($dynamicVcard) ? $dynamicVcard->button_style : 'default'); ?>
<?php elseif($blog->vcard->template_id == 20): ?>
vcard-twenty-back
<?php elseif($blog->vcard->template_id == 18): ?>
vcard-eighteen-back
<?php elseif($blog->vcard->template_id == 19): ?>
vcard-nineteen-back
<?php elseif($blog->vcard->template_id == 26): ?>
vcard-twentysix-back
<?php elseif($blog->vcard->template_id == 28): ?>
vcard-twentyeight-back
<?php elseif($blog->vcard->template_id == 30): ?>
vcard-thirty-back
<?php elseif($blog->vcard->template_id == 29): ?>
vcard-twentynine-back
<?php elseif($blog->vcard->template_id == 23): ?>
vcard-twentythree-back
<?php elseif($blog->vcard->template_id == 31): ?>
vcard-thirtyone-back
<?php elseif($blog->vcard->template_id == 32): ?>
vcard-thirtytwo-back
<?php elseif($blog->vcard->template_id == 33): ?>
vcard-thirtythree-back
<?php elseif($blog->vcard->template_id == 27): ?>
vcard-twentyseven-back <?php endif; ?>"
href="<?php echo e(url()->previous()); ?>" role="button">
<?php echo e(__('messages.common.back')); ?>
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="<?php echo e(asset('backend/js/jquery.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('front/js/bootstrap.bundle.min.js')); ?>"></script>
<script src="<?php echo e(mix('assets/js/custom/custom.js')); ?>"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var primaryColor = <?php echo json_encode($dynamicVcard->primary_color ?? null, 15, 512) ?>;
var backColor = <?php echo json_encode($dynamicVcard->back_color ?? null, 15, 512) ?>;
var backSecondColor = <?php echo json_encode($dynamicVcard->back_seconds_color ?? null, 15, 512) ?>;
var buttonTextColor = <?php echo json_encode($dynamicVcard->button_text_color ?? null, 15, 512) ?>;
var textDescriptionColor = <?php echo json_encode($dynamicVcard->text_label_color ?? null, 15, 512) ?>;
var textLabelColor = <?php echo json_encode($dynamicVcard->text_description_color ?? null, 15, 512) ?>;
document.documentElement.style.setProperty('--primary-color', primaryColor);
document.documentElement.style.setProperty('--green-100', backColor);
document.documentElement.style.setProperty('--green', backSecondColor);
document.documentElement.style.setProperty('--black', buttonTextColor);
document.documentElement.style.setProperty('--gray-100', textDescriptionColor);
document.documentElement.style.setProperty('--white', textLabelColor);
});
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
var buttonStyle = <?php echo json_encode($dynamicVcard->button_style ?? null, 15, 512) ?>;
applyButtonStyle(buttonStyle);
});
function applyButtonStyle(buttonStyle) {
const buttons = document.querySelectorAll('.vcard-twentytwo-back');
if (buttonStyle === 'default' || !buttonStyle) {
buttonStyle = '1';
}
buttons.forEach(button => {
button.classList.add(`dynamic-btn-${buttonStyle}`);
});
}
</script>
</body>
</html>
<?php /**PATH /home/cardxfeb/public_html/resources/views/vcards/blog.blade.php ENDPATH**/ ?> |