-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBBBB_Information.html
153 lines (134 loc) · 8.38 KB
/
BBBB_Information.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
<html>
<head>
<link rel="shortcut icon" href="Better Bathroom Business Beareua Logo.png" type="image/png">
<title>Bathroom Business | Information</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="main.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
<div class="jumbotron">
<div class="container text-center">
<h1>Information</h1>
</div>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Better Bathroom Business Beareua Logo.png" target="_blank" rel="noreferrer" title="Logo" class="me-3 d-none d-md-inline-block"></a>
<img src="Better Bathroom Business Beareua Logo.png" alt="Logo" height="50">
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="BBBB_Shop.html">Products</a></li>
<li><a href="BBBB_Contact.html">Contact</a></li>
<li class="active"><a href="BBBB_Information.html">Information</a></li>
<li><a href="BBBB_About_Us.html">About Us</a></li>
</ul>
</div>
</div>
</nav>
<h3>Introduction to the project:</h3>
<p> This project aims to enhance and monitor the sanitation of all bathrooms in the community. Through this project, we help the people have sanitized
private or public bathrooms when entering and exiting said building. We shall also ensure that you won't smell anymore foul odor from the
bathroom stalls by installing them with an automatic flushing system. </p>
<h3>Goals of our Project: </h3>
<ul>
<li>Daily Monitoring of Sanitation for Better Sanitized Bathrooms</li>
<li>Attempt to Provide a Touch-free Experience</li>
<li>Eliminate Foul Oder Orginating from the Bathroom</li>
<li>Make them More Accesible to the Public</li>
<li>Install Urinal Systems like Bidets and Soap Dispensers</li>
<li>Improve the Mood of the Bathrooms by Addding Lights and Music</li>
<li>Orient the People of Proper Bathroom Etiquette</li>
</ul>
<br>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="https://media.cnn.com/api/v1/images/stellar/prod/200619190852-public-restroom-coronavirus.jpg?q=x_30,y_106,h_874,w_1554,c_crop/h_653,w_1160/f_webp" alt="Bathroom 1">
</div>
<div class="item">
<img src="https://i.cbc.ca/1.5217497.1566845026!/cumulusImage/httpImage/shutterstock-medium-file.jpg" alt="Bathroom 2">
</div>
<div class="item">
<img src="https://www.thenation.com/wp-content/uploads/2023/08/bathroom-getty.jpg" alt="Bathroom 3">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<div class="center-content">
<h3>Daily Monitoring of Sanitation for Better Sanitized Bathrooms</h3>
<p>We aim to improve the hygiene quality in our bathrooms by monitoring the cleanliness of it daily. Hygiene is an
important thing in a community which could really characterize them. By improving their hygiene quality, we are able to lower
the risk the spread of bacteria and viruses. Additionally, improve users' experience as well. We plan to monitor the bathrooms
every Sunday in the middle of the afternoon around 2PM up to 4PM (covers all bathroom stalls) by which some stalls will be unaccesible
maximize the thorough cleaning.</p>
<img src= "https://static.scientificamerican.com/blogs/cache/file/A97B191E-0E2E-41AC-AFB329FCC034C177.jpg" class="center">
<h3>Attempt to Provide a Touch-free Experience</h3>
<p>Obviously, some bacteria or viruses spread through touch, and with the bathrooms especially public ones being quite dirty, we aim to provide users
a touch-free exprience. This means we shall try to install systems like automatic soap dispenser, Auto Hand Dryer, Flush sensors, etc.
We may also provide gloves that people may use in case they have to touch something.</p>
<h3>Eliminate Foul Oder Orginating from the Bathroom</h3>
<p>In all honesty, no one likes the foul oder coming from the bathroom, especially us here at the 3B Business, so we aim to eliminate
any foul oder present coming from the stalls. We plan to do this by using the previously said goal which is flush sensors to immediatly
flush the toilets. Installing humidifiers as well in the bathrooms would also decrease any foul oder.</p>
<h3>Make them More Accesible to the Public</h3>
<p>Sometimes, bathroom are hard to come by since they are mostly in a private building and everyone needs to go
to the bathroom, so this goal aims to make bathroom more accesible to all. We plan to add more bathroom stall Public Areas as to
provide them for the people, also includes Unisex Bathrooms and PWD bathrooms to help those
in need. </p>
<h3>Install Urinal Systems like Bidets and Soap Dispensers</h3>
<p>Ensuring a hygienic and convenient bathroom experience is crucial, hence our focus on installing advanced urinal systems such as bidets and automatic soap dispensers.
Bidets offer a more sanitary and gentle alternative to toilet paper, reducing the risk of irritation and the spread of germs. Automatic soap dispensers minimize contact
and ensure that everyone can clean their hands thoroughly, which is essential for maintaining public health. By integrating these systems, we aim to elevate the standard
of bathroom hygiene and user comfort significantly.</p>
<p>Look at this distinguised gentlemen walk towards our beatiful new clean bathrooms:</p>
</div>
</div>
<div class="animation-container">
<img src="ManAnim.png" alt="Man" class="moving-man">
<img src="https://i.cbc.ca/1.5217497.1566845026!/cumulusImage/httpImage/shutterstock-medium-file.jpg" alt="Bathroom" class="bathroom">
</div>
<div class="container">
<div class="center-content">
<h3>Improve the Mood of the Bathrooms by Addding Lights and Music</h3>
<p>Ambiance plays a key role in the overall experience of using a bathroom. To transform ordinary bathrooms into spaces where people feel relaxed and uplifted,
we plan to introduce ambient lighting and background music. Soft, warm lighting can make the space feel welcoming and clean, while a carefully selected playlist of
calming music can enhance the user's comfort and reduce stress. This approach not only improves the mood of the bathrooms but also positively impacts the users'
perception of cleanliness and sophistication of the facilities.</p>
<h3>Orient the People of Proper Bathroom Etiquette</h3>
<p>Promoting proper bathroom etiquette is essential for maintaining cleanliness and ensuring a pleasant experience for all users. We plan to launch an educational
campaign that includes signage and digital content to remind and teach the community about key aspects of bathroom etiquette. This will cover practices such as
flushing after use, washing hands properly, respecting privacy, and proper disposal of waste. By fostering a culture of respect and consideration, we can enhance the
communal bathroom experience and ensure that these spaces remain clean, comfortable, and accessible to everyone.</p>
</div>
</div>
</html>