academy/resources/views/layouts/app.blade.php

228 lines
4.8 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title','Automobile Academic')</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<style>
body{
font-family:Segoe UI,sans-serif;
background:#f5f7fb;
}
.navbar{
background:#5E244E;
}
.navbar-brand{
color:white;
font-weight:bold;
font-size:24px;
}
.navbar-brand:hover{
color:#ffc107;
}
.nav-link{
color:white !important;
margin-left:20px;
}
.nav-link:hover{
color:#ffc107 !important;
}
.site-footer{
background:#2F1027;
color:#f1e9ee;
padding:60px 0 30px;
}
.site-footer h4{
color:#fff;
font-weight:700;
margin-bottom:18px;
}
.site-footer p{
color:#d8c7d3;
line-height:1.6;
}
.footer-links li{
margin-bottom:10px;
}
.footer-links a{
color:#d8c7d3;
text-decoration:none;
transition:.2s;
}
.footer-links a:hover{
color:#FFC107;
padding-left:4px;
}
.footer-contact li{
margin-bottom:14px;
color:#d8c7d3;
display:flex;
align-items:flex-start;
gap:10px;
}
.footer-contact i{
color:#FFC107;
margin-top:3px;
}
.footer-contact a{
color:#d8c7d3;
text-decoration:none;
}
.footer-contact a:hover{
color:#FFC107;
}
.site-footer hr{
border-color:rgba(255,255,255,.15);
margin:40px 0 20px;
}
.footer-bottom{
color:#b8a6b3;
font-size:14px;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="/">
<i class="fa-solid fa-car-side"></i>
AutoEdu
</a>
<button class="navbar-toggler bg-light"
data-bs-toggle="collapse"
data-bs-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/courses">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/students">Student</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">Research</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="/abouts">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
@yield('content')
<footer class="site-footer" role="contentinfo">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<h4>Automobile Academic</h4>
<p>
Providing excellence in Automotive Engineering Education,
Innovation and Research.
</p>
</div>
<div class="col-md-4">
<h4>Quick Links</h4>
<nav aria-label="Footer quick links">
<ul class="list-unstyled footer-links">
<li><a href="{{ Route::has('courses') ? route('courses') : '#' }}">Courses</a></li>
<li><a href="{{ Route::has('research') ? route('research') : '#' }}">Research</a></li>
<li><a href="{{ Route::has('faculty') ? route('faculty') : '#' }}">Faculty</a></li>
<li><a href="{{ Route::has('contact') ? route('contact') : '#' }}">Contact</a></li>
</ul>
</nav>
</div>
<div class="col-md-4">
<h4>Contact</h4>
<ul class="list-unstyled footer-contact">
<li>
<i class="fa-solid fa-location-dot" aria-hidden="true"></i>
<span>Automobile Engineering Campus</span>
</li>
<li>
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
<a href="mailto:info@autoedu.edu">info@autoedu.edu</a>
</li>
<li>
<i class="fa-solid fa-phone" aria-hidden="true"></i>
<a href="tel:+94112345678">+94 11 2345678</a>
</li>
</ul>
</div>
</div>
<hr>
<div class="text-center footer-bottom">
&copy; {{ now()->year }} Automobile Academic Website
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>