This Is Sample H1 Heading
This Is Sample H2 Heading
This Is Sample H3 Heading
This Is Sample H4 Heading
This Is Sample H5 Heading
This Is Sample H6 Heading
/* ===================================== */
/* FINAL NAVBAR MODERN - UNIVERSITY THEME */
/* LOGO KIRI + MENU KANAN + RESPONSIVE */
/* ===================================== */
/* Navbar utama putih */
nav.navbar.navbar-inverse.main-color-2-bg {
background: #ffffff !important;
border: none !important;
box-shadow: 0px 2px 10px rgba(0,0,0,0.08);
padding: 0 !important;
}
/* Container navbar jadi flex (logo kiri, menu kanan) */
nav.navbar.navbar-inverse.main-color-2-bg .container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
/* Logo kiri */
.navbar-brand {
float: none !important;
display: flex !important;
align-items: center !important;
padding: 10px 0 !important;
}
/* Ukuran logo */
.navbar-brand img {
max-height: 65px !important;
width: auto !important;
}
/* Menu kanan sejajar */
nav.navbar.navbar-inverse.main-color-2-bg .navbar-nav {
float: none !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
/* Menu link */
nav.navbar.navbar-inverse.main-color-2-bg .navbar-nav > li > a {
color: #222 !important;
font-weight: 600 !important;
font-size: 14px !important;
text-transform: uppercase;
padding: 25px 15px !important;
background: transparent !important;
letter-spacing: 1px;
transition: 0.3s;
}
/* Hover biru */
nav.navbar.navbar-inverse.main-color-2-bg .navbar-nav > li > a:hover {
color: #1e73be !important;
}
/* Menu aktif */
nav.navbar.navbar-inverse.main-color-2-bg .navbar-nav > .active > a {
color: #1e73be !important;
background: transparent !important;
}
/* Dropdown modern */
nav.navbar.navbar-inverse.main-color-2-bg .dropdown-menu {
background: #ffffff !important;
border: none !important;
border-radius: 10px;
padding: 8px 0;
box-shadow: 0px 4px 15px rgba(0,0,0,0.15);
}
/* Dropdown item */
nav.navbar.navbar-inverse.main-color-2-bg .dropdown-menu li a {
color: #222 !important;
padding: 10px 15px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: none;
}
/* Hover dropdown */
nav.navbar.navbar-inverse.main-color-2-bg .dropdown-menu li a:hover {
background: #f5f9ff !important;
color: #1e73be !important;
}
/* ===================================== */
/* RESPONSIVE MOBILE */
/* ===================================== */
@media (max-width: 768px) {
/* Navbar jadi kolom */
nav.navbar.navbar-inverse.main-color-2-bg .container {
flex-direction: column !important;
align-items: flex-start !important;
}
/* Logo tetap kiri */
.navbar-brand {
margin-left: 10px !important;
}
/* Menu jadi vertikal */
nav.navbar.navbar-inverse.main-color-2-bg .navbar-nav {
flex-direction: column !important;
width: 100% !important;
}
nav.navbar.navbar-inverse.main-color-2-bg .navbar-nav > li > a {
padding: 12px 20px !important;
width: 100%;
border-bottom: 1px solid #eee;
}
}
