File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/lakeloft.in/css/style.css
Back
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); body{ font-family: "Poppins", sans-serif; font-size: 16px; color: #323232; line-height:28px; } h1,h2,h3,h4,h5,h6{ font-family: "Playfair Display", serif; color: #244055; } h1,h2{ font-size: 2.4rem; font-weight: 600; } a{ text-decoration: none; } .section-padding{ padding: 60px 0; } img{ width: 100%; } .custom-btn{ background: #244055; color: #fff; padding: 8px 25px; text-decoration: none; display: inline-block; border-radius: 5px; width: 100%; text-align: center; } .custom-btn:hover{ background: #222; color:#d4af37; } /* Navbar */ .navbar { padding:0; } .navbar-toggler { border: none; box-shadow: none; } .navbar-toggler:focus { box-shadow: none; } .toggler-icon { width: 25px; height: 3px; background-color: #000; display: block; transition: all 0.3s ease; } .toggler-icon + .toggler-icon { margin-top: 5px; } /* When menu is open */ .navbar-toggler[aria-expanded="true"] .top-bar { transform: rotate(45deg) translate(5px, 5px); } .navbar-toggler[aria-expanded="true"] .middle-bar { opacity: 0; } .navbar-toggler[aria-expanded="true"] .bottom-bar { transform: rotate(-45deg) translate(6px, -6px); } .navbar-brand img{ width: 100px; } .navbar-expand-lg .navbar-nav .nav-item { margin: 0 5px; } .navbar-expand-lg .navbar-nav .nav-link { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #000000; padding: 8px 14px; } /*==== main slider ===*/ .main-slider-cont{ padding: 0 12px; } .carousel-item { height: 100vh; position: relative; overflow: hidden; } .carousel-item img { width: 100%; height: 100%; object-fit: cover; animation: zoomEffect 8s ease-in-out infinite; } @keyframes zoomEffect { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1.08); } } .slider-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.45); } .carousel-caption.custom-caption { left: 15%; right: auto; bottom: auto; top: 50%; transform: translateY(-50%); text-align: left; max-width: 530px; } .carousel-caption h2 { font-size: 2.8rem; font-weight: 600; color: #fff; } .main-slider-cont .btn{ background: #2a475e; color: #fff; padding: 8px 20px; } .main-slider-cont .btn:hover{ background: #222; color:#d4af37; } /* Mobile adjustments */ @media (max-width: 768px) { .carousel-item { height: 50vh; } .carousel-caption.custom-caption { left: 5%; right: 5%; text-align: center; } .carousel-caption h2 { font-size: 1.8rem; } } .room-sect{ background-color: #22394b; background-image: url(../images/bg.svg); background-position: center; background-repeat: repeat; background-size: auto; } .room-sect .room-item{ background: #fff; } .room-sect .room-item figure{ margin-bottom: 0; } .room-sect .room-item figure img{ transition: all 0.3s ease; } .room-sect .room-item figure:hover img{ transform: translateY(-8px); } .room-sect .room-item .room-dis{ padding: 12px; } /*--- Home Contact Form--- */ .contact-section { background: linear-gradient(135deg, #27465d, #1f3647); position: relative; overflow: hidden; } .contact-section .contact-subtitle { opacity: 0.9; } .contact-section .custom-input { background: transparent; border: none; border-bottom: 2px solid #fff; border-radius: 0; color: #fff; padding: 8px 16px; } .contact-section .custom-input::placeholder { color: #ddd; } .contact-section .custom-input:focus { box-shadow: none; border-bottom-color: #fff; background: transparent; color: #fff; } .contact-section .submit-btn{ background: #fff; padding: 8px 20px; border-radius: 5px; border: none; transition-duration: 500ms; } .contact-section .submit-btn:hover { transform: scale(.9); } /* Map styling */ .contact-section .map-box iframe { width: 100%; height: 300px; border: 0; border-radius: 4px; } /* Mobile */ @media (max-width: 768px) { .contact-section .contact-title { font-size: 2.2rem; } } .footer-sect{ background: #fff; padding: 0 12px; } .footer-sect .footer-item{ background: #2a475e; } .footer-sect .footer-widget-logo img{ max-width:200px; } .footer-sect .footer-general-info ul{ list-style: none; } .footer-sect .footer-general-info ul li{ margin-bottom: 12px; } .footer-sect .footer-general-info ul li a{ color: #fff; text-decoration: none; } .footer-sect .ftr-getintouch ul{ list-style: none; } .footer-sect .ftr-getintouch .footer-contact-info ul li{ margin-bottom: 12px; } .footer-sect .ftr-getintouch .footer-contact-info ul li a{ color: #fff; } .footer-sect .ftr-getintouch .footer-contact-info ul li a i{ font-size: 20px; margin-right: 5px; } .footer-sect .ftr-getintouch .ftr-social ul{ list-style: none; display: flex; gap: 8px; margin-top: 30px; } .footer-sect .ftr-getintouch .ftr-social ul li a i{ color: #fff; font-size: 20px; } .footer-sect .footer-bottom-item{ background-color: #fff; padding:12px 0; } .footer-sect .footer-bottom-item p{ margin-bottom: 0; } .footer-sect .footer-bottom-item p a{ color:#323232; } .footer-sect .footer-bottom-item p.text-right{ text-align: right; } .gallery-img { cursor: pointer; transition: transform .3s ease; } .gallery-img:hover { transform: scale(1.05); } .breadcumb { background-position: center; background-size: cover; max-width: 98%; margin: auto; padding: 150px 0px; } .breadcumb h3{ text-align:center; color:#fff; font-size: 40px; } .about-bg{ background-image: url(../images/bg.jpg); } .room-bg{ background-image: url(../images/room-bg.jpg); } .amenities-bg{ background-image: url(../images/amenities-bg.jpg); } .gallery-bg{ background-image: url(../images/gallery-bg.jpg); } .contact-bg{ background-image: url(../images/contact-bg.jpg); } .booking-bg{ background-image: url(../images/booking-bg.jpg); } .amenities-section { background: #ffffff; } .amenity-icon { width: 60px; height: 60px; min-width: 60px; display: flex; align-items: center; justify-content: center; color: #4b5563; } .amenity-icon.pink { background: linear-gradient(135deg, #f9a8d4, #c084fc); color: #fff; border-radius: 10px; font-size: 22px; } .amenity-title { font-family: "Playfair Display", serif; font-size: 20px; font-weight: 600; color: #2f2f2f; margin-bottom: 6px; } .amenity-text { font-family: "Poppins", sans-serif; font-size: 16px; color: #000000; line-height: 1.6; margin-bottom: 0; } .amenities-heading h2{ text-align:center; } .amenities-heading p{ text-align:center; } .amenities-heading { margin-bottom:40px; } /* Booking Section Background */ .booking-section { padding: 80px 0; } /* Card Styling */ .booking-card { background: #ffffff; border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); } /* Heading */ .booking-card h3 { font-weight: 600; letter-spacing: 0.5px; } /* Inputs */ .booking-card .form-control, .booking-card .form-select { border-radius: 8px; padding: 12px 14px; border: 1px solid #ddd; font-size: 15px; } .booking-card .form-control:focus, .booking-card .form-select:focus { border-color: #323232; box-shadow: none; } /* Labels */ .booking-card .form-label { font-weight: 500; font-size: 14px; margin-bottom: 6px; } /* Button */ .booking-card .btn-book { background: #323232; color: #fff; padding: 12px 35px; border-radius: 30px; font-weight: 500; transition: all 0.3s ease; } .booking-card .btn-book:hover { background: #000; transform: translateY(-2px); } /* Responsive */ @media (max-width: 768px) { .booking-section { padding: 50px 15px; } } .top-menu { background: #244055; max-width: 99%; margin: auto; } .top-menu ul{ text-align: right; margin: 0; padding:5px 0; } .top-menu li{ color: #fff; list-style: none; display: inline; margin-left: 15px; } .top-menu a{ color:#fff; font-size: 15px; } @media only screen and (max-width: 600px) { .top-menu li{ display:block; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.04 |
proxy
|
phpinfo
|
Settings