Skip to content

Commit

Permalink
Completed Home & About Section
Browse files Browse the repository at this point in the history
  • Loading branch information
Rushberry committed Aug 6, 2024
1 parent bc68b50 commit a48a753
Show file tree
Hide file tree
Showing 3 changed files with 731 additions and 0 deletions.
Binary file added assets/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
190 changes: 190 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,190 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fitness</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/db694bdc3c.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon"> <!--<a href="https://www.flaticon.com/free-icons/gym" title="gym icons">Gym icons created by Freepik - Flaticon</a>-->
</head>
<body>
<!-- <header>
<nav>
<div class="nav-logo">
<h1>Fitness</h1>
</div>
<div class="nav-options">
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#Service">Service</a></li>
<li><a href="#Contact">Contact</a></li>
<li><a href="#About">About</a></li>
<i class="fa-solid-fa-bars bars"></i>
</ul>
</div>
</nav>
</header> -->
<main>
<section id="Home">
<div class="home">

</div>
</section>
<section id="Service">
<div class="service">
<div class="service-heading">
<h1>Change Your Habits</h1>
<p>We believe fitness should be accessible to everyone, everywhere, regardless of income or access to a gym.</p>
</div>
<div class="service-container">
<div>
<img src="assets/image 3.png" alt="Movement">
<h3>Movement</h3>
<p>We believe fitness should be accessible to everyone</p>
</div>
<div>
<img src="assets/image 2.png" alt="Time">
<h3>Time</h3>
<p>We believe fitness should be accessible to everyone</p>
</div>
<div>
<img src="assets/image 4.png" alt="Practice">
<h3>Practice</h3>
<p>We believe fitness should be accessible to everyone</p>
</div>
<div>
<img src="assets/image 5.png" alt="Weight Loss">
<h3>Weight Loss</h3>
<p>We believe fitness should be accessible to everyone</p>
</div>
</div>
</div>
<div class="join">
<div class="text">
<h1>Run an Extra
Mile Easily</h1>
<p>We believe fitness should be accessible to everyone, everywhere, regardless of income or access to a gym. With hundreds of professional workouts.</p>
<a href="https://medium.com/@ThisIsShubhangi/running-taking-an-extra-mile-%EF%B8%8F-24598fbe2e4" target="_blank"><button>Join Now</button></a>
</div>
<div class="img"></div>
</div>
</section>
<section id="About">
<div class="about">
<div class="about-heading">
<h1>Meet Our Team</h1>
<p>We believe fitness should be accessible to everyone, everywhere, regardless of income or access to a gym.</p>
</div>
<div class="team">
<div class="trainer">
<div class="t1">
<div id="trainer1">
<div class="text">
<h3>Jerome Bell</h3>
<p>Trainer</p>
</div>
</div>
<div id="trainer2">
<div class="text">
<h3>Dianne Russell</h3>
<p>Trainer</p>
</div>
</div>
</div>
<div class="t2">
<div id="trainer3">
<div class="text">
<h3>Cameron William</h3>
<p>Trainer</p>
</div>
</div>
<div id="trainer4">
<div class="text">
<h3>Cody Fisher</h3>
<p>Trainer</p>
</div>
</div>
</div>
<div class="t3">
<div id="trainer5">
<div class="text">
<h3>Darrell Steward</h3>
<p>Trainer</p>
</div>
</div>
<div id="trainer6">
<div class="text">
<h3>Theresa Webb</h3>
<p>Trainer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer">
<div>
<h1 class="tittle">Fitness</h1>
<p>We believe fitness should be accessible to everyone, everywhere, regardless of income or access to a gym. With hundreds of professional workouts.</p>
</div>
<div class="start">
<h2>Get Started</h2>
<ul>
<li>
<a href="">
<p>Service</p>
</a>
</li>
<li>
<a href="">
<p>Contact Us</p>
</a>
</li>
<li>
<a href="">
<p>Affiliate Program</p>
</a>
</li>
<li>
<a href="">
<p class="last-p">About Us</p>
</a>
</li>
</ul>
</div>
<div class="start">
<h2>Get Started</h2>
<ul>
<li>
<a href="">
<p>Fitness</p>
</a>
</li>
<li>
<a href="">
<p>Platform</p>
</a>
</li>
<li>
<a href="">
<p>Workout Library</p>
</a>
</li>
<li>
<a href="">
<p class="last-p">App Design</p>
</a>
</li>
</ul>
</div>
</div>
<div class="copyright">
<p>All right reserved @Fitness 2024</p>
</div>
</footer>
</body>
</html>
Loading

0 comments on commit a48a753

Please sign in to comment.