Subash77/Bohora-rental
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edited layout

Browse Source
This commit is contained in:
mesafal 2025-02-20 14:05:38 +05:45
parent d481aafc70
commit 6499126478
11 changed files with 129 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
contact.php
View File

@ -26,7 +26,7 @@
<div class="container"> <div class="container">
<div class="contact-wrapper-area"> <div class="contact-wrapper-area">
<div class="row g-4"> <div class="row g-4">
<div class="col-lg-9"> <div class="col-lg-8 col-xl-9">
<div class="contact-content"> <div class="contact-content">
<div class="section-title"> <div class="section-title">
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
@ -76,7 +76,7 @@
</form> </form>
</div> </div>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-4 col-xl-3">
<div class="contact-right-items"> <div class="contact-right-items">
<div class="contact-img"> <div class="contact-img">
<img src="img/contact.jpg" alt="img"> <img src="img/contact.jpg" alt="img">
@ -112,10 +112,9 @@
</div> </div>
</div> </div>
<div class="social-icon d-flex align-items-center"> <div class="social-icon d-flex align-items-center">
<a href="contact.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="contact.php#"><i class="fab fa-twitter"></i></a> --> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="contact.php#"><i class="fa-brands fa-whatsapp"></i></a> <a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
<a href="contact.php#"><i class="fa-brands fa-instagram"></i></a>
</div> </div>
</div> </div>
</div> </div>

93
css/main.css
View File

