This commit is contained in:
imadhigp 2026-08-07 14:35:03 +05:30
parent d71dc7ef62
commit e81d20fd50
2 changed files with 64 additions and 13 deletions

View File

@ -408,19 +408,19 @@ body {
</div>
<div class="col-md-6 animate-item slide-right-init">
<h2 class="fw-bold mb-3">Who We Are</h2>
<p class="text-muted fs-5">
Our institute specializes in automotive engineering education,
offering hands-on training in modern vehicle technologies,
mechanical systems, and electric vehicles.
<h2 class="fw-bold mb-3">Vision</h2>
<p class="text-muted fs-5" style="justfy-content: justify;">
To be a global leader in automotive education, driving the future of mobility by empowering the next generation of engineers, technicians, and innovators.
</p>
<p class="text-muted mb-4">
We focus on building skilled professionals who are ready for
the global automotive industry.
<h2 class="fw-bold mb-3">Mission</h2>
<p class="text-muted fs-5" style="justfy-content: justify;">
To foster technical mastery and critical thinking through immersive, practical learning environments, strong industry partnerships, and a commitment to eco-friendly automotive practices.
</p>
<a href="/courses" class="btn btn-view-courses btn-lg px-4 rounded-pill shadow-sm">
<!-- <a href="/courses" class="btn btn-view-courses btn-lg px-4 rounded-pill shadow-sm">
View Courses
</a>
</a> -->
</div>
</div>
</div>

View File

@ -5,6 +5,7 @@
@push('styles')
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
@ -183,7 +184,7 @@
color: var(--theme-navy-dark);
}
/* RESPONSIVE DESIGN */
@media(max-width:991px) {
.left-panel {
display: none !important;
@ -202,6 +203,31 @@
font-size: 24px;
}
}
.input-container {
position: relative;
}
.toggle-password {
position: absolute;
right: 10px;
top: 15px;
cursor: pointer;
color: #744a68;
z-index: 10;
transition: color 0.2s ease;
}
.toggle-password:hover {
color: #5E244E;
}
.input-container input {
padding-right: 35px !important;
}
</style>
@endpush
@ -226,9 +252,18 @@
@enderror
</div>
<div class="input-container">
<!-- <div class="input-container">
<input type="password" name="password" placeholder=" " required>
<label>Password</label>
@error('password')
<span class="d-block text-danger mt-1 small">{{ $message }}</span>
@enderror
</div> -->
<div class="input-container">
<input type="password" id="password" name="password" placeholder=" " required>
<label>Password</label>
<i class="fa-solid fa-eye toggle-password" id="togglePassword"></i>
@error('password')
<span class="d-block text-danger mt-1 small">{{ $message }}</span>
@enderror
@ -254,4 +289,20 @@
</div>
</div>
@endsection
@endsection
<script>
document.addEventListener('DOMContentLoaded', function () {
const togglePassword = document.getElementById('togglePassword');
const passwordInput = document.getElementById('password');
togglePassword.addEventListener('click', function () {
const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
passwordInput.setAttribute('type', type);
this.classList.toggle('fa-eye');
this.classList.toggle('fa-eye-slash');
});
});
</script>