mission

resources/views/abouts.blade.php

@@ -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>
+            <h2 class="fw-bold mb-3">Vision</h2>
-            <p class="text-muted fs-5">
+            <p class="text-muted fs-5" style="justfy-content: justify;">
-                Our institute specializes in automotive engineering education,
+             To be a global leader in automotive education, driving the future of mobility by empowering the next generation of engineers, technicians, and innovators.
-                offering hands-on training in modern vehicle technologies,
-                mechanical systems, and electric vehicles.
             </p>
-            <p class="text-muted mb-4">
+            <h2 class="fw-bold mb-3">Mission</h2>
-                We focus on building skilled professionals who are ready for
+            <p class="text-muted fs-5" style="justfy-content: justify;">
-                the global automotive industry.
+               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>

resources/views/signin.blade.php

@@ -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>