Commit b919c4db by Hussain Mohamed

Career Page added

parent 7a0b98a6
...@@ -36,9 +36,9 @@ public function contact() ...@@ -36,9 +36,9 @@ public function contact()
public function post_ad() public function career()
{ {
return view('post_ad'); return view('career');
} }
public function privacy_policy() public function privacy_policy()
...@@ -55,9 +55,9 @@ public function terms_condition() ...@@ -55,9 +55,9 @@ public function terms_condition()
return view('pages',compact('record','type')); return view('pages',compact('record','type'));
} }
public function support() public function about()
{ {
return view('support'); return view('about');
} }
public function vendor() public function vendor()
......
...@@ -823,13 +823,15 @@ section, ...@@ -823,13 +823,15 @@ section,
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Hero Section # Hero Section
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.hero { .hero,.hero1 {
position: relative; position: relative;
padding: 120px 0; padding: 30px 0;
background-color: var(--background-color); background-color: var(--background-color);
overflow: hidden; overflow: hidden;
} }
.bgimg{
background-image: url('../img/career.png') !important;
}
.hero::before { .hero::before {
content: ""; content: "";
position: absolute; position: absolute;
...@@ -837,13 +839,28 @@ section, ...@@ -837,13 +839,28 @@ section,
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("../img/construction/showcase-5.webp"); background-image: url("../img/about.jpg");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
opacity: 0.05;
z-index: 0; z-index: 0;
} }
.bgimg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../img/career.png");
background-size: cover;
background-position: center;
z-index: 0;
}
#hero{
height: 350px !important;
}
.hero .container { .hero .container {
position: relative; position: relative;
z-index: 1; z-index: 1;
...@@ -853,7 +870,7 @@ section, ...@@ -853,7 +870,7 @@ section,
margin-bottom: 30px; margin-bottom: 30px;
} }
.hero .hero-content .subtitle { .hero .hero1 .hero-content .subtitle {
display: inline-block; display: inline-block;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
...@@ -865,7 +882,7 @@ section, ...@@ -865,7 +882,7 @@ section,
padding-left: 25px; padding-left: 25px;
} }
.hero .hero-content .subtitle::before { .hero .hero1 .hero-content .subtitle::before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -876,7 +893,7 @@ section, ...@@ -876,7 +893,7 @@ section,
transform: translateY(-50%); transform: translateY(-50%);
} }
.hero .hero-content h1 { .hero .hero1 .hero-content h1 {
font-size: 48px; font-size: 48px;
font-weight: 700; font-weight: 700;
margin-bottom: 20px; margin-bottom: 20px;
...@@ -5183,3 +5200,12 @@ section, ...@@ -5183,3 +5200,12 @@ section,
.form-control{ .form-control{
background-color: #f9fafb !important; background-color: #f9fafb !important;
} }
.bt{
background-color: #b9a16b !important;
color:#fff;
}
.ft{
color:#b9a16b;
}
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
const selectBody = document.querySelector('body'); const selectBody = document.querySelector('body');
const selectHeader = document.querySelector('#header'); const selectHeader = document.querySelector('#header');
if (!selectHeader.classList.contains('scroll-up-sticky') && !selectHeader.classList.contains('sticky-top') && !selectHeader.classList.contains('fixed-top')) return; if (!selectHeader.classList.contains('scroll-up-sticky') && !selectHeader.classList.contains('sticky-top') && !selectHeader.classList.contains('fixed-top')) return;
window.scrollY > 100 ? selectBody.classList.add('scrolled') : selectBody.classList.remove('scrolled'); window.scrollY > 150 ? selectBody.classList.add('scrolled') : selectBody.classList.remove('scrolled');
} }
document.addEventListener('scroll', toggleScrolled); document.addEventListener('scroll', toggleScrolled);
...@@ -73,23 +73,23 @@ ...@@ -73,23 +73,23 @@
/** /**
* Scroll top button * Scroll top button
*/ */
let scrollTop = document.querySelector('.scroll-top'); // let scrollTop = document.querySelector('.scroll-top');
function toggleScrollTop() { // function toggleScrollTop() {
if (scrollTop) { // if (scrollTop) {
window.scrollY > 100 ? scrollTop.classList.add('active') : scrollTop.classList.remove('active'); // window.scrollY > 100 ? scrollTop.classList.add('active') : scrollTop.classList.remove('active');
} // }
} // }
scrollTop.addEventListener('click', (e) => { // scrollTop.addEventListener('click', (e) => {
e.preventDefault(); // e.preventDefault();
window.scrollTo({ // window.scrollTo({
top: 0, // top: 0,
behavior: 'smooth' // behavior: 'smooth'
}); // });
}); // });
window.addEventListener('load', toggleScrollTop); // window.addEventListener('load', toggleScrollTop);
document.addEventListener('scroll', toggleScrollTop); // document.addEventListener('scroll', toggleScrollTop);
/** /**
* Animation on scroll function and init * Animation on scroll function and init
......
@include('base.header') @extends('app_layout')
@section('title','About Us')
@section('content')
<main class="main">
<section id="hero" class="hero section">
<div class="container aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<section class="container about-con mt-5"> <div class="row align-items-center">
<div class="col-lg-12">
<div class="aos-init aos-animate" data-aos="fade-right" data-aos-delay="200">
<h1 class="hfive text-white text-center font-bold">About Us</h1>
<p class="text-center text-white mt-5">We are the exclusive distributors for Samsung Consumer Electronics & Appliances for Chennai & <br>Suburbs. And Authorized distributors for Samsung Commercial TV & Displays, Newline <br>Interactive Displays & IFB Industrial laundry & Dishwashers</p>
</div>
</div>
<div class="row">
<div class="col-12">
<h1>About Us</h1>
</div> </div>
<div class="col-12"> </div>
<p>
Welcome to Find Flicker, your go-to on-demand service provider, revolutionizing the way users
connect with service professionals. Our mission is to eliminate the hassle of searching for
reliable vendors by offering a seamless and efficient platform that instantly matches users
with available service providers based on their location and needs.
</p>
</div>
<div class="col-12">
<h2>Our Story</h2>
</div>
<div class="col-12">
<p>
Find Flicker was founded with a simple yet powerful vision: to save users time and effort in
finding the right service professionals. In today’s fast-paced world, searching for reliable
vendors can be a time-consuming and frustrating experience. We recognized this challenge and
created Find Flicker as a solution that bridges the gap between service seekers and skilled
providers through real-time technology.
</p>
</div>
<div class="col-12">
<h2>How Find Flicker Works</h2>
</div>
<div class="col-12">
<ol>
<li>
<strong>User Requests a Service:</strong>
Whether it’s home repairs, cleaning, plumbing, electrical work, or any other service,
users submit their requests on the Find Flicker website.
</li>
<li>
<strong>Instant Vendor Notification:</strong>
Our intelligent system immediately alerts nearby service providers via our mobile app,
ensuring that only available professionals respond.
</li>
<li>
<strong>Fast Response & Confirmation:</strong>
The first vendor who accepts the request is assigned, and their contact details are
instantly shared with the user via WhatsApp for direct communication.
</li>
<li> </section>
<strong>Quick & Reliable Service:</strong> <!-- Page Title -->
The assigned vendor arrives at the user’s location, ready to complete the job efficiently <div class="page-title ">
and professionally. <div class="container">
</li> <div class="row g-4">
</ol> <div class="col-lg-3">
</div>
<div class="col-12">
<h2>Why Choose Find Flicker?</h2>
</div>
<div class="col-12"> </div>
<ol> <div class="col-lg-7">
<li> <h1 class="text-center hfive mb-5">The Company</h1>
<strong>Time-Saving Convenience:</strong>
No more endless searches or waiting for callbacks—Find Flicker finds the right provider instantly.
</li>
<li> <div class="wpb_wrapper">
<strong>Verified & Reliable Vendors:</strong> <p>Our Company <strong>Palaniappa Electronics</strong> is a partnership concern established on June 2004. <strong>We are a 150+ crores company as on FY 2023-24.</strong><br>
We onboard service professionals who meet our quality and reliability standards. We have two divisions. One is Distribution &amp; another is projects supplies.</p>
</li> <p><strong>In Distribution Business,</strong><br>
We are currently the Exclusive distributor of Samsung’s Consumer Electronics and Home Appliances for Chennai City, Suburbs &amp; surrounding districts of Chennai. We cater to 300+ dealers in Chennai &amp; Sub-urban market. We are associated with Samsung since May 2015.</p>
<p>We were initially distributors for LG Electronics India Ltd for 11 years from June 2004 to Apr 2015. We also handled distribution of SONY Electronics for 2 years from 2007 to 2008 (for South Arcot District) In addition to that we were also distributors for Godrej (Home Appliance Division) for 6 years from Aug 2009 to Dec 2015. We were also the distributors for Elgi Ultra Industries (wet grinders) for 2 years from 2011 to 2013. We were also the distributors for Kenstar ( Air coolers) for 3 years from 2010 to 2013</p>
<p><strong>In Projects Business,</strong><br>
We are distributors of Samsung Hospitality TV, Sony Signage Displays, LG Touch Interactive displays, Globus Interactive displays and end to end education solutions, Qlite LED walls, Panasonic Building mapping projectors, Logitech Video Conferencing, Samsung Enterprise Mobility Solutions(Mobiles, Tabs &amp; Accessories), IFB Industrial Laundry &amp; dish washing solutions, Elanpro – Bluestar – Voltas Commercial Water coolers, dispensers, Chiller &amp; Freezers, Godrej Medical chillers &amp; freezers, in Commercial &amp; Room Air Conditioners we do Samsung, Voltas, Mitsubishi, Haier, Hitachi, Panasonic &amp; O-General. We also supply Hotel &amp; Hospital Amenities.</p>
<p>Here we cater to Hotels, Hospitals, Educational Institution, Corporates &amp; Manufacturing for Tamil Nadu, Pondicherry, Andaman Islands.</p>
<h1 class="text-center hfive mb-5">The Team</h1>
<div class="wpb_wrapper">
<p><strong>Our company Palaniappa Electronics is currently represented by its partners Mr. Solaiappan.M, Mrs. Adaikkammai.S, Mr. Muthu.S &amp; Mr. Alagappan.S This is a family run business </strong></p>
<p><strong>Our Staff strength is 50+, Our warehouse is 20,000 sq,ft &amp; Our Experience Center is 2000 Sq.ft. We have separate sales teams for each vertical.</strong></p>
<li> </div>
<strong>Real-Time Matching:</strong> </div>
Our technology ensures that you get service providers available at the moment you need them. </div>
</li>
<li> </div>
<strong>Direct & Seamless Communication:</strong>
Get vendor details directly via WhatsApp, allowing you to coordinate quickly and easily.
</li>
<li>
<strong>Wide Range of Services:</strong>
From home maintenance to lifestyle services, we cater to diverse needs.
</li>
</ol>
</div>
<div class="col-12">
<h2>Our Commitment</h2>
</div>
<div class="col-12">
<p>
At Find Flicker, we are committed to enhancing the service experience for both users and vendors.
We strive to create a trusted ecosystem where users receive quality service, and providers gain access
to a broader customer base. Our vision is to continually innovate and refine our platform to offer the best on-demand service experience possible.
Join us in redefining convenience and efficiency—because with Find Flicker, finding a service provider is just a request away!
</p>
</div> </div>
</div><!-- End Page Title -->
</div> @endsection
\ No newline at end of file
</section>
<!-- ================= FOOTER START ================= -->
@include('base.footer')
</body>
</html>
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<div class="col-lg-3 col-6 footer-links"> <div class="col-lg-3 col-6 footer-links">
<h4>COMPANY</h4> <h4>COMPANY</h4>
<ul> <ul>
<li><a href="#">About us</a></li> <li><a href="<?= route('about-us') ?>">About us</a></li>
<li><a href="<?= route('contact') ?>">Contact</a></li> <li><a href="<?= route('contact') ?>">Contact</a></li>
<li><a href="#">Career</a></li> <li><a href="#">Career</a></li>
</ul> </ul>
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
</footer> </footer>
<!-- Scroll Top --> <!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> -->
<!-- Preloader --> <!-- Preloader -->
<div id="preloader"></div> <div id="preloader"></div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
...@@ -31,8 +32,8 @@ ...@@ -31,8 +32,8 @@
</head> </head>
<body class="index-page"> <body class="">
<header id="header" class="header sticky-top"> <header id="header" class="header sticky-top">
<div class="topbar d-flex align-items-center dark-background"> <div class="topbar d-flex align-items-center dark-background">
...@@ -61,12 +62,11 @@ ...@@ -61,12 +62,11 @@
<nav id="navmenu" class="navmenu"> <nav id="navmenu" class="navmenu">
<ul> <ul>
<li><a href="<?= route('/') ?>" class="active">Home</a></li> <li><a href="<?= route('/') ?>" class="<?= (request()->is('/')) ? 'active':'' ?>">Home</a></li>
<li><a href="about.html">About Us</a></li> <li><a href="<?= route('about-us') ?>" class="<?= (request()->is('about-us')) ? 'active':'' ?>">About Us</a></li>
<li><a href="services.html">Products</a></li> <li><a href="services.html">Products</a></li>
<li><a href="projects.html">Blog</a></li> <li><a href="<?= route('career') ?>" class="<?= (request()->is('career')) ? 'active':'' ?>">Career</a></li>
<li><a href="team.html">Career</a></li> <li><a href="<?= route('contact') ?>" class="<?= (request()->is('contact')) ? 'active':'' ?>">Contact</a></li>
<li><a href="<?= route('contact') ?>">Contact</a></li>
</ul> </ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav> </nav>
......
@extends('app_layout')
@section('title','Career')
@section('content')
<main class="main">
<section id="hero" class="hero section bgimg" >
<div class="container aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="aos-init aos-animate" data-aos="fade-right" data-aos-delay="200">
<div class="text-center">
<button class="btn btn-sm bt mt-5">CAREER</button>
</div>
<h1 class="hfive text-white text-center">Want to work <br> with us?</h1>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact section">
<div class="container">
<div class="row g-4">
<!-- <div class="col-lg-3"></div> -->
<div class="col-lg-5 mx-auto">
<div class="contact-form-panel">
<div class="form-container">
<span class="ft">CAREER</span>
<h5 class="hfive text-dark">We’re ready, Let’s <br>talk.</h5>
<p>Contact us to find out more or how we can help you <br>better.</p>
<form action="forms/contact.php" method="post" class="php-email-form">
<div class="form-floating mb-3">
<input type="text" class="form-control" id="nameInput" name="name" placeholder="Name" required="">
<label for="nameInput"> Name</label>
</div>
<div class="form-floating mb-3">
<input type="email" class="form-control" id="emailInput" name="email" placeholder="Email Address" required="">
<label for="emailInput">Email/Mobile Number</label>
</div>
<div class="form-floating mb-3">
<textarea class="form-control" rows="5" id="messageInput" name="message" rows="5" placeholder="Your Message" style="height: 150px" required=""></textarea>
<label for="messageInput">Message</label>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<br>
<div class="form-floating mt-3">
<input type="file" id="file" name="file" required="">
</div>
<div class="d-grid">
<button type="submit" class="btn-submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="contact-wrapper">
</div>
</div>
</section>
@endsection
\ No newline at end of file
...@@ -25,6 +25,8 @@ ...@@ -25,6 +25,8 @@
Route::get('contact', [FrontendController::class, 'contact'])->name('contact'); Route::get('contact', [FrontendController::class, 'contact'])->name('contact');
Route::get('privacy-policy', [FrontendController::class, 'privacy_policy'])->name('privacy-policy'); Route::get('privacy-policy', [FrontendController::class, 'privacy_policy'])->name('privacy-policy');
Route::get('terms-conditions', [FrontendController::class, 'terms_condition'])->name('terms-conditions'); Route::get('terms-conditions', [FrontendController::class, 'terms_condition'])->name('terms-conditions');
Route::get('about-us', [FrontendController::class, 'about'])->name('about-us');
Route::get('career', [FrontendController::class, 'career'])->name('career');
Route::get('/request-waiting/{token}', [FrontendController::class, 'requestWaiting']) Route::get('/request-waiting/{token}', [FrontendController::class, 'requestWaiting'])
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment