-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (122 loc) · 5.64 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
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BalanceBudd</title>
<link rel="stylesheet" href="style.css">
<!-- <link rel="stylesheet" media="screen and (max-width: 1170px)" href="phone.css"> -->
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="LOGOS.png" alt="balancebudd.com">
</div>
<div>
<ul>
<li class="item"><a href="index.html">Home</a></li>
<li class="item"><a href="./fitness/fitness.html">Fitness</a></li>
<li class="item"><a href="chatbudd/chatbudd.html">Chatbudd</a></li>
<li class="item"><a href="journaling.html">Journaling</a></li>
<li class="item"><a href="game/game.html">Games</a></li>
<li class="item"><a href="appoint.html">Appointments</a></li>
<li class="item"><a href="#contact">Contact</a></li>
<li class="item"><a href="login.html">Login</a></li>
<li class="item"><a href="signup.html">Sign-Up</a></li>
</ul>
</div>
</nav>
<section id="home">
<h1 class="h-primary" style="font-size: 80px;">BalanceBudd</h1>
<h3>
Breathe and Balance your health effortlessly
</h3>
<!-- <button class="btn">Join Now</button> -->
</section>
<section class="yoga-container">
<h1 class="h-primary">Fitness: 🏋️♀️</h1>
<h3>
Dive into our fitness section to discover workout routines, nutrition tips, and wellness advice.
Whether you’re a beginner or a seasoned athlete, we’ve got something for everyone. Get ready to break
a sweat and feel amazing!
</h3>
</section>
<section class="yoga-container">
<h1 class="h-primary">Games: 🎮</h1>
<h3>
Unwind and recharge with our collection of relaxing games. From soothing puzzles to mind-bending
challenges, our games are designed to give you a mental break. Explore, play, and let the stress melt
away
</h3>
</section>
<section class="yoga-container">
<h1 class="h-primary">ChatBudd: 💬</h1>
<h3>
Meet ChatBudd, your friendly virtual companion! ChatBudd is here to listen, share stories,
and provide a dose of positivity. Whether you need a pep talk or just want to chat, ChatBudd has your
back.
</h3>
</section>
<section class="yoga-container">
<h1 class="h-primary">Journaling: 📝</h1>
<h3>
Grab your digital pen and start journaling! Our journaling section is a safe space to express your
thoughts, set goals, and reflect on your journey. Write about your achievements, challenges, and
moments of gratitude.
</h3>
</section>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email: </label>
<input type="email" name="name" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone">
</div>
<!-- <div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div> -->
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.balancebudd.com. All rights reserved!
</div>
</footer>
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.11.1/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.11.1/firebase-analytics.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyBwu3KyewvOeepKcmCSZkdbkAZjqSg4poE",
authDomain: "balancebudd-c5789.firebaseapp.com",
projectId: "balancebudd-c5789",
storageBucket: "balancebudd-c5789.appspot.com",
messagingSenderId: "187850436843",
appId: "1:187850436843:web:91af7c5b3c4eafbbfbceae",
measurementId: "G-NF6L3ETRVR"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
<script src="https://www.gstatic.com/firebasejs/10.11.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.11.1/firebase-auth.js"></script>
</body>
</html>