Viewing file:  b250712df8cf3351f90e0ccf02498d04ccb2751a.php (6.27 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title'); ?> <?php echo e(get_settings('app_name')); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('css'); ?>
<style>
img.recent-blog-img {
max-width: 100%;
width: 75px;
height: auto;
background: #ffffff;
padding: 5px;
border-radius: 6px;
}
.recent-blog-title-link {
text-decoration: none;
}
.recent-blog-title-link:hover {
text-decoration: none;
}
.recent-blog-date {
font-size: 14px;
font-weight: 600;
font-style: italic;
}
.recent-blog-title {
font-size: 15px;
font-weight: 500;
}
.blog-img-card {
background: #ffffff;
padding: 10px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-details-title-text {
font-size: 30px;
margin: 40px 0px;
font-weight: 600;
}
.blog-details-sec {
padding: 100px 0px;
background: linear-gradient(297deg, #b2b2b200, #ee00eb24);
}
.blog-card-title {
font-size: 20px;
color: #060505;
font-weight: 600;
}
.blog-card-description {
margin: 20px 0px;
}
.blog-card {
background: #ffffff;
padding: 10px;
border-radius: 5px;
}
.blog-card-title {
font-size: 15px;
color: #060505;
font-weight: 600;
margin: 15px 0px;
}
.page-header h1 {
font-weight: 800;
font-size: 2.5rem;
margin-bottom: 1rem;
background: linear-gradient(90deg, #4f46e5, #7C3AED);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.form-container {
background-color: white;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
padding: 40px;
margin-top: 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
}
.form-container:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.form-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #8b38cb, #8b38cb);
}
.form-title h3 i {
color: #4f46e5;
}
.form-section-title {
font-weight: 700;
font-size: 1.75rem;
margin-bottom: 1.5rem;
color: #111827;
}
.form-group {
margin-bottom: 20px;
}
.form-control,
.form-select {
width: 100%;
border-radius: 8px;
padding: 12px 16px;
border: 1px solid #E5E7EB;
background-color: #F9FAFB;
transition: all 0.2s ease;
font-size: 1rem;
}
.form-control:focus,
.form-select:focus {
border-color: #4f46e5;
box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);
outline: none;
}
textarea.form-control {
min-height: 120px;
resize: vertical;
}
.btn {
padding: 12px 24px;
font-weight: 600;
border-radius: 8px;
transition: all 0.3s ease;
font-size: 1rem;
cursor: pointer;
color: #fff;
}
.btn-primary {
background: linear-gradient(90deg, #8b38cb, #0051d9);
border: none;
}
.btn-primary:hover {
background: linear-gradient(90deg, #5D5FEF, #8b38cb);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}
@media (max-width: 768px) {
.form-container {
padding: 25px;
}
.page-header h1 {
font-size: 2rem;
}
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-section'); ?>
<?php
$template = json_decode(get_settings('frontend_template'));
?>
<div class="blog-details-sec">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="all-blogs-lists">
<div class="sub-title-text">
<?php echo e($template->contact_sub_title ?? ''); ?>
</div>
</div>
<div class="row">
<div class="col-lg-12 mt-4 mb-4">
<div class="contact-us-title-text main-title-text">
<?php echo e($template->contact_title ?? ''); ?>
</div>
</div>
<div class="col-lg-12">
<div class="contact-description">
<?php echo $template->contact_description ?? ''; ?>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-container">
<div class="form-title">
<h3 class="form-section-title"><i class="fas fa-envelope-open-text"></i> Get in Touch</h3>
</div>
<form method="POST" action="<?php echo e(route('contact.store')); ?>">
<?php echo csrf_field(); ?>
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" id="name" name="name" class="form-control" placeholder="Your name" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" class="form-control" placeholder="you@example.com" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" class="form-control" placeholder="+1 (555) 123-4567">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" class="form-control" placeholder="Write your message..." required></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontTemplate', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/picotech/domains/test.qr.picotech.app/public_html/resources/views/front/contact.blade.php ENDPATH**/ ?>
|