Skip to content

C
Champions
Commit 9bc8cda7 authored by paolo.tokam's avatar paolo.tokam
Browse files
Options

Add new file

parents
Show whitespace changes
Inline Side-by-side
Showing with 289 additions and 0 deletions
About Us 0 → 100644
View file @ 9bc8cda7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>about</title>
<!-- swiper css link -->
<link rel="stylesheet"
href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!-- font awesome cdn link -->
<link rel = "stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- custom css file link -->
<link rel = "stylesheet" href="css/style.css">
<!-- header section Begins -->
<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="buy.php">buy</a>
</nav>
<div id="menu-btm" class="fas fa-bars"></div>
</selection>
<!-- header section ends -->
<div class="heading" style="background:url(images/heading-bg-1.png) no-repeat">
<h1>about us</h1>
</div>
<!-- about section begins -->
<section class="about">
<div class="image">
<img src="image/about-img.jpg" alt="
</div>
<div class="content">
<h3>choose us<h3>
<p>What makes this site unique is the ability
to bring a community of football fans together,
by focusing on the community demands and needs.To give a sense of togetherness.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestiae vero laudantium fuga assumenda optio, saepe iste ducimus,
unde dicta temporibus, recusandae sequi adipisci inventore aut! Officiis magni nemo tempore nisi.</p>
<div class="icons-container">
<div class="icons">
<i class="fas fa-team"></i>
<span>team of the week</span>
</div>
</div class="icons">
<i class="fas fa-week"></i>
<span>player of the week</span>
</div>
</div class="icons">
<i class="fas fa-month"></i>
<span>player of the month</span>
</div>
</div>
</div>
</section>
<!-- about section ends -->
<!-- reviews sections begins -->
<sections class="reviews">
<div class="swiper review-slider">
<div class="swipper-wrapper">
<div class="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. Suscipit necessitatibus,
aperiam eligendi veniam, voluptatem explicabo obcaecati nulla doloribus qui nesciunt,
incidunt eveniet. Facilis nulla tempora hic itaque libero ipsam ipsa.</p>
<h3>messi</h3>
<span>footballer</span>
<img src="image/pic-1.png" alt="">
</div>
<div class="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. Blanditiis quidem itaque ullam nihil, facilis impedit repellendus
eaque dicta atque placeat sit! Exercitationem provident nostrum saepe? Id ad harum incidunt,
corrupti debitis error magni aut aspernatur, est, animi iure nemo deserunt?</p>
<h3>messi</h3>
<span>footballer</span>
<img src="image/pic-2.png" alt="">
</div>
<div class="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. Blanditiis quidem itaque ullam nihil, facilis impedit repellendus
eaque dicta atque placeat sit! Exercitationem provident nostrum saepe? Id ad harum incidunt,
corrupti debitis error magni aut aspernatur, est, animi iure nemo deserunt?</p>
<h3>messi</h3>
<span>footballer</span>
<img src="image/pic-3.png" alt="">
</div>
</div>
<div class="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.
Illo fugit, quos excepturi amet saepe assumenda.</p>
<h3>messi</h3>
<span>footballer</span>
<img src="image/pic-4.png" alt="">
</div>
<div class="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. Dolorem nemo,
illum atque doloremque similique eaque ipsum. Quaerat aspernatur alias,
eos explicabo nisi officiis? Id, animi? Deleniti laborum a ea reiciendis aspernatur dolore quam repellendus amet?</p>
<h3>messi</h3>
<span>footballer</span>
<img src="image/pic-5.png" alt="">
</div>
<div class="swiper-slider 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. Nihil,
dolore explicabo at optio asperiores laudantium cupiditate nesciunt eveniet qui provident.</p>
<h3>messi</h3>
<span>footballer</span>
<img src="image/pic-6.png" alt="">
</div>
</div>
</div>
</section>
<!-- reviews sections ends -->
<!-- footer section begins -->
<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="buy.php"><i class="fas fa-angle-right"></i> Buy</a>
</div>
</div class= "box">
<h3>quick 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 and Conditions</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 and Conditions</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> +222-777-8888</a>
<a href="#"><i class="fas fa-email"></i> paolo.tokam@yorksj.ac.uk </a>
<a href="#"><i class="fas fa-location"></i> new york, london, york </a>
</div>
</div class= "box">
<h3>follow us</h3>
<a href="#"><i class="fas fa-instagram"></i> facebook </a>
<a href="#"><i class="fas fa-twitter"></i> twitter </a>
<a href="#"><i class="fas fa-snapchat"></i> snapchat</a>
<a href="#"><i class="fas fa-facebook"></i> facebook </a>
</div>
</div>
<div class="credit"> created by <span>paolo tokam</span> | all rights reserved! </div>
</section>
<!-- footer section ends -->
<!-- swiper js link -->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<!--custom js file link -->
<script src="js/script.js"></script>
</head>
<body>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment