2025-07-01 12:46:41 -04:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Lamborghini Essenza SCV12< / title >
<!-- Bootswatch Quartz Theme CSS -->
< link href = "https://cdn.jsdelivr.net/npm/bootswatch@5.3.3/dist/quartz/bootstrap.min.css" rel = "stylesheet" >
< style >
body {
padding-top: 56px; /* Adjust for fixed-top navbar height */
background-color: var(--bs-body-bg); /* Use Bootswatch body background */
display: flex;
flex-direction: column;
min-height: 100vh; /* Ensure body takes full viewport height */
}
.navbar {
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.main-content {
flex: 1; /* Allows content to grow and push footer down */
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 1rem;
}
.card {
max-width: 800px;
width: 100%;
border-radius: 15px;
overflow: hidden; /* Ensures image corners match card corners */
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.card img {
border-radius: 15px 15px 0 0; /* Top corners rounded */
}
.footer {
background-color: var(--bs-dark); /* Dark background for footer */
color: var(--bs-gray-500); /* Lighter text color */
padding: 1rem;
text-align: center;
}
< / style >
< / head >
< body >
<!-- Navigation Bar -->
< nav class = "navbar navbar-expand-lg navbar-dark bg-primary fixed-top" >
< div class = "container-fluid" >
< a class = "navbar-brand" href = "#" > Shinobi Gallery< / a >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarNav" aria-controls = "navbarNav" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarNav" >
< ul class = "navbar-nav ms-auto" >
< li class = "nav-item" >
< a class = "nav-link active" aria-current = "page" href = "#" > Home< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "#" > Gallery< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "#" > Contact< / a >
< / li >
< / ul >
< / div >
< / div >
< / nav >
<!-- Main Content Area -->
< div class = "container main-content" >
< div class = "card text-center bg-dark text-white" >
2025-07-01 12:59:56 -04:00
< img src = "https://placehold.co/800x450/006699/FFFFFF?text=Lamborghini+Essenza" class = "card-img-top img-fluid" alt = "Lamborghini Essenza" >
2025-07-01 12:46:41 -04:00
< div class = "card-body" >
< h5 class = "card-title" > Experience the Lamborghini Essenza SCV12< / h5 >
< p class = "card-text" > A track-only hypercar developed by Lamborghini Squadra Corse. This masterpiece of engineering boasts a naturally aspirated V12 engine and an aerodynamically extreme design.< / p >
< a href = "#" class = "btn btn-primary" > Learn More< / a >
< / div >
< / div >
< / div >
<!-- Footer -->
< footer class = "footer" >
< div class = "container" >
< p > © 2025 Shinobi Gallery. All rights reserved. (Placeholder Image)< / p >
< / div >
< / footer >
<!-- Bootstrap Bundle with Popper -->
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" > < / script >
< / body >
< / html >
