<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>689.Fitness</title>
<script src="button.js"></script>
</head>
<body>
</body>
</html>
<head>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" href="styles.css">
<script src="button.js"></script>
</head>
<title>
689.Fitness
</title>
<body>
<main>
<header>
<img src="logo.png">
<nav>
<ul>
<li><a href="home" id="homeButton">Home</a></li>
<li><a href="about" id="aboutButton">About</a></li>
<li><a href="pricing" id="pricingButton">Pricing</a></li>
<li><a href="aboutme" id="meButton">About Me</a></li>
<li><a href="contact" id=contactButton>Contact</a></li>
</ul>
</nav>
</header>
<section class="part1">
<section class="para1">
<h2>
Welcome to 689.Fitness
<h3>
Where you will be the best <span style="color:#fad13f" class="YOU">YOU</span> will ever be
</h3>
</h2>
<p>
Welcome to a world where sweat transforms into strength. Determination conquers doubt. And every drop propels you closer to the best version of yourself. I am dedicated to helping you reach your fitness goals. With personalized workout plans, nutritional guidance, and motivation, I focus on proper form, technique, and support to empower you on your journey to a healthier, stronger, and more confident you.
</p>
</section>
<p>
<form>
<button type="submit" formaction="https://www.youtube.com" class="clickme">Click me</button>
</form>
</p>
</section>
<section class="part2">
<h2>
What is 689.Fitness?
</h2>
<p1>Get ready to unleash the athlete within and embark on a journey of empowerment, resilience, and self-discovery.
This is not just a workout-it's a transformational experience that will redefine your limits and ignite your passion for health and fitness.
Are you ready to push beyond boundaries and embrace the challenge? Join me on this journey together and sculpt the masterpiece that is your body and soul.
</p1>
<form>
<button type="submit" formaction="https://www.youtube.com" class="emailme">Email Me</button>
</form>
</section>
<section class="part3">
<h2>What I Can Do For You</h2>
<p>I will make sure to succeed in my 3 goals</p>
<div class="container">
<div class="box" id="box1">
<h1>1</h1>
<h2>Strength Training</h2>
<p>Strength Training is an essential part of any fitness journey.
My program focuses on building muscle, increasing strength, and improving overall body composition.
Get ready to transform your Physique and enhance your performance.
</p>
</div>
<div class="box" id="box2">
<h1>2</h1>
<h2>Weight Loss</h2>
<p>Losing weight and achieving a healthy body weight is a common goal for many.
With my guidance, you'll embark on a weight lossjourney that combines effective workouts and nutrition strategies.
Say goodbye to excess pounds and hello to a fitter, healthier You.
</p>
</div>
<div class="box" id="box3">
<h1>3</h1>
<h2>Fundemental Training</h2>
<p>Functional training is all about improving your everyday movements and enhancing your quality of life.
Through a combination of exercise that mimic real-fife activities, I will help you develop strength, flexibility, and stability.
Gear yourself up to move and feel better!
</p>
</div>
</div>
</section>
<section class="part4" id=aboutmeSection>
<div class="moremoore">
<div class="aboutme">
<img src="muscleguy.jpg" alt="More Moore" class="moorepic">
</div>
<div class="aboutmetext" id="aboutme">
<h1>About Me</h1>
<p>I have been around the Fitness World most of my life.
Being taught by Great Trainers and “Gym Bros” whose level of motivation, technique and drive inspired me to pursue fitness as part of my career.
Over the last 30 years, I have come to believe that Strength Training plays an important role in long term health and wellness.
As a Trainer, and one who has competed on the Bodybuilding Stage multiple times, I have seen personally how building strength and discipline has benefited Me and those who I have worked with over the years: from regular gym goers, who just want to get fit, to the older population, people with health issues and fellow bodybuilders with the goal of competing.
I want to give others what was given to me: the knowledge and opportunity to attain their utmost potential whatever it may be on their fitness journey. I look forward to working with you very soon!
</p>
</div>
</div>
</section>
<section id="contacts">
<h1>Contact</h1>
<p class="contacts">
Telephone
Instagram
TikTok
eMail
LinkedIn
</p>
</section>
</main>
</body>
</head>
</html>
But the last sextion only shows when there is not styles.css connected to this.
I thought the problem was in html. Because when I used codesandbox, it was constantly connected to my css file. But after I put it in vscode and forgot to add css, it showed the contacts section as its own little space like it always does.
The problem shows up when I add the css file to the html sheet.
You need to sign in to view this answers
