[edit] responsive and logo changed

app/Http/Controllers/HomeController.php

@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class HomeController extends Controller
+{
+   public function contact(Request $request){
+
+    // $contact = new Contact();
+    $subject = 'Contact Enquiry';
+    // $check = '';
+    // if(isset($request['firstname'])){
+    //  $subject = 'Quick Enquiry';
+    //  $check = '1';
+    // }
+    // $name = ($request['firstname'] != null) ? ($request['firstname'].' '.$request['lastname']) : $request['fullname'] ;
+
+    // $contact->fullname = $name;
+    // $contact->email = $request['email'];
+    // $contact->phone = $request['phone'];
+    // $contact->message = $request['message'];
+
+    // $contact->save();
+
+        // dispatch(function() use ($check,$subject, $contact) {
+        \Mail::send('contact_mail', array(
+
+            'full_name' =>$request['fname'],
+
+            'email' =>$request['email'],
+
+            'phone' =>$request['mobile'],
+
+            'job_title' =>$request['job_title'],
+
+            'contact_message' =>$request['message'],
+
+            'subject' =>$subject 
+
+
+           ), function($message) use ($subject){
+            // $subject=($service!= '') ? 'Enquiry for '.$service : 'Contact/Feedback';
+            $message->subject($subject);
+            // $message->to('info@agilityhomecare.com.au', 'AgilityHomeCare')->subject($subject);
+            $message->to('info@extratechs.com.au', 'Extratech')->subject($subject);
+            $message->cc('extratechweb@gmail.com', 'Extratech')->subject($subject);
+
+
+           });
+        // });
+        // return redirect()->back()->with(['msg' => 'Successfully submitted.']);
+        return redirect()->back()->with(['msg' => 'Thank you for your interest. We will get back to you soon.','status' =>'Ok'],200);
+
+
+   }
+}

public/css/style.css

@@ -1791,12 +1791,12 @@ button:focus{
 }
 
 .how-it-work-box .how-it-work-img {
-  background-color: #edf0fb;
+  background-color: #8a92a5;
   height: 90px;
   width: 90px;
   position: relative;
   margin: 0 auto;
-  padding: 12px 8px;
+  padding: 16px 8px;
 }
 .testi-box{
   min-height: 20pc;
@@ -2038,6 +2038,13 @@ a.job-list[data-toggle=collapse].collapsed:before {
   .job-list-btn-space {
     margin: 12px 0;
   }
+  .text-light{
+    font-size: 18px;
+  }
+  .title-heading .heading,
+  .about-us-desc h1{
+    font-size: 24px !important;
+  }
 }
 
 @media (max-width: 425px) {

resources/views/contact_mail.blade.php

@@ -0,0 +1,27 @@
+
+<style>
+		.main-column{
+			display:flex;
+			width:100%;
+		}
+		.column-one{
+			width:50%;
+		}
+	</style>
+
+    <h1>Contact Details</h1>
+    <br />
+    <div class="main-column" style = "display:block; width:100%;">
+      <div class="column-one" style = "display:block; width:100%;">
+        <h3>Please, find out the contact details</h3>
+        <b>Full Name:</b> {{ $full_name }}<br /><br />
+        <b>Email:</b> {{ $email }}<br /><br />
+        <b>Phone:</b> {{$phone}}<br /><br />
+
+        <b>Job Title:</b> {{$job_title}}<br /><br />
+      
+        <b>Message:</b> {{ $contact_message }}<br /><br />
+ 
+      </div>
+    </div>
+

resources/views/welcome.blade.php

@@ -6,7 +6,9 @@
     <meta name="og:image" content="{{url('frontend/images/recruitment.png')}}"/>
 @endsection
 @section('content')
-
+@php  
+          $msg = Session::get('msg') ?? null; 
+        @endphp
     <!-- Start Home -->
     <section class="bg-home" style="background: url('images/recruitment-banner.png') ;">
         <div class="bg-overlay"></div>
@@ -361,27 +363,28 @@
                 <div class="col-xl-7 col-lg-8 col-md-9 col-11 text-center">
                     <div class="card">
                         <h5 class="text-center mb-4">We do recruitment that makes everyone happy.</h5>
-                        <form class="form-card" onsubmit="event.preventDefault()">
+                        <form class="form-card" method = "post" action = "{{url('/contact')}}">
+                        @csrf
                             <div class="row justify-content-between text-left">
                                 <div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Full name<span class="text-danger"> *</span></label> 
-                                    <input type="text" id="fname" name="fname" placeholder="Enter your full name" onblur="validate(1)"> 
+                                    <input type="text" id="fname" name="fname" placeholder="Enter your full name" onblur="validate(1)" required> 
                                 </div>
                                 <div class="form-group col-sm-6 flex-column d-flex"> 
                                     <label class="form-control-label">Email<span class="text-danger"> *</span></label> 
-                                    <input type="text" id="email" name="email" placeholder="Enter your email address" onblur="validate(2)"> 
+                                    <input type="text" id="email" name="email" placeholder="Enter your email address" onblur="validate(2)" required> 
                                 </div>
                             </div>
                             <div class="row justify-content-between text-left">
                                 <div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Phone number<span class="text-danger"> *</span></label> 
-                                    <input type="text" id="mob" name="mob" placeholder="Enter your phone number" onblur="validate(3)"> 
+                                    <input type="text" id="mob" name="mobile" placeholder="Enter your phone number" onblur="validate(3)" required> 
                                 </div>
                                 <div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Job title<span class="text-danger"> *</span></label> 
-                                    <input type="text" id="job" name="job" placeholder="Enter your job title" onblur="validate(4)"> 
+                                    <input type="text" id="job" name="job_title" placeholder="Enter your job title" onblur="validate(4)" required> 
                                 </div>
                             </div>
                             <div class="row justify-content-between text-left">
                                 <div class="form-group col-12 flex-column d-flex"> <label class="form-control-label">Have any queries?<span class="text-danger"> *</span></label> 
-                                    <textarea rows="2" placeholder="Write your message here" id="ans" name="ans"onblur="validate(5)"></textarea>
+                                    <textarea rows="2" placeholder="Write your message here" id="message" name="message"onblur="validate(5)"></textarea>
                                 </div>
                             </div>
                             <div class="row justify-content-end">
@@ -399,7 +402,20 @@
 
 @endsection
 @section('script')
+<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+
+    
     <script>
+        var php_var = "<?php echo $msg; ?>";
+        
+        if(php_var.length !== 0){
+              Swal.fire({
+                  title: 'Submitted!!',
+                  text: php_var,
+                  icon: 'success'
+              })
+        }
         function validate(val) {
         v1 = document.getElementById("fname");
         v2 = document.getElementById("email");

routes/web.php

@@ -1,6 +1,7 @@
 <?php
 
 use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\HomeController;
 
 /*
 |--------------------------------------------------------------------------
@@ -16,3 +17,4 @@ use Illuminate\Support\Facades\Route;
 Route::get('/', function () {
     return view('welcome');
 });
+Route::post('/contact', [HomeController::class, 'contact']);