-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (133 loc) · 5.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Google fonts links -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<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=Hurricane&family=Poppins:wght@300&display=swap"
rel="stylesheet">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css"
integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous">
<!-- Device settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- External stylesheet -->
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="basic.css">
<script src="./app.js"></script>
<!-- title -->
<title>Breathefree - Home</title>
</head>
<body >
<!-- Navbar -->
<header class="navheader">
<a class="logo">Breathefree</a>
<div class="menu-toggle"></div>
<nav>
<ul>
<li><a href="./index.html" class="active">Home</a></li>
<li><a href="./aboutus.html">About Us</a></li>
<li><a href="./breathingcondition.html">Breathing Conditions</a></li>
<li><a href="./inhaler.html">Inhaler A-Z</a></li>
<li><a href="./nebulization.html">Nebulization</a></li>
<li><a href="./myassist.html">My Assist</a></li>
<li><a href="./berokzindagi.html">Berok Zindagi</a></li>
</ul>
</nav>
<div class="clearfix"></div>
</header>
<script>
document.querySelector(".menu-toggle").addEventListener(
"click", (e) => {
e.target.classList.toggle("active");
document.querySelector("nav").classList.toggle("active");
}
);
</script>
<!-- <audio controls="none" preload="none" autoplay hidden><source src="https://pagalbest.com/mp3-songs/pop-mp3/inhalers-hain-sahi-amit-trivedi-2022-128.mp3" type="audio/mpeg"></audio> -->
<div class="heading">
</div>
<div class="sld">
<span id="slider" idx="0"></span>
</div>
<div class="blogs">
<center>
<h1>
Blogs
</h1>
</center>
</div>
<div class="blog-samples">
<span class="blog1">
<img src="https://www.breathefree.com/sites/default/files/October-blog-articles-banner---3.png" alt="Women lifting dumbles" \>
<center>
<h3>
Exercise and Asthma: Facts You Should Know
</h3>
<p>
Avoiding exercise is one of the most common asthma myths that prevent many people with asthma from improving their health by working out.
</p>
<p class="btn">
Read More
</p>
</center>
</span>
<span class="blog2">
<img src="https://www.breathefree.com/sites/default/files/October-blog-articles-banner---1png.png" \>
<center>
<h3>
The Link Between Asthma and Allergic Rhinitis
</h3>
<p>
Allergic rhinitis is considered to be a risk factor for asthma development. It is crucial to understand the link between asthma and allergic rhinitis for timely care and treatment.
</p>
<p class="btn">
Read More
</p>
</center>
</span>
</div>
<div class="blogs">
<center>
<h1>
People Who Inspire Us
</h1>
</center>
</div>
<div class="blog-samples">
<span class="blog3">
<img src="https://www.breathefree.com/sites/default/files/3_0.png" alt="man running" \>
<center>
<h3>
Need For Some Exercise
</h3>
<p>
When I was a child, I loved sports more than anything. I would play quite often and never faced any issues with my breathing. My first wheezing fit occurred when I was an adult, it was horrible.
</p>
<p class="btn">
Read More
</p>
</center>
</span>
<span class="blog4">
<img src="https://www.breathefree.com/sites/default/files/October-blog-articles-banner---5.png" alt="women taking inhaler" \>
<center>
<h3>
The Need For Acceptance
</h3>
<p>
My name is Sanjana Saxena and I was diagnosed with asthma when I was three years old. As you can imagine, asthma was a condition I faced for such a long time, that it became a part of my identity.
</p>
<p class="btn">
Read More
</p>
</center>
</span>
</div>
<
</body>
</html>