forked from medhatiwari/Your_Aide
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
70 lines (65 loc) · 3.68 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>home</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="assets/css/screen_set.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets\css\about.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean">
<div class="container"><a class="navbar-brand" href="#">Your <em>AIDE</em><img class="image" src="assets/img/final.png"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ml-auto">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="#">About us</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
<li class="nav-item dropdown show"><a class="dropdown-toggle nav-link" aria-expanded="true" data-toggle="dropdown" href="#">Move to</a>
<div class="dropdown-menu show"><a class="dropdown-item" href="Menarche\menarche.html">Menarche</a><a class="dropdown-item" href="Form\form.html">Period Tracker</a><a class="dropdown-item" href="Menopause\menopause.html">Menopause</a></div>
</li>
</ul>
</div>
</div>
</nav>
<br>
<br>
<div class="container">
<div class="row">
<h1>About us</h1><br><br>
<hr>
<p>Your AIDE broadens the range of menstruation knowledge for all stages of females. If you are a girl just hitting your puberty and don’t know what menstruation is, you are at the right place. If you are a woman and are stressed out during your period, <em>woohoo!!</em> you too are at the right place. And if you are a woman going through the menopause stage, <em>hakuna matata!!</em> we will aid you. And if you are a man, <em>gratissimum</em>, it might help managing the mood swings of your lady. We tell you all about menstruation, help track your periods. We also have exciting stress relieving games and quizzes for you all.</p>
</div>
</div>
<br>
<br>
<br>
<br>
<div>
<footer class="footer-basic">
<div class="social"><a href="#"><i class="fab fa-instagram"></i></a><a href="#"><i class="fab fa-google"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-facebook-f"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item">Home</li>
<li class="list-inline-item">About</li>
<li class="list-inline-item">Privacy Policy</li>
<li class="list-inline-item"><a href="#"></a></li>
</ul>
<p class="copyright">Hypertext_S!ntax © 2021</p>
</footer>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
window.setTimeout(function() {
document.body.className = '';
}, 230);
});
</script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</html>