Scribd Logo
Upload

Welcome to Scribd!

  • About

    Uploaded by

    Ashitosh Kamble
    8 views5 pages
    The document is a website about travel. It includes sections for the header, about, reviews, and footer. The about section describes why to choose the travel agency and includes their focus on top destinations, affordable prices, and 24/7 guide service. The reviews section displays customer testimonials and ratings using a swiper slider. The footer contains quick links, contact information, and social media links.

    Original Description:

    Original Title

    about

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is a website about travel. It includes sections for the header, about, reviews, and footer. The about section describes why to choose the travel agency and includes their focus on top destinations, affordable prices, and 24/7 guide service. The reviews section displays customer testimonials and ratings using a swiper slider. The footer contains quick links, contact information, and social media links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views5 pages

    About

    Uploaded by

    Ashitosh Kamble
    The document is a website about travel. It includes sections for the header, about, reviews, and footer. The about section describes why to choose the travel agency and includes their focus on top destinations, affordable prices, and 24/7 guide service. The reviews section displays customer testimonials and ratings using a swiper slider. The footer contains quick links, contact information, and social media links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>about</title>

    <!-- swiper css link -->


    <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-
    bundle.min.css" />

    <!-- font awesome cdn link -->


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
    awesome/5.15.4/css/all.min.css">

    <!-- custom css file link -->


    <link rel="stylesheet" href="css/style.css">

    </head>
    <body>

    <!-- header section starts -->

    <section class="header">

    <a href="home.php" class="logo">travel.</a>

    <nav class="navbar">
    <a href="home.php">home</a>
    <a href="about.php">about</a>
    <a href="package.php">package</a>
    <a href="book.php">book</a>
    </nav>

    <div id="menu-btn" class="fas fa-bars"></div>

    </section>

    <!-- header section ends -->

    <div class="heading" style="background:url(images/header-bg-1.png) no-repeat">


    <h1>about us</h1>
    </div>

    <!-- about section starts -->

    <section class="about">

    <div class="image">
    <img src="images/about-img.jpg" alt="">
    </div>

    <div class="content">
    <h3>why choose us?</h3>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure numquam
    nulla iusto corporis dolor commodi libero, vitae obcaecati optio rerum ab culpa
    nesciunt, earum mollitia quasi ipsam non. Aliquid, iure.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid rerum,
    delectus voluptate aliquam quaerat iusto repellendus error nulla ab atque.</p>
    <div class="icons-container">
    <div class="icons">
    <i class="fas fa-map"></i>
    <span>top destinations</span>
    </div>
    <div class="icons">
    <i class="fas fa-hand-holding-usd"></i>
    <span>affordable price</span>
    </div>
    <div class="icons">
    <i class="fas fa-headset"></i>
    <span>24/7 guide service</span>
    </div>
    </div>
    </div>

    </section>

    <!-- about section ends -->

    <!-- reviews section starts -->

    <section class="reviews">

    <h1 class="heading-title"> clients reviews </h1>

    <div class="swiper reviews-slider">

    <div class="swiper-wrapper">

    <div class="swiper-slide slide">


    <div class="stars">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    </div>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus
    facilis laudantium magnam saepe magni ullam possimus laborum voluptas, veniam ipsum
    officiis quae doloribus minima ut quis. Molestiae qui distinctio possimus?</p>
    <h3>john deo</h3>
    <span>traveler</span>
    <img src="images/pic-1.png" alt="">
    </div>

    <div class="swiper-slide slide">


    <div class="stars">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    </div>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusamus
    repellendus et suscipit optio similique totam aut laborum ullam sequi! In!</p>
    <h3>john deo</h3>
    <span>traveler</span>
    <img src="images/pic-2.png" alt="">
    </div>

    <div class="swiper-slide slide">


    <div class="stars">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    </div>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.
    Voluptatibus enim deserunt, ab at ea iste odio placeat doloribus eum dolores
    tempore obcaecati, dolore esse aperiam. Excepturi ad quo distinctio, dignissimos
    voluptate, dolores, saepe animi eum atque sint esse ab exercitationem!</p>
    <h3>john deo</h3>
    <span>traveler</span>
    <img src="images/pic-3.png" alt="">
    </div>

    <div class="swiper-slide slide">


    <div class="stars">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    </div>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus
    recusandae cum quibusdam odio dignissimos nemo?</p>
    <h3>john deo</h3>
    <span>traveler</span>
    <img src="images/pic-4.png" alt="">
    </div>

    <div class="swiper-slide slide">


    <div class="stars">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    </div>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus
    facilis laudantium magnam saepe magni ullam possimus laborum voluptas, veniam ipsum
    officiis quae doloribus minima ut quis. Molestiae qui distinctio possimus?</p>
    <h3>john deo</h3>
    <span>traveler</span>
    <img src="images/pic-5.png" alt="">
    </div>

    <div class="swiper-slide slide">


    <div class="stars">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    </div>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus
    facilis laudantium magnam saepe magni ullam possimus laborum voluptas, veniam ipsum
    officiis quae doloribus minima ut quis. Molestiae qui distinctio possimus?</p>
    <h3>john deo</h3>
    <span>traveler</span>
    <img src="images/pic-6.png" alt="">
    </div>

    </div>

    </div>

    </section>

    <!-- reviews section ends -->

    <!-- footer section starts -->

    <section class="footer">

    <div class="box-container">

    <div class="box">
    <h3>quick links</h3>
    <a href="home.php"> <i class="fas fa-angle-right"></i> home</a>
    <a href="about.php"> <i class="fas fa-angle-right"></i> about</a>
    <a href="package.php"> <i class="fas fa-angle-right"></i> package</a>
    <a href="book.php"> <i class="fas fa-angle-right"></i> book</a>
    </div>

    <div class="box">
    <h3>extra links</h3>
    <a href="#"> <i class="fas fa-angle-right"></i> ask questions</a>
    <a href="#"> <i class="fas fa-angle-right"></i> about us</a>
    <a href="#"> <i class="fas fa-angle-right"></i> privacy policy</a>
    <a href="#"> <i class="fas fa-angle-right"></i> terms of use</a>
    </div>

    <div class="box">
    <h3>contact info</h3>
    <a href="#"> <i class="fas fa-phone"></i> +123-456-7890 </a>
    <a href="#"> <i class="fas fa-phone"></i> +111-222-3333 </a>
    <a href="#"> <i class="fas fa-envelope"></i> shaikhanas@gmail.com </a>
    <a href="#"> <i class="fas fa-map"></i> mumbai, india - 400104 </a>
    </div>

    <div class="box">
    <h3>follow us</h3>
    <a href="#"> <i class="fab fa-facebook-f"></i> facebook </a>
    <a href="#"> <i class="fab fa-twitter"></i> twitter </a>
    <a href="#"> <i class="fab fa-instagram"></i> instagram </a>
    <a href="#"> <i class="fab fa-linkedin"></i> linkedin </a>
    </div>

    </div>

    <div class="credit"> created by <span>mr. web designer</span> | all rights


    reserved! </div>

    </section>

    <!-- footer section ends -->

    <!-- swiper js link -->


    <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

    <!-- custom js file link -->


    <script src="js/script.js"></script>

    </body>
    </html>

    You might also like