57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
/* Custom CSS for JatimTour */
|
|
|
|
body {
|
|
font-family: 'Open Sans', sans-serif;
|
|
padding-top: 70px; /* Offset for fixed navbar */
|
|
background-color: #F8F9FA;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .navbar-brand {
|
|
font-family: 'Poppins', sans-serif;
|
|
}
|
|
|
|
/* Hero Section */
|
|
.hero-section {
|
|
background: linear-gradient(135deg, rgba(13, 110, 253, 0.85), rgba(13, 110, 253, 0.6)), url('../images/hero-bg.jpg');
|
|
background-size: cover;
|
|
background-position: center;
|
|
min-height: 60vh;
|
|
position: relative;
|
|
}
|
|
|
|
/* Card styles */
|
|
.tour-card {
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
border-radius: 0.75rem; /* Softer corners */
|
|
}
|
|
|
|
.tour-card:hover {
|
|
transform: translateY(-10px);
|
|
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
|
|
}
|
|
|
|
.tour-card .card-img-top {
|
|
height: 200px;
|
|
object-fit: cover;
|
|
border-top-left-radius: 0.75rem;
|
|
border-top-right-radius: 0.75rem;
|
|
}
|
|
|
|
/* Navbar */
|
|
.navbar-nav .nav-link {
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
|
|
color: #0D6EFD !important;
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.btn-primary {
|
|
padding: 0.5rem 1.25rem;
|
|
border-radius: 50rem; /* Pill shape */
|
|
}
|