From 556899722662fff4dcf45223234ce5367b8b2412 Mon Sep 17 00:00:00 2001 From: imadhigp Date: Wed, 8 Jul 2026 23:36:14 +0530 Subject: [PATCH] 4th commit --- resources/views/apply.blade.php | 484 ++++++++++++-------------- resources/views/courses.blade.php | 374 +++++++++++++++----- resources/views/layouts/app.blade.php | 55 ++- resources/views/signup.blade.php | 250 ++++++------- resources/views/students.blade.php | 382 ++++++++++---------- resources/views/welcome.blade.php | 386 ++++++++++---------- 6 files changed, 1064 insertions(+), 867 deletions(-) diff --git a/resources/views/apply.blade.php b/resources/views/apply.blade.php index ae4b282..62765c9 100644 --- a/resources/views/apply.blade.php +++ b/resources/views/apply.blade.php @@ -17,7 +17,7 @@ } .hero { - height: 350px; + height: 220px; /* Hero එකේ උස තවත් අඩු කළා */ background: linear-gradient(rgba(20,20,20,.55),rgba(20,20,20,.55)), url('https://images.unsplash.com/photo-1517520287167-4bbf64a00d66?auto=format&fit=crop&w=1600&q=80'); background-size: cover; @@ -29,51 +29,63 @@ } .hero h1 { - font-size: 55px; + font-size: 32px; font-weight: bold; + margin: 0; } .apply-area { - margin-top: -70px; - margin-bottom: 70px; + margin-top: -40px; + margin-bottom: 40px; + } + + + .form-container-sm { + max-width: 820px; + margin: 0 auto; } .form-card { background: white; - border-radius: 15px; + border-radius: 10px; overflow: hidden; - box-shadow: 0 20px 50px rgba(0,0,0,.15); + box-shadow: 0 10px 30px rgba(0,0,0,.08); } .form-header { - background: #887582; + background: var(--primary); color: white; - padding: 25px 40px; + padding: 15px 25px; } .form-header h2 { margin: 0; + font-size: 20px; font-weight: bold; } .section-title { - background: #887582; + background: var(--primary); color: white; - padding: 14px 20px; - margin-top: 40px; - margin-bottom: 30px; - font-size: 20px; - border-radius: 8px; + padding: 8px 12px; + margin-top: 22px; + margin-bottom: 15px; + font-size: 14px; + border-radius: 5px; + font-weight: 600; } .form-label { font-weight: 600; + font-size: 13px; + margin-bottom: 4px; } .form-control, .form-select { - border-radius: 8px; - padding: 12px; + border-radius: 5px; + padding: 6px 10px; + font-size: 13px; } .required { @@ -84,272 +96,234 @@ background: var(--primary); color: white; border: none; - padding: 12px 30px; - font-size: 18px; + padding: 8px 20px; + font-size: 15px; font-weight: bold; - /* border-radius: 8px; */ + border-radius: 30px; cursor: pointer; width: 100%; + transition: 0.3s ease; + } + + .submit-btn:hover { + background: var(--secondary); + transform: translateY(-1px); + } + + + .mb-3-custom { + margin-bottom: 0.75rem !important; }

Course Enrolment Form

-

Automobile Engineering Academy

+

Automobile Engineering Academy

-
-
-

- - Course Enrolment Form -

-
+ +
+
+
+

+ + Course Enrolment Form +

+
-
-
- @csrf +
+ + @csrf -
- Student Information -
- -
-
- - + {{-- STUDENT INFORMATION --}} +
+ Student Information
-
- - +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
-
- - + {{-- CONTACT INFORMATION --}} +
+ Contact Information
-
- - -
+
+
+ + +
+
+ + +
-
- - -
- - -
- - -
-
- - -
- -
- - -
- -
- -
- Contact Information -
- -
-
- - -
- -
- - -
- - -
- - -
- - -
- - -
-
- - - - - -
- Education -
- -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - - - Upload O/L, A/L, NVQ, Diploma or other educational certificates. - -
- -
- - - - - - -
- Emergency Contacts -
- -
-
- - -
- -
- - -
+
+ + +
-
- +
+ + +
+
-
- - -
+ {{-- EDUCATION --}} +
+ Education +
-
- -
+
+
+ + +
- +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + {{-- EMERGENCY CONTACTS --}} +
+ Emergency Contacts +
+ +
+
+ + +
+ +
+ + +
+
+ + {{-- TERMS AND CONDITIONS --}} +
+ + +
+ +
+ +
+ + +
diff --git a/resources/views/courses.blade.php b/resources/views/courses.blade.php index 22f1143..def68b6 100644 --- a/resources/views/courses.blade.php +++ b/resources/views/courses.blade.php @@ -9,6 +9,9 @@ --primary:#5E244E; --secondary:#8B3A74; --light:#f8f4f7; + --card-border: #efeff4; + --text-muted: #6a6f73; + --success-green: #1f8a4c; } .hero { @@ -40,9 +43,9 @@ position: relative; display: flex; box-shadow: 0 8px 25px rgba(0,0,0,0.1); - /* border-radius: 30px; */ overflow: hidden; background: #fff; + border-radius: 100px; } .search-box input { @@ -68,55 +71,195 @@ background: var(--secondary); } - - -.course-card{ - border:none; - border-radius:15px; - overflow:hidden; - transition:.4s; +/* --- Udemy Style Course Card --- */ +.course-card { + border: 1px solid var(--card-border); + border-radius: 20px; + overflow: hidden; + background: #fff; + transition: transform 0.3s ease, box-shadow 0.3s ease; + box-shadow: none; } -.course-card:hover{ - transform:translateY(-8px); - box-shadow:0 15px 35px rgba(0,0,0,.15); +.course-card:hover { + transform: translateY(-5px); + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } -.course-card img{ - height:230px; - object-fit:cover; +.course-image-wrapper { + padding: 16px 16px 0 16px; } -.badge-course{ - background:#887582; - color:#fff; - padding:8px 15px; - border-radius:30px; - font-size:13px; - font-weight:30px; +.course-card img { + height: 190px; + width: 100%; + object-fit: cover; + border-radius: 14px; } -.read-btn{ - background:var(--primary); - color:#fff; - /* border-radius:30px; */ - padding:10px 25px; - font-weight: 40px; +.course-card .card-body { + padding: 20px 24px 24px 24px; + display: flex; + flex-direction: column; } -.read-btn:hover{ - background:var(--secondary); - color:#fff; +.course-title { + font-size: 21px; + font-weight: 700; + line-height: 1.3; + color: #1c1d1f; + margin-bottom: 6px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + height: 55px; } -.info-box{ - background:#fff; - border-radius:15px; - padding:25px; - box-shadow:0 5px 20px rgba(0,0,0,.08); +.course-author { + font-size: 14px; + color: var(--text-muted); + margin-bottom: 8px; +} + +.course-short-desc { + font-size: 14px; + color: #4f5357; + margin-bottom: 12px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + height: 42px; + line-height: 1.5; +} + +.course-meta-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + margin-bottom: 14px; +} + +.badge-bestseller { + background-color: #ece3f1; + color: var(--primary); + font-weight: 700; + font-size: 11px; + padding: 3px 10px; + border-radius: 4px; + text-transform: uppercase; +} + +.rating-star { + color: #b4690e; + font-weight: 700; + font-size: 14px; + display: flex; + align-items: center; + gap: 4px; +} + +.rating-count { + color: var(--text-muted); + font-size: 13px; +} + +.course-features { + display: flex; + gap: 15px; + font-size: 13px; + color: var(--success-green); + margin-bottom: 18px; + font-weight: 500; +} + +.course-features span i { + margin-right: 4px; +} + +.course-footer { + margin-top: auto; +} + +.read-btn { + background: var(--primary); + color: #fff; + padding: 12px 20px; + font-weight: 600; + border-radius: 8px; + font-size: 15px; + transition: 0.2s; + border: none; + text-decoration: none; + display: block; + text-align: center; +} + +.read-btn:hover { + background: var(--secondary); + color: #fff; +} + +/* --- Modernized Why Study With Us Section --- */ +.features-section { + background-color: #f8f9fa; + border-radius: 24px; + padding: 60px 40px; + margin-bottom: 60px; +} + +.features-section h2 { + font-size: 32px; + font-weight: 700; + color: #1c1d1f; + margin-bottom: 40px; +} + +.feature-box { + background: #fff; + padding: 30px 24px; + border-radius: 16px; + height: 100%; + transition: all 0.3s ease; + border: 1px solid #efeff4; + text-align: left; +} + +.feature-box:hover { + transform: translateY(-5px); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); + border-color: var(--primary); +} + +.feature-icon-wrapper { + width: 50px; + height: 50px; + background-color: #ece3f1; + color: var(--primary); + border-radius: 12px; + display: flex; + align-items: center; + justify-content: center; + font-size: 22px; + margin-bottom: 20px; +} + +.feature-box h5 { + font-size: 18px; + font-weight: 700; + color: #1c1d1f; + margin-bottom: 10px; +} + +.feature-box p { + font-size: 14px; + color: var(--text-muted); + margin-bottom: 0; + line-height: 1.5; } -/* No results message styling */ #noResults { font-size: 18px; font-weight: bold; @@ -153,42 +296,66 @@ $courses=[ 'title'=>'Diploma in Automotive Engineering', 'duration'=>'2 Years', 'level'=>'Diploma', - 'description'=>'Learn engine systems, diagnostics, vehicle maintenance, workshop practices and modern automotive technologies.', + 'author'=>'Automotive Engineering Dept.', + 'desc'=>'Master engine diagnostics, modern hybrid vehicle maintenance, and advanced automotive electrical systems with hands-on labs.', + 'students'=>'1,240 students enrolled', + 'rating'=>'4.9', + 'badge'=>'Popular' ], [ 'image'=>'https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=900&q=80', 'title'=>'Mechanical Systems Technology', 'duration'=>'18 Months', 'level'=>'Certificate', - 'description'=>'Study suspension, steering, transmission, braking systems and practical repair techniques.', + 'author'=>'Tech & Service Campus', + 'desc'=>'Comprehensive training on vehicle suspension, transmissions, steering, braking mechanisms, and professional repair workshop skills.', + 'students'=>'850 students enrolled', + 'rating'=>'4.7', + 'badge'=>'Bestseller' ], [ 'image'=>'https://images.unsplash.com/photo-1502877338535-766e1452684a?auto=format&fit=crop&w=900&q=80', 'title'=>'Electric Vehicle Technology', 'duration'=>'1 Year', 'level'=>'Advanced', - 'description'=>'Explore EV batteries, charging infrastructure, electric drivetrains and smart mobility systems.', + 'author'=>'EV Research Institute', + 'desc'=>'Dive into the future of mobility. Learn about smart EV battery packs, fast charging infrastructures, and high-voltage safety.', + 'students'=>'640 students enrolled', + 'rating'=>'4.8', + 'badge'=>'New' ], [ - 'image'=>'https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&w=900&q=80', - 'title'=>'Hybrid Vehicle Maintenance', - 'duration'=>'10 Months', - 'level'=>'Professional', - 'description'=>'Learn hybrid engine operation, diagnostics and maintenance procedures.', + 'image'=>'https://images.unsplash.com/photo-1616788494707-ec28f08d05a1?auto=format&fit=crop&w=900&q=80', + 'title'=>'Advanced EFI Engine Tuning & Diagnostic', + 'duration'=>'6 Months', + 'level'=>'Expert', + 'author'=>'Performance Tuning Lab', + 'desc'=>'Learn professional ECU remapping, electronic fuel injection (EFI) tuning, sensor calibration, and master high-end oscilloscope diagnostics.', + 'students'=>'420 students enrolled', + 'rating'=>'4.9', + 'badge'=>'Hot & New' ], [ - 'image'=>'https://images.unsplash.com/photo-1504215680853-026ed2a45def?auto=format&fit=crop&w=900&q=80', - 'title'=>'Auto Electrical Systems', + 'image'=>'https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?auto=format&fit=crop&w=900&q=80', + 'title'=>'Hybrid & Plug-in Hybrid Masterclass', 'duration'=>'8 Months', - 'level'=>'Certificate', - 'description'=>'Understand vehicle wiring, sensors, ECU systems and electronic diagnostics.', + 'level'=>'Professional', + 'author'=>'Automotive Engineering Dept.', + 'desc'=>'Specialized training in Toyota/Honda Hybrid Synergy Drive systems, inverter repairs, planetary gearboxes, and live diagnostic scanner masterclass.', + 'students'=>'980 students enrolled', + 'rating'=>'4.8', + 'badge'=>'Top Rated' ], [ 'image'=>'https://images.unsplash.com/photo-1517524008697-84bbe3c3fd98?auto=format&fit=crop&w=900&q=80', - 'title'=>'Automobile Service Technician', + 'title'=>'Automotive Body Electronics & Comfort Systems', 'duration'=>'1 Year', - 'level'=>'NVQ', - 'description'=>'Hands-on training in servicing, repairing and maintaining modern vehicles.', + 'level'=>'Diploma', + 'author'=>'Tech & Service Campus', + 'desc'=>'Covering modern CAN-bus/LIN-bus communication networks, SRS airbag systems, ABS/ESP braking electronics, and smart climate control.', + 'students'=>'510 students enrolled', + 'rating'=>'4.6', + 'badge'=>'Trending' ], ]; @endphp @@ -204,23 +371,31 @@ $courses=[ @foreach($courses as $course)
- {{ $course['title'] }} +
+ {{ $course['title'] }} +
- - {{ $course['level'] }} - -

- {{ $course['title'] }} -

-

- {{ $course['description'] }} -

-
-
- Duration - {{ $course['duration'] }} +

{{ $course['title'] }}

+
{{ $course['author'] }}
+ +

{{ $course['desc'] }}

+ +
+ {{ $course['badge'] }} + + {{ $course['rating'] }} + + ({{ $course['students'] }}) +
+ +
+ Practical Labs + Verified ({{ $course['duration'] }}) +
+ + - Apply Course
@@ -230,28 +405,58 @@ $courses=[
+{{-- Modernized Why Study With Us Section --}}
-
-

Why Study With Us?

-
-
-

-

Experienced Lecturers

+
+

Why Study With Us?

+ +
+ +
+
+
+ +
+
Experienced Lecturers
+

Learn from certified automotive industry experts and senior engineers.

+
-
-

-

Modern Workshops

+ + +
+
+
+ +
+
Modern Workshops
+

Get hands-on experience with latest diagnostic tools and hybrid lab setups.

+
-
-

-

Industry Certification

+ + +
+
+
+ +
+
Industry Certification
+

Earn internationally recognized qualifications to boost your career global scale.

+
-
-

-

Career Guidance

+ + +
+
+
+ +
+
Career Guidance
+

Free job placement support, resume building, and interview preparation workshops.

+
+
@@ -264,11 +469,9 @@ document.getElementById('courseSearch').addEventListener('keyup', function() { courseItems.forEach(function(item) { let title = item.querySelector('.course-title').textContent.toLowerCase(); - let level = item.querySelector('.course-level').textContent.toLowerCase(); - let desc = item.querySelector('.course-desc').textContent.toLowerCase(); + let desc = item.querySelector('.course-short-desc').textContent.toLowerCase(); - - if (title.includes(filter) || level.includes(filter) || desc.includes(filter)) { + if (title.includes(filter) || desc.includes(filter)) { item.style.setProperty('display', '', 'important'); hasResults = true; } else { @@ -276,7 +479,6 @@ document.getElementById('courseSearch').addEventListener('keyup', function() { } }); - let noResultsMsg = document.getElementById('noResults'); if (hasResults) { noResultsMsg.classList.add('d-none'); diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index 67e1011..ed10445 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -13,7 +13,8 @@ body { font-family: 'Segoe UI', sans-serif; background: #f5f7fb; - padding-top: 80px; + /* 80px තිබුණු එක 56px කළා, එවිට අනවශ්‍ය space එක ඉවත් වේ */ + padding-top: 56px; } .navbar { @@ -23,6 +24,7 @@ top: 0; left: 0; width: 100%; + box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .navbar-brand { @@ -36,11 +38,14 @@ } .nav-link { - color: white !important; + color: rgba(255, 255, 255, 0.85) !important; margin-left: 20px; + transition: 0.2s ease; } - .nav-link:hover { + /* දැනට ඉන්න පිටුව හෝ hover වන විට පැහැදිලිව පෙනීමට */ + .nav-link:hover, + .nav-link.active-page { color: #ffc107 !important; } @@ -154,13 +159,13 @@ -
@@ -305,7 +311,6 @@ function submitLogout() { .then(data => { if (data.success) { alert('Logged out successfully!'); - window.location.href = '/'; } else { alert('Logout failed. Please try again.'); @@ -316,20 +321,6 @@ function submitLogout() { alert('Server side error occurred during logout.'); }); } - -function toggleUserDropdown(event) { - event.stopPropagation(); - const dropdown = document.getElementById('userDropdownContent'); - if (dropdown) { - dropdown.style.display = dropdown.style.display === 'block' ? 'none' : 'block'; - } -} - -window.addEventListener('click', function () { - const dropdown = document.getElementById('userDropdownContent'); - if (dropdown) { dropdown.style.display = 'none'; } -}); - \ No newline at end of file diff --git a/resources/views/signup.blade.php b/resources/views/signup.blade.php index 18b718c..08ff522 100644 --- a/resources/views/signup.blade.php +++ b/resources/views/signup.blade.php @@ -6,231 +6,241 @@ @endpush @section('content') -
-
- - - -
+
+
+

Student Registration

-

- Student Registration -

- -
+ @csrf
- + + @error('first_name') + {{ $message }} + @enderror
- + + @error('last_name') + {{ $message }} + @enderror
- + + @error('email') + {{ $message }} + @enderror
- + + @error('phone') + {{ $message }} + @enderror
- -
- + + @error('password') + {{ $message }} + @enderror
- +
-
+
-
-
-

Already have an account?

- - Sign In - +

Already have an account? Sign In

-
-
- @endsection \ No newline at end of file diff --git a/resources/views/students.blade.php b/resources/views/students.blade.php index 3cf4ba7..7d10898 100644 --- a/resources/views/students.blade.php +++ b/resources/views/students.blade.php @@ -13,11 +13,11 @@ .hero{ background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)), -url('https://images.pexels.com/photos/3802510/pexels-photo-3802510.jpeg'); + url('https://images.pexels.com/photos/3802510/pexels-photo-3802510.jpeg'); background-size:cover; background-position:center; color:#fff; - padding:120px 0; + padding:80px 0; text-align:center; } @@ -48,38 +48,48 @@ url('https://images.pexels.com/photos/3802510/pexels-photo-3802510.jpeg'); .btn-portal{ background:#5E244E; color:#fff; - padding:10px 30px; + border: none; + transition: 0.2s ease; } .btn-portal:hover{ background:#8B3A74; color:#fff; } - - + .modal-content { border: none; - border-radius: 12px; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + border-radius: 16px; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } .modal-header { - background-color: #f8fafc; - border-bottom: 1px solid #e2e8f0; - border-top-left-radius: 12px; - border-top-right-radius: 12px; + background: transparent; + border-bottom: none; + padding: 25px 25px 10px; } .modal-title { - color: #8B3A74; - font-weight: 600; - align-item:center; - margin-left: 134px; + color: var(--primary); + font-weight: 700; + font-size: 1.35rem; +} + +.modal-body { + padding: 10px 25px 20px; +} + + +.input-group-text { + background-color: #f8fafc; + border-color: #cbd5e1; + color: #64748b; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } - .form-label { color: #475569; font-weight: 500; @@ -88,28 +98,67 @@ url('https://images.pexels.com/photos/3802510/pexels-photo-3802510.jpeg'); .form-control { border: 1px solid #cbd5e1; - - padding: 0.6rem 0.75rem; + padding: 0.65rem 0.75rem; + font-size: 0.95rem; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; transition: all 0.2s ease; } - .form-control:focus { - border-color: #a5b4fc; - box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15); + border-color: var(--secondary); + box-shadow: 0 0 0 4px rgba(139, 58, 116, 0.12); outline: 0; } + +.input-group:focus-within .input-group-text { + border-color: var(--secondary); + color: var(--secondary); +} + .modal-footer { - background-color: #f8fafc; - border-top: 1px solid #e2e8f0; - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - + background: transparent; + border-top: none; + padding: 0 25px 30px; +} + + +.btn-modal-cancel { + background: transparent; + border: 1.5px solid #cbd5e1; + color: #64748b; + font-weight: 600; + padding: 10px 0; + transition: all 0.2s; + width: 100%; +} + +.btn-modal-cancel:hover { + background: #f1f5f9; + color: #334155; + border-color: #94a3b8; +} + +.btn-modal-login { + background: var(--primary); + color: #fff; + border: none; + font-weight: 600; + padding: 10px 0; + box-shadow: 0 4px 12px rgba(94, 36, 78, 0.2); + transition: all 0.2s; + width: 100%; +} + +.btn-modal-login:hover { + background: var(--secondary); + color: #fff; + transform: translateY(-1px); + box-shadow: 0 6px 15px rgba(94, 36, 78, 0.3); } -

Student Portal

@@ -119,209 +168,170 @@ url('https://images.pexels.com/photos/3802510/pexels-photo-3802510.jpeg');

- + Student Login +
-
-
+
+
+

Student Services

+

+ Everything you need during your academic journey. +

+
-
-

Student Services

-

- Everything you need during your academic journey. -

-
+
+
+
+
+ +
+

My Courses

+

View enrolled courses and learning materials.

+
+
-
+
+
+
+ +
+

Class Timetable

+

Check your weekly lecture schedule.

+
+
-
-
-
- -
-

My Courses

-

-View enrolled courses and learning materials. -

-
-
+
+
+
+ +
+

Assignments

+

Submit assignments and download resources.

+
+
-
-
-
- -
-

Class Timetable

-

-Check your weekly lecture schedule. -

-
-
+
+
+
+ +
+

Exam Results

+

View semester and final examination results.

+
+
-
-
-
- -
-

Assignments

-

-Submit assignments and download resources. -

-
-
+
+
+
+ +
+

Fee Payments

+

Pay course fees and download payment receipts.

+
+
-
-
-
- -
-

Exam Results

-

-View semester and final examination results. -

-
-
- -
-
-
- -
-

Fee Payments

-

-Pay course fees and download payment receipts. -

-
-
- -
-
-
- -
-

Student Profile

-

-Update your personal information securely. -

-
-
- -
- -
+
+
+
+ +
+

Student Profile

+

Update your personal information securely.

+
+
+
+
-
-
+
+
+

Quick Links

+
-
-

Quick Links

-
- - - -
+ +
-
-
- -

Ready to Access Your Student Account?

- -

-Log in to manage your academic activities and stay updated. -

- - - - -
+
+

Ready to Access Your Student Account?

+

Log in to manage your academic activities and stay updated.

+ +
- - - -