-
Notifications
You must be signed in to change notification settings - Fork 0
/
Our services.html
119 lines (85 loc) · 6.22 KB
/
Our services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<!--CSS LINKS-->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/index.css">
<!--FONT AWESOME-->
<script src="https://kit.fontawesome.com/fc6da9ddad.js" crossorigin="anonymous"></script>
<!--BOOTSTRAP LINKS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!--GOOGLE FONTS LINKS-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Nunito:wght@400;700&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div>
<!-- navbar -->
<nav class="navbar justify-between">
<div class="container mt-2">
<h1 class="site-title text-orange font-weight-bold text-hover-black m-1">ALPHAFATLOSS</h1>
<ul class="display-f">
<li class="m-2 text-orange"><a class="text-orange text-hover-black" href="index.html">HOME</a></li>
<li class="m-2 text-orange"><a class="text-orange text-hover-black" href="About Us.html">ABOUT </a></li>
<li class="m-2 text-orange"><a class="text-orange text-hover-black" href="Contact.html">CONTACT</a></li>
<li class="m-2 text-orange"><a class="text-orange text-hover-black"href="Our services.html">SERVICES</a></li>
</ul>
</div>
</nav>
<h2 class="m-5 buttons text-hover-orange">OUR SERVICES</h2>
<center><img src="images/hl2.jpg" width="500px" alt=""></center>
<div class="buttons">
<h3 class="m-3">MEAL TRACKER</h3>
<p class="p-3 m-3">Record your daily food intake using the Diet.com Calorie Counter to find the food you ate. Choose from over 6000 food items listed or, if you already know how many calories your food contains, keep a note of it here. Do you have favorite meal combinations? Save them as favorite meals!</p>
<button class="btn-outlined-orange text-orange text-hover-white" type="submit" name="Submit" value="SUBMIT" onclick="localS()">Track my meals</button></div><hr>
<center><img src="images/my-exercise-tracker.jpg" width="500px" alt=""></center>
<div class="buttons">
<h3 class="m-3">EXERCISE TRACKER</h3>
<p>
This tool will help you stay on top of the amount of calories you have burned throughout the day, whether it's doing housework or strength training.
</p>
<button class="btn-outlined-orange text-orange text-hover-white" type="submit" name="submit" value=SUBMIT onclick="localS()">Track my exercise</button><hr>
</div>
<center><img src="images/my-weight-tracker.jpg" width="500px" alt=""></center>
<div class="buttons">
<h3 class="m-3">WEIGHT TRACKER</h3>
<p class="p-3 m-3">
Need help keeping accountable and sticking to your diet? This weight tracker will record and create progress graphs so you can feel proud about how far you have come on your weight loss journey.
</p>
<button class="btn-outlined-orange text-orange text-hover-white" type="submit" name="submit" value="SUBMIT" onclick="localS()">Track my weight</button><hr>
</div>
<center><img src="images/my-workout-builder.jpg" width="500px" alt=""></center>
<div class="buttons m-3">
<h3 class="m-3">BUILD MY WORKOUT</h3>
<p class="p-3 m-3">
Prefer customizing your own workout but need ideas or ways to improve your technique and form? Our workout builder contains hundreds of demonstrated exercises so you can easily make your own exercise playlist that fits you.</p>
<button class="btn-outlined-orange text-orange text-hover-white" type="submit" name="submit" value="SUBMIT" onclick="localS()">Build my workout</button><hr>
</div>
<center><img src="images/hl4.jpg" width="500px"></center>
<div class="buttons m-2">
<h3 class="m-3">NUTRITION VIDEOS</h3>
<p class="p-3 m-3">
Access hundreds of nutrition, cooking and food videos based on the 1000+ healthy weight loss recipes demonstrated by chefs, nutritionists and food experts.
</p>
<button class="btn-outlined-orange buttons text-orange text-hover-white" href="Alpha nutrition videos"> Nutrition videos</button>
</div>
<p class="m-3">© ALPHAFATLOSS@Alphablogsite.com</p>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!--Bootstrap Jquery-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<script type="text/javascript">
function localS(){
alert("SORRY," + "THIS FEATURE IS FOR REGISTERED MEMBERS," + "KINDLY UPGRADE TO GET OUR FULL PACKAGE");
}
</script>
</body>
</html>