-
Notifications
You must be signed in to change notification settings - Fork 1
/
about_us.html
213 lines (210 loc) · 12.9 KB
/
about_us.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link rel="stylesheet" href="./index.css">
<title>About Us</title>
</head>
<body>
<header class="nav-item d-flex flex-column justify-content-evenly">
<nav class="navbar navbar-expand-lg navbar-light nav_logo">
<img src="./images/tab_logo_B-O.png" alt="TAB logo">
<div class="container-fluid display-fixed px-4 py-3">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav to_center">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">How it Works</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Community</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">About Us</a>
</li>
</ul>
</div>
</div>
<div class=" container nav_btns w-25 me-5t">
<p>Help</p>
<p><i class="fa-solid fa-user p-3"></i><span>Account</span></p>
</div>
</nav>
<div class="container-fluid about_us_hero_section">
<div class="container about_us_hero_section_text">
<h2 class="h2">Providing a comprehensive solution that offers customizable break times and timely reminders
for effective work experience and well-being prioritization.</h2>
<p>Our mission is to create a transformative and user-centric app that empowers
individuals to prioritize their mental well-being, enhance productivity, and foster a healthy work-lfe balance.
The “Take a Break” app aims to be a guiding companion, helping users integrate regular
breaks and relaxation activities seamlessly into their daily routines.</p>
</div>
</header>
</header>
<main>
<section class="container">
<div class="container py-3">
<svg xmlns="http://www.w3.org/2000/svg" width="492" height="12" viewBox="0 0 492 12" fill="none">
<path d="M480.667 6C480.667 8.94552 483.054 11.3333 486 11.3333C488.946 11.3333 491.333 8.94552 491.333 6C491.333 3.05448 488.946 0.666667 486 0.666667C483.054 0.666667 480.667 3.05448 480.667 6ZM0 7H486V5H0V7Z" fill="#F46500"/>
</svg>
</div>
<div class="container who_are_we_section">
<div class="container who_are_we_section_text">
<h2>Who We Are</h2>
<p>
The Timeout-And-Breathe team is a group of passionate Ladies who share a common vision of promoting relaxation, mindfulness, and well-being in today's fast-paced world. <br>
Each member brings a unique set of skills and expertise to create a seamless and enriching experience for the users. <br>
The team includes Product Managers, Scrum Masters, Branding and Marketting professionals, Product Designers, Front and Back-End Developers, Data Analysts and Artificial intelligence professionals. <br>
Together, the Timeout-And-Breathe team works collaboratively to bring our products mission to fruition. Our dedication to promoting relaxation and well-being drives us to continuously improve our product and offer a peaceful refuge for users seeking moments of calmness in their lives.
</p>
</div>
<img src="./images/who_are_weimg.jpeg" alt="our_goals img">
</div>
<div class="container py-3" id="svg_opposite">
<svg xmlns="http://www.w3.org/2000/svg" width="492" height="12" viewBox="0 0 492 12" fill="none">
<path d="M11.3333 6C11.3333 8.94552 8.94553 11.3333 6 11.3333C3.05447 11.3333 0.666656 8.94552 0.666656 6C0.666656 3.05448 3.05447 0.666667 6 0.666667C8.94553 0.666667 11.3333 3.05448 11.3333 6ZM492 7H6V5H492V7Z" fill="#F46500"/>
</svg>
</div>
<div class="container our_goals_section">
<img src="./images/our_goalsimg.jpeg" alt="commitment img">
<div class="container our_goals_section_text">
<h2>Our Goals</h2>
<p>
To enhance productivity by optimizing work sessions and promoting health and wellbeing. <br>
By providing well-timed break reminders, the product helps users avoid burnout and maintain mental clarity, leading to improved task completion and overall work efficiency <br>
To encourage users to take regular breaks and engage in relaxation or relaxing physical activities during work. <br>
Incorporate short breaks in the schedule of working individuals which can help reduce stress and prevent the negative impacts of prolonged sitting or continuous work. <br>
To become a user-friendly app and effective tool that empowers individuals to optimize their work sessions, improve productivity, and prioritize their well-being.
</p>
</div>
</div>
<div class="container py-3">
<svg xmlns="http://www.w3.org/2000/svg" width="492" height="12" viewBox="0 0 492 12" fill="none">
<path d="M480.667 6C480.667 8.94552 483.054 11.3333 486 11.3333C488.946 11.3333 491.333 8.94552 491.333 6C491.333 3.05448 488.946 0.666667 486 0.666667C483.054 0.666667 480.667 3.05448 480.667 6ZM0 7H486V5H0V7Z" fill="#F46500"/>
</svg>
</div>
<div class="container commitment_section">
<div class="container commitment_section_text">
<h2>Our Commitment</h2>
<p>
Quality Content: We are committed to curating and producing high-quality content that aligns with our mission of promoting relaxation and well-being. User Privacy: Your privacy is of utmost importance to us. We adhere to strict data protection policies, ensuring that your personal information remains secure. <br>
Continuous Improvement: We continuously strive to enhance the app's features, user experience, and content based on your valuable feedback and evolving needs.
</p>
</div>
<img src="./images/commit_img.jpeg" alt="our_goals img">
</div>
</section>
<section class="our_features_section">
<h1 class="blockquote text-center p-5 m-5 fs-2">Our Features</h1>
<div class="container align-center p-5 how_tab_sec_work">
<div class="row gap-5">
<div class="container individual_container col-lg-3">
<img src="./images/3d-icons-2.png" alt="">
<h3>Break Reminders</h3>
<p>T A B sends timely reminders to users to take breaks and engage in relaxation or physical activities.</p>
</div>
<div class="container individual_container col-lg-3">
<img src="./images/services_icon.png" alt="">
<h3>Customizable Break Intervals</h3>
<p>Users can set personalized break intervals and durations to suit their work habits.</p>
</div>
<div class="container individual_container col-lg-3">
<img src="./images/jotter_icon.png" alt="">
<h3>Report Analysis</h3>
<p>T A B offers detailed productivity reports that summarize users' work habits, break adherence, and task completion rates.</p>
</div>
<div class="container individual_container col-lg-3">
<img src="./images/music_icon.png" alt="">
<h3>Ambient Sound</h3>
<p>Immerse yourself in the soothing sounds of nature or enjoy carefully curated calm music playlists designed to melt away stress and tension.</p>
</div>
<div class="container individual_container col-lg-3">
<img src="./images/3d-icons-3.png" alt="">
<h3>Exercise Actvities</h3>
<p>Discover mindfulness practices that bring your awareness to the present moment, allowing you to savor life's simple pleasures and reduce anxiety.</p>
</div>
<div class="container individual_container col-lg-3">
<img src="./images/privacy_icon.png" alt="">
<h3>Security and Privacy</h3>
<p>T A B will comply with data privacy regulations, and user consent will be obtained for data collection and usage.</p>
</div>
</div>
</div>
</section>
<section class="container section_wrap_up">
<div class="container m-5 container become_family_form">
<p class="m-3">
We encourage you to embark on this journey of inner calmness with us. Together, let's embrace moments of tranquility, find solace in the present, and prioritize our well-being midst life's demands. With Timeout-And-Breathe, relaxation is just a tap away. <br>
If you have any questions, feedback, or suggestions, we are here to listen and respond. Feel free to reach out to us through our contact channels or join our upcoming community feature to connect with like-minded individuals.
</p>
<button class="btn sign_up_btn">Get Started</button>
</div>
</section>
</section>
</main>
<footer class="mt-5 footer text-light pt-5">
<div>
<div class="top-footer">
<div class="d-md-flex justify-content-center gap-5">
<div class="d-grid flex-column ps-5 logo-footer-div">
<img class="w-25 ps-5" src="./images/tab_logo_B-O.png" alt="tab-logo">
<div class="ps-2 d-flex flex-row align-items-center ">
<i class="pe-3 fs-5 fa-solid fa-phone-volume"></i>
<p>+234 123 456 7890</p>
</div>
<div class="container d-flex flex-row align-items-center">
<i class="pe-3 fs-5 fa-brands fa-facebook"></i>
<p>Timeout-And-Breathe</p>
</div>
<div class="container d-flex flex-row align-items-center ">
<i class="iconic pe-3 fs-5 fa-brands fa-instagram"></i>
<p>Timeout-And-Breathe</p>
</div>
</div>
<div class="d-md-flex flex-md-row justify-content-evenly">
<div class="text p-5">
<h5>Company</h5>
<h6><a href="#">About Us</a></h6>
<h6><a href="#">FAQ</a></h6>
<h6><a href="#">Contact Us</a></h6>
</div>
<div class="text p-5">
<h5>Product</h5>
<h6><a href="#">How it works</a></h6>
<h6><a href="#">Community</a></h6>
</div>
<div class=" text p-5">
<h5>Legal</h5>
<h6><a href="#">Terms and Conditions</a></h6>
<h6><a href="#">Community Guideline</a></h6>
<h6><a href="#">Community Guideline</a></h6>
<h6><a href="#">Privacy Policy</a></h6>
</div>
</div>
</div>
<div class="d-flex flex-column justify-content-end me-5 footer-input">
<h6 class="shift mb-2" style="color: white;">Subscribe to our news letter</h6>
<div class="footer_input">
<input type="text" class="custom-search-input" placeholder="Email Address">
<button class="custom-search-botton" type="submit"><a href="#">submit</a></button>
</div>
</div>
</div>
<div class="last mt-5 align-items-center">
<div class="d-flex flex-row justify-content-center align-items-center ">
<div class="ps-3 align-items-center">
<p class="rights"> <small>Timeout-And-Breathe</small><small>© All rights reserved
2023</small>
<small>🌐 English <img src="./images/Vector.svg" alt="vector-img"></small>
</p>
</div>
</div>
</div>
<div class="footer footer-bottom"></div>
</div>
</footer>
</body>
</html>
<!-- <i class="fa-light fa-globe"></i> -->