mission
This commit is contained in:
parent
d71dc7ef62
commit
e81d20fd50
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue