DIS_flask/project-1.html at main · chyeswanth/DIS_flask · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>
<head>
	<title>FitTrack - Your Ultimate Fitness Companion</title>
    <style>
        body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

header {
	background-color: #333;
	color: #fff;
	padding: 20px;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav ul li {
	display: inline-block;
	margin-right: 20px;
}

nav ul li a {
	color: #fff;
	text-decoration: none;
}

#hero {
	background-image: url('hero-bg.jpg');
	background-size: cover;
	color: #fff;
	padding: 100px;
}

#hero h2 {
	font-size: 48px;
	margin-bottom: 20px;
}

#hero p {
	font-size: 24px;
	margin-bottom: 40px;
}

.cta-btn {
	background-color: #f00;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	text-decoration:
}

    </style>
</head>
<body>
	<header>
		<h1>FitTrack</h1>
		<nav>
			<ul>
				<li><a href="#features">Features</a></li>
				<li><a href="#about">About Us</a></li>
				<li><a href="#contact">Contact Us</a></li>
			</ul>
		</nav>
	</header>
	<section id="hero">
		<h2>Your Ultimate Fitness Companion</h2>
		<p>Track your fitness activities, set goals, and stay motivated with FitTrack.</p>
		<a href="#" class="cta-btn">Get Started</a>
	</section>
	<section id="features">
		<h2>Features</h2>
		<ul>
			<li>Track your daily steps, calories burned, and distance covered</li>
			<li>Set goals and receive personalized workout plans</li>
			<li>Connect with friends and share your progress</li>
			<li>Get real-time feedback and insights</li>
		</ul>
	</section>
	<section id="about">
		<h2>About Us</h2>
		<p>FitTrack was founded in 2023 with the goal of helping people lead healthier and more active lifestyles. Our team of fitness enthusiasts and experts are dedicated to creating innovative solutions that make fitness fun and accessible for everyone.</p>
	</section>
	<section id="contact">
		<h2>Contact Us</h2>
		<form>
			<label for="name">Name:</label>
			<input type="text" id="name" name="name">
			<label for="email">Email:</label>
			<input type="email" id="email" name="email">
			<label for="message">Message:</label>
			<textarea id="message" name="message"></textarea>
			<input type="submit" value="Send">
		</form>
	</section>
	<footer>
		<p>&copy; 2023 FitTrack. All rights reserved.</p>
	</footer>
</body>
</html>