-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
132 lines (124 loc) · 8.26 KB
/
index.html
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-wdith initial-scale=1">
<title>Prashank Tiwaree- Personal Trainer</title>
<meta name="description" content="Prashank Tiwaree is a fitness coach, transformation specialist and have changed lives of many people. He got different workout programmes specially tailor made for you. Learn more right now">
<link rel="shortcut icon" type="image/jpg" href="Favicon-broad dreams.jpg">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<!--Nav Bar-->
<nav class="nav-class" id="sticky">
<h3 class="logo-txt">Prashank Tiwaree</h3>
<a href="#" class="toggle-btn">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="nav-links">
<ul class="nav-list">
<li class="nav-item"><a id="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a id="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a id="nav-link" href="services.html">Services</a></li>
<li class="nav-item"><a id="nav-link" href="testimonials.html">Testimonials</a></li>
<li class="nav-item"><a id="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<!--Background-->
<div class="wall">
<img class="wall-pic" src="Bodybuilder.jpg" alt="A bodybuilder zoom look focused on abs, chest and arms with the wording of 'Take Your Fitness To Next Level'">
</div>
<!--Service Brief-->
<section class="services">
<h1 class="serive-heading">Be A Better You</h1>
<h2 class="serive-heading second">With Prashank Tiwaree</h1>
<p class="service-text">If you want to lose weight, tone up, gain lean muscle, train to have a healthier lifestyle, learn about the food you eat, feel better with your skin then Prashank Tiwaree is the best coach for you. I help you to meet your fitness goals by studying about you in order to give you a better service for what you pay to invest in yourself. Learn more about my workout programmes, diet plans and consulting services.</p><br>
<p class="service-text">I will help you to achieve your health goals in a structured processive manner within a range of time that aligns with your work life. Training with me means that you are training not just for hypertrophy but also for all aspects of fitness like flexibility, endurance, strength, and much more.
Learn more about me and my health & fitness programs.</p>
<div class="service-card-grid">
<div class="service-card">
<img src="https://img.icons8.com/ios-glyphs/90/000000/deadlift--v1.png"/>
<h4 class="card-title">Workout Programmes</h4>
<p class="card-txt">What’s your body goal? Losing a few pounds? Or to be next Dwayne the Rock Johnson? I help you to reach that goal with my workout programmes specially customized only for you.</p>
<a id="service-link" href="services.html">Learn More</a>
</div>
<div class="service-card">
<img src="https://img.icons8.com/ios-glyphs/90/000000/rice-bowl.png"/>
<h4 class="card-title">Diet Plans</h4>
<p class="card-txt">Learn about your body and the food that fuels you. Make healthy lifestyle eating habits with me. Eat the right food and Reach your goals faster with me.</p>
<a id="service-link" href="services.html">Learn More</a>
</div>
<div class="service-card">
<img src="https://img.icons8.com/ios-glyphs/90/000000/counselor.png"/>
<h4 class="card-title">Consulting</h4>
<p class="card-txt">Food and training is important. Mental clarity and emotional support also needed in this journey. Why not let me help you with that as well?</p>
<a id="service-link" href="services.html">Learn More</a>
</div>
</div>
</section>
<section class="about">
<div class="main-wrap">
<div class="wording-about">
<h2 class="about-main">My Story</h1>
<p class="about-para">When I started my journey of fitness, little did I know that I’d fall in love with a lifestyle that revolves around health and fitness. I began working out with an ordinary mindset to just get fit but as I trained and trained hard, I loved seeing the transformation of my body into a better and healthy me.
What happens when anyone starts fitness training is that the initial 2-3 months are the hardest. If you are able to stick with yourself and give 100% dedication to this initial period, then the rest of the journey doesn’t seem that cruel and eventually you start enjoying the process.</p>
<p class="about-para">I believe that the foundation should be strong. I feel myself lucky to have had people around me who guided me properly when I began my physical training. Same way, I want to take this positivity, encouragement and discipline forward and be the guide and fitness trainer to those who really want to enter a healthier lifestyle.</p>
<p class="about-para">My goal is not just limited to fitness but more than that.</p>
<p class="about-para">I really want to bring about a change in the daily routines of people’s lifestyle and want to make physical workout a part of their daily lives. Physical training not only brings physical transformation but inner mental and emotional glow as well.
That’s me with my fitness journey and goals. Come join me and enter the next level YOU!</p>
<button id="about-btn"><a id="about-link" href="about.html">About</a></button>
</div>
<img class="about-img" src="Portrait of prashank.jpg" alt="I'm Prashank TIwaree. Your personal trainer. Yes that is me in this portrait">
</div>
</section>
<section class="testimonials">
<h2 class="testi-title">Testimonials</h1>
<div class="test-grid">
<div class="testi-card">
<img id="trans-pic-home" src="Transformation 02.jpg" alt="Before and after results of my clients. Copyright of Prashank Tiwaree Fitness">
</div>
<div class="testi-card">
<img id="trans-pic-home" src="Transformation 05.jpg" alt="Before and after results of my clients. Copyright of Prashank Tiwaree Fitness">
</div>
<div class="testi-card">
<img id="trans-pic-home" src="Transformation 07.jpg" alt="Before and after results of my clients. Copyright of Prashank Tiwaree Fitness">
</div>
</div>
<button id="testi-btn"><a id="testi-link" href="testimonials.html">See More</a></button>
</section>
<section class="contact">
<div class="contact-wrapper">
<h2 class="contact-main">My Mission</h1>
<div class="sub-contact-wrapper">
<img id="contact-img" src="Prashank Posing.jpg" alt="Through the journey of ftiness I've come this far not to come this far">
<div>
<p class="contact-txt">My mission is clear in my mind, that is ‘Fitness as a lifestyle.’ I love to help people achieve their fitness goals. I push them enough to stick with something that they not only get results from, but also derive joy in the process.
A healthy body, in and out, is one of the golden investments you can do for yourself. Gain knowledge not just about the physical drill that you go under but also about the food you give to your body and much more. Gain confidence about yourself in everything you do.
I am completely committed in helping you build better relationship with your body, mind and soul by elevating your physical health with fitness.
I live fitness and want to spread the same positivity among people of all age groups. I devote my efforts to the same and charge reasonably.
Take a leap of faith and begin your fitness journey with me today!</p>
<button id="contact-btn"><a id="contact-link" href="contact.html">Contact</a></button>
</div>
</div>
</div>
</section>
<footer>
<ul class="footer-list">
<li class="footer-item"><a id="footer-link" href="about.html">About</a></li>
<li class="footer-item"><a id="footer-link" href="services.html">Services</a></li>
<li class="footer-item"><a id="footer-link" href="testimonials.html">Testimonials</a></li>
<li class="footer-item"><a id="footer-link" href="contact.html">Contact</a></li>
</ul>
<div class="sponser">
<a href="https://github.com/kisaraF" target="_blank">Web Design By kisaraF</a>
<p>© All Rights Reserved</p>
</div>
</footer>
<script type="text/javascript" src="script.js"></script>
</body>
</html>