@ -13,6 +13,7 @@ Version: 1.0.0
--white: #fff; --white: #fff;
--theme: #ffcc26; --theme: #ffcc26;
--theme2: #005cb5; --theme2: #005cb5;
--sec: #f39c12;
--header: #0c142e; --header: #0c142e;
--text: #77797e; --text: #77797e;
--ratting: #ffa128; --ratting: #ffa128;
@ -378,7 +379,7 @@ span {
} }
.about-wrapper .about-content h4 { .about-wrapper .about-content h4 {
text-transform: uppercase; text-transform: uppercase;
color: var(--theme); color: #000;
font-weight: 400; font-weight: 400;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -1068,7 +1069,8 @@ span {
} }
.contact-section-1 { .contact-section-1 {
margin-bottom: -80px; /* margin-bottom: -80px; */
margin-top: 10px;
position: relative; position: relative;
z-index: 9; z-index: 9;
} }
@ -1185,6 +1187,10 @@ span {
gap: 25px; gap: 25px;
justify-content: center; justify-content: center;
} }
.cta-cheap-rental .social-icon{
display: none !important;
}
} }
.cta-cheap-rental .cta-cheap-rental-left { .cta-cheap-rental .cta-cheap-rental-left {
display: flex; display: flex;
@ -1209,7 +1215,7 @@ span {
font-size: 18px; font-size: 18px;
} }
} }
.cta-cheap-rental .social-icon { .social-icon {
gap: 15px; gap: 15px;
position: relative; position: relative;
z-index: 9; z-index: 9;
@ -1219,7 +1225,7 @@ span {
margin-top: 20px; margin-top: 20px;
} }
} }
.cta-cheap-rental .social-icon a { .social-icon a {
width: 40px; width: 40px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
@ -1232,7 +1238,7 @@ span {
background-color: var(--white); background-color: var(--white);
border-radius: 50%; border-radius: 50%;
} }
.cta-cheap-rental .social-icon a:hover { .social-icon a:hover {
background-color: var(--theme); background-color: var(--theme);
color: var(--white); color: var(--white);
} }
@ -1357,6 +1363,23 @@ span {
border: none; border: none;
border-radius: 10px; border-radius: 10px;
} }
.hero-content .pickup-btn{
background-color: var(--sec);
transition: all 0.3s ease;
height: 65px;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
color: var(--white);
padding: 0 40px;
border: none;
border-radius: 10px;
margin-top: 10px;
}
/* .hero-content.pickup-btn:hover {
background-color: var(--sec);
} */
.pickup-wrapper .pickup-items .pickup-btn:hover { .pickup-wrapper .pickup-items .pickup-btn:hover {
background-color: var(--theme2); background-color: var(--theme2);
} }
@ -1468,7 +1491,7 @@ span {
} }
.faq-content .accordion-item .accordion-header .accordion-button { .faq-content .accordion-item .accordion-header .accordion-button {
font-weight: 600; font-weight: 600;
color: var(--theme); color: var(--sec);
letter-spacing: -0.2px; letter-spacing: -0.2px;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
@ -2158,38 +2181,38 @@ span {
flex-wrap: wrap; flex-wrap: wrap;
} }
} }
@media (max-width: 991px) { /* @media (max-width: 991px) {
.galley-wrapper-2 .gallery-items { .galley-wrapper-2 .gallery-items {
width: 48.5%; width: 48.5%;
} }
} } */
@media screen and (max-width: 580px) { @media screen and (max-width: 580px) {
.galley-wrapper-2 .gallery-items { /* .galley-wrapper-2 .gallery-items {
width: 95%; width: 95%;
} } */
.galley-wrapper-2 .gallery-items .g-items { /* .galley-wrapper-2 .gallery-items .g-items {
margin: 10px; margin: 10px;
} } */
.galley-wrapper-2 .gallery-items .g-items:not(:last-child) { /* .galley-wrapper-2 .gallery-items .g-items:not(:last-child) {
margin-bottom: 25px; margin-bottom: 25px;
} } */
} }
.galley-wrapper-2 .gallery-items .g-items { .galley-wrapper-2 .gallery-items .g-items {
position: relative; position: relative;
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
height: 100%; height: 100%;
margin: 25px; /* margin: 25px; */
overflow: hidden; overflow: hidden;
} }
@media (max-width: 991px) { /* @media (max-width: 991px) {
.galley-wrapper-2 .gallery-items .g-items { .galley-wrapper-2 .gallery-items .g-items {
margin: 20px; margin: 20px;
} }
} } */
@media (max-width: 470px) { @media (max-width: 470px) {
.galley-wrapper-2 .gallery-items .g-items { .galley-wrapper-2 .gallery-items .g-items {
margin: 10px; /* margin: 10px; */
} }
} }
.galley-wrapper-2 .gallery-items .g-items img { .galley-wrapper-2 .gallery-items .g-items img {
@ -2825,6 +2848,15 @@ span {
.header-top-section { .header-top-section {
display: none; display: none;
} }
.footer-section .social-icon{
display: flex !important;
}
}
@media (min-width: 991px) {
.footer-section .social-icon{
display: none !important;
}
} }
.header-top-section::before { .header-top-section::before {
position: absolute; position: absolute;
@ -2925,6 +2957,10 @@ span {
.header-top-wrapper .header-top-right .social-icon a { .header-top-wrapper .header-top-right .social-icon a {
color: var(--white); color: var(--white);
font-size: 14px; font-size: 14px;
background-color: var(--theme);
width: 30px;
height: 30px;
line-height: 30px;
} }
.header-top-wrapper.style-2 .contact-list li { .header-top-wrapper.style-2 .contact-list li {
color: #8e94a5; color: #8e94a5;
@ -3060,7 +3096,7 @@ span {
background-color: var(--white); background-color: var(--white);
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
z-index: 999; z-index: 999;
border-bottom: 3px solid var(--theme); border-bottom: 5px solid var(--theme);
} }
.header-1 .container-fluid { .header-1 .container-fluid {
padding: 0 60px; padding: 0 60px;
@ -3489,7 +3525,7 @@ span {
.offcanvas__wrapper { .offcanvas__wrapper {
position: relative; position: relative;
height: 100%; height: 100%;
padding: 30px 30px; padding: 0 30px;
} }
.offcanvas__wrapper .offcanvas__content .text { .offcanvas__wrapper .offcanvas__content .text {
color: var(--text); color: var(--text);
@ -4394,12 +4430,21 @@ span {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.hero-3 { .hero-3 {
position: relative; position: relative;
width: 100%; width: 100%;
height: 90vh !important; height: 100% !important;
} }
@media (min-width:992px) {
.hero-3 {
position: relative;
width: 100%;
height: 80vh !important;
}
}
@media (max-width: 991px) { @media (max-width: 991px) {
.hero-3 .array-button { .hero-3 .array-button {
display: none; display: none;
@ -5370,7 +5415,7 @@ input.main-search-input::placeholder {
margin-bottom: 5px; margin-bottom: 5px;
} }
.section-title span { .section-title span {
color: var(--theme); color: #f39c12;
margin-bottom: 10px; margin-bottom: 10px;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@ -7095,7 +7140,7 @@ input.main-search-input::placeholder {
color: var(--header); color: var(--header);
} }
.testimonial-wrapper-2 .testimonial-single-items .testimonial-content .name-job .job { .testimonial-wrapper-2 .testimonial-single-items .testimonial-content .name-job .job {
color: var(--theme); color: var(--sec);
/* margin: 0; */ /* margin: 0; */
font-size: 14px; font-size: 14px;
line-height: 1.6; line-height: 1.6;

12
footer.php
View File

@ -15,9 +15,9 @@
</div> </div>
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay=" <div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
.5s"> .5s">
<a href="index.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="index.php#"><i class="fa-brands fa-whatsapp"></i></a> <a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -44,6 +44,12 @@
<a href="tel:+9779801136594" style="color: #fff; text-decoration: none;">+977 980-1136594</a> <a href="tel:+9779801136594" style="color: #fff; text-decoration: none;">+977 980-1136594</a>
</li> </li>
</ul> </ul>
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
.5s">
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div> </div>
</div> </div>

16
gallery.php
View File

@ -25,7 +25,7 @@
<div class="container"> <div class="container">
<div class="galley-wrapper-2"> <div class="galley-wrapper-2">
<div class="gallery-items row"> <div class="gallery-items row">
<div class="col-lg-4 pt-15"> <div class="col-lg-4 col-md-6 pt-15">
<div class="g-items"> <div class="g-items">
<img src="img/cargallery/carG1.jpg" alt="ga-img"> <img src="img/cargallery/carG1.jpg" alt="ga-img">
<div class="icon-box"> <div class="icon-box">
@ -37,7 +37,7 @@
<div class="mask-second"></div> <div class="mask-second"></div>
</div> </div>
</div> </div>
<div class="col-lg-4 pt-15"> <div class="col-lg-4 col-md-6 pt-15">
<div class="g-items"> <div class="g-items">
<img src="img/cargallery/carG4.jpg" alt="ga-img"> <img src="img/cargallery/carG4.jpg" alt="ga-img">
@ -49,7 +49,7 @@
<div class="mask"></div> <div class="mask"></div>
<div class="mask-second"></div> <div class="mask-second"></div>
</div> </div>
<div class="g-items"> <!-- <div class="g-items">
<img src="img/cargallery/carG2.jpg" alt="ga-img"> <img src="img/cargallery/carG2.jpg" alt="ga-img">
<div class="icon-box"> <div class="icon-box">
<a href="img/cargallery/carG2.jpg" class="icon img-popup-2"> <a href="img/cargallery/carG2.jpg" class="icon img-popup-2">
@ -58,9 +58,9 @@
</div> </div>
<div class="mask"></div> <div class="mask"></div>
<div class="mask-second"></div> <div class="mask-second"></div>
</div> -->
</div> </div>
</div> <div class="col-lg-4 col-md-6 pt-15">
<div class="col-lg-4 pt-15">
<div class="g-items"> <div class="g-items">
<img src="img/cargallery/carG3.jpg" alt="ga-img"> <img src="img/cargallery/carG3.jpg" alt="ga-img">
<div class="icon-box"> <div class="icon-box">
@ -72,7 +72,7 @@
<div class="mask-second"></div> <div class="mask-second"></div>
</div> </div>
</div> </div>
<div class="col-lg-4 pt-15"> <div class="col-lg-4 col-md-6 pt-15">
<div class="g-items"> <div class="g-items">
<img src="img/cargallery/carG5.jpg" alt="ga-img"> <img src="img/cargallery/carG5.jpg" alt="ga-img">
<div class="icon-box"> <div class="icon-box">
@ -84,7 +84,7 @@
<div class="mask-second"></div> <div class="mask-second"></div>
</div> </div>
</div> </div>
<div class="col-lg-4 pt-15"> <div class="col-lg-4 col-md-6 pt-15">
<div class="g-items"> <div class="g-items">
<img src="img/cargallery/carG6.jpg" alt="ga-img"> <img src="img/cargallery/carG6.jpg" alt="ga-img">
<div class="icon-box"> <div class="icon-box">
@ -96,7 +96,7 @@
<div class="mask-second"></div> <div class="mask-second"></div>
</div> </div>
</div> </div>
<div class="col-lg-4 pt-15"> <div class="col-lg-4 col-md-6 pt-15">
<div class="g-items"> <div class="g-items">
<img src="img/cargallery/carG7.jpg" alt="ga-img"> <img src="img/cargallery/carG7.jpg" alt="ga-img">
<div class="icon-box"> <div class="icon-box">

19
header.php
View File

@ -92,10 +92,10 @@
<div class="offcanvas__info"> <div class="offcanvas__info">
<div class="offcanvas__wrapper"> <div class="offcanvas__wrapper">
<div class="offcanvas__content"> <div class="offcanvas__content">
<div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center"> <div class="offcanvas__top d-flex justify-content-between align-items-center">
<div class="offcanvas__logo"> <div class="offcanvas__logo">
<a href="index.php"> <a href="index.php">
<img src="img/logo/black-logo.svg" alt="logo-img"> <img src="img/logo/logo-trans.png" alt="logo-img">
</a> </a>
</div> </div>
<div class="offcanvas__close"> <div class="offcanvas__close">
@ -150,9 +150,9 @@
</a> </a>
</div> </div>
<div class="social-icon d-flex align-items-center"> <div class="social-icon d-flex align-items-center">
<a href="index.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fab fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="index.php#"><i class="fab fa-whatsapp"></i></a> <a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -184,9 +184,9 @@
<li><a href="contact.php">Contact</a></li> <li><a href="contact.php">Contact</a></li>
</ul> --> </ul> -->
<div class="social-icon d-flex align-items-center"> <div class="social-icon d-flex align-items-center">
<a href="index.php#"><i class="fa-brands fa-facebook"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="index.php#"><i class="fab fa-whatsapp"></i></a> <a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -213,8 +213,9 @@
<li class="has-dropdown active menu-thumb"> <li class="has-dropdown active menu-thumb">
<a href="index.php"> <a href="index.php">
Home Home
<!-- <i class="fas fa-angle-down"></i>
</a> </a>
<!-- <i class="fas fa-angle-down"></i>
<ul class="submenu"> <ul class="submenu">
<li><a href="index.php">Home 01</a></li> <li><a href="index.php">Home 01</a></li>
<li><a href="index-2.php">Home 02</a></li> <li><a href="index-2.php">Home 02</a></li>

2
index.php
View File

@ -1,6 +1,6 @@
<?php include('header.php') ?> <?php include('header.php') ?>
<?php include('parts/banner.php') ?> <?php include('parts/banner.php') ?>
<?php include('parts/pickupform.php') ?>
<?php include('parts/howitworks.php') ?> <?php include('parts/howitworks.php') ?>
<?php include('parts/searchbooking.php') ?> <?php include('parts/searchbooking.php') ?>
<?php include('parts/about.php') ?> <?php include('parts/about.php') ?>

4
news1.php
View File

@ -66,8 +66,8 @@
<a >Luxury</a> <a >Luxury</a>
</div> </div>
<div class="social-share d-flex align-items-center"> <div class="social-share d-flex align-items-center">
<a href="blog.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="blog.php#"><i class="fab fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
</div> </div>
</div> </div>

4
news2.php
View File

@ -61,8 +61,8 @@
<a >Luxury</a> <a >Luxury</a>
</div> </div>
<div class="social-share d-flex align-items-center"> <div class="social-share d-flex align-items-center">
<a href="blog.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="blog.php#"><i class="fab fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
</div> </div>
</div> </div>

4
news3.php
View File

@ -61,8 +61,8 @@
<a >Luxury</a> <a >Luxury</a>
</div> </div>
<div class="social-share d-flex align-items-center"> <div class="social-share d-flex align-items-center">
<a href="blog.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="blog.php#"><i class="fab fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
</div> </div>
</div> </div>

22
parts/banner.php
View File

@ -1,4 +1,4 @@
<!-- Search Area Start <!-- Search Area Start
<div class="search-wrap"> <div class="search-wrap">
<div class="search-inner"> <div class="search-inner">
<i class="fas fa-times search-close" id="search-close"></i> <i class="fas fa-times search-close" id="search-close"></i>
@ -31,12 +31,12 @@
<!-- Slide 1 --> <!-- Slide 1 -->
<div class="swiper-slide"> <div class="swiper-slide">
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-3.jpg');"> <div class="hero-image bg-cover" style="background-image: url('img/hero/hero-3.jpg');">
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s"> <!-- <div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
<img src="img/hero/line-shape-1.png" alt="shape-img"> <img src="img/hero/line-shape-1.png" alt="shape-img">
</div> </div>
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s"> <div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
<img src="img/hero/line-shape-2.png" alt="shape-img"> <img src="img/hero/line-shape-2.png" alt="shape-img">
</div> </div> -->
</div> </div>
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
@ -51,6 +51,11 @@
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s"> <p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
Discover Nepal with Comfort and Trust. Discover Nepal with Comfort and Trust.
</p> </p>
<a href="car-grid.php" data-animation="fadeInUp" data-delay="1.5s">
<button class="pickup-btn animated-btn" type="submit">
Search Car
</button>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -59,12 +64,12 @@
<!-- Slide 2 --> <!-- Slide 2 -->
<div class="swiper-slide"> <div class="swiper-slide">
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-4.jpg');"> <div class="hero-image bg-cover" style="background-image: url('img/hero/hero-4.jpg');">
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s"> <!-- <div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
<img src="img/hero/line-shape-1.png" alt="shape-img"> <img src="img/hero/line-shape-1.png" alt="shape-img">
</div> </div>
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s"> <div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
<img src="img/hero/line-shape-2.png" alt="shape-img"> <img src="img/hero/line-shape-2.png" alt="shape-img">
</div> </div> -->
</div> </div>
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
@ -77,8 +82,13 @@
तपाईंको यात्रा सुखद र अविस्मरणीय रहोस्। तपाईंको यात्रा सुखद र अविस्मरणीय रहोस्।
</h1> </h1>
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s"> <p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
हाम्रो देश प्राकृतिक सौन्दर्य, सांस्कृतिक विविधता, र अद्वितीय अतिथिसत्कारको लागि प्रसिद्ध छ। हाम्रो देश प्राकृतिक सौन्दर्य, सांस्कृतिक विविधता, र अद्वितीय अतिथिसत्कारको लागि
प्रसिद्ध छ।
</p> </p>
<a href="car-grid.php" data-animation="fadeInUp" data-delay="1.5s">
<button class="pickup-btn animated-btn" type="submit">
कार खोजनुहोस् </button>
</a>
</div> </div>
</div> </div>
</div> </div>

6
parts/ctaCheap.php
View File

@ -14,9 +14,9 @@
</div> </div>
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay=" <div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
.5s"> .5s">
<a href="index.php#"><i class="fab fa-facebook-f"></i></a> <a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="index.php#"><i class="fa-brands fa-whatsapp"></i></a> <a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div> </div>
</div> </div>
</div> </div>