forked from shivamguptaram/DMDMom
-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
254 lines (231 loc) · 9.8 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
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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<head>
<!-- Page Title -->
<title>About Us</title>
<!-- Compressed Styles -->
<!-- <link href="css/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"> -->
<link href="css/slides.min.css?41331" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Compressed Scripts -->
<script src="js/slides.min.js?41331" type="text/javascript"></script>
<!-- Custom Scripts -->
<!-- <script src="js/custom.js" type="text/javascript"></script> -->
<!-- Fonts and Material Icons -->
<link rel="stylesheet" as="font" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700|Material+Icons"/>
<style>
body{
padding: 2%;
color: black;
background-color: #EDEDED;
font-family: 'Roboto';
}
/* .flex-container { */
.flex-container {
column-gap: 24%;
display: flex;
flex-direction: row;
margin-bottom: -61px;
}
.heading-about{
align-self: center;
}
.text-item .p-text {
align-self: center;
font-size: larger;
}
p{
text-align: justify;
}
.logo-img{
border-radius: 50%;
height: 115px;;
}
li{
list-style: disc;
}
.heading-About-us{
padding-top: 5%;
text-align: center;
}
ul{
font-size: initial;
padding-left: 1%;
}
#footer {
background-color: #d44f71;
color: #FFF;
padding: 20px 0px 5px 0px;
font-size: larger;
}
nav.panel.top {
background-color: #EDEDED;
}
h1{
font-weight: inherit;
}
h2{
color: #d44f71;
}
.center li a:hover{
color: #d44f71;
background-color: #dddddd;
}
.center ul li{
position: relative;
list-style: none;
display: inline-block;
line-height: 30px;
}
.center ul li a{
display:block;
text-decoration: none;
line-height: 40px;
padding-top: 0%;
}
.center ul ul{
position: absolute;
top:60px;
display:none;
}
.center ul ul{
position: absolute;
top:40px;
display:none;
}
.center ul li:hover>ul{
display: block;
}
.center ul ul li{
width:200px;
float:none;
display:list-item;
position:relative;
/* padding: 2%; */
}
.Subnav{
background-color: #dddddd;
margin-left: 74%;
}
.objective li {
list-style: disc;
font-size: 22px;
/* line-height: 1.6363636364; */
margin-bottom: 12px;
font-weight: 300;
margin-left: 1%;
}
</style>
</head>
<body>
<div name="navbar">
<nav class="panel top">
<div class="sections desktop">
<!-- <div class="left"><a href="#" title="Slides Framework"><svg style="width:82px;height:24px"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg></a></div> -->
<div class="center">
<ul class="menu uppercase">
<li><a href="./index.html">Home</a>
</li>
<li><a href="./About.html">About Us</a></li>
<li class="supernav"><a href="/About.html">Care</a>
<ul class="Subnav">
<li><a href="#">Physiotherapy</a></li> <br>
<li><a href="#">Hydropathy</a></li> <br>
<li><a href="#">Diet</a></li> <br>
<li><a href="#">Counselling</a></li> <br>
</ul>
</li>
<li>
<a href="#">Resources</a>
<ul class = "Subnav">
<li><a href="#">Disabilty Certificate</a> </li> <br>
<li><a href="#">Supportive Devices And <br> Equipment</a> </li> <br>
<li><a href="#">Useful Link</a></li> <br>
<li><a href="#">Video</a></li> <br>
</ul>
</li>
<li>
<a href="#">Kids Corner</a>
<ul class = "Subnav">
<li><a href="#">Achievements</a></li> <br>
<li><a href="#">Skills</a></li> <br>
<li><a href="#">Education</a></li> <br>
<li><a href="#">Mental Health</a>
<ul class="Subnav" >
<li><a href="#">Acceptance</a></li> <br>
<li><a href="#">Facing Society</a></li> <br>
<li><a href="#">Build Confidence</a></li> <br>
</ul>
</li> <br>
</ul>
</li>
<li><a href="#">Moms Corner</a>
<ul class="Subnav">
<li><a href="./ImprovingqualityofLife.html">Improving Quality Of Life</a></li> <br>
<li><a href="./Informingyourson.html">Informing Your Son</a></li> <br>
<li><a href="#">Acceptance</a></li> <br>
<li><a href="#">Depression</a></li> <br>
<li><a href="#">Carrier</a></li> <br>
<li><a href="#">Sharing Experience</a></li> <br>
<li><a href="#">Heath Tips</a></li> <br>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="right">
<ul class="menu trim">
<li><a href="https://www.facebook.com/groups/dmdindia" target="_blank"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#facebook"></use></svg></a></li>
<li><a href="https://twitter.com/dmdindiamom" target="_blank"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"></use></svg></a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="heading-About-us">
<div class="flex-container">
<img class= "logo-img" src="./logo.jpeg" >
<h1 class="heading-about" style = "color:#d44f71;border:30%;">About Us</h1>
<!-- <div class="text-item"><p class="p-text">The relationship between mother and child is beyond words If the bond between them is firm, then the result will come out to be healthy. If the child is specially-abled, then the mother's role in his life becomes crucial.The relationship between mother and child is beyond words If the bond between them is firm, then the result will come out to be healthy. If the child is specially-abled, then the mother's role in his life becomes crucial.</div> -->
</div>
</div>
<div>
<p>
<!-- <h4 style="color: blue;">About Us</h4> -->
<hr>
</p><br>
<!-- <div class="flex-container">
<img class= "logo-img" src="./logo.jpeg" >
<div class="text-item"><p class="p-text">The relationship between mother and child is beyond words If the bond between them is firm, then the result will come out to be healthy. If the child is specially-abled, then the mother's role in his life becomes crucial.The relationship between mother and child is beyond words If the bond between them is firm, then the result will come out to be healthy. If the child is specially-abled, then the mother's role in his life becomes crucial.</div>
</p>
</div> -->
<p>
We think from the perspective of a mother of specially-abled. We should come together and help each other to bring up a child.
There are many questions and confusions in the mother's mind while bringing up a specially-abled child. We took the initiative to form this group for mothers of DMD. We are here to help you and guide you through.
<br> Duchenne Muscular Dystrophy (DMD) is the most common form of muscular dystrophy. It is a rare genetic condition that weakens a child's muscle and spreads loss of muscle mass throughout the body.
</p>
<p>
<h2 style="text-align: center">Our Objectives</h2>
<hr>
<p>
<ul class="objective">
<li>To spread awareness about DMD and ways to take care of DMD children.</li>
<li>To maintain child's mental and physical health and control side effects of DMD, and give them a better quality of life.</li>
<li>Counsel mothers who are facing depression, by conducting monthly meetings. So that they could be able to open up, share their problems and talk about negative thoughts to overcome them.</li>
<li>Mothers can share the treatment that they are doing on their children with other fellow members. And also talk about equipment they are using for their children.</li>
<li>Spread awareness of educating the child and using a wheelchair, which would benefit their child for socializing.</li>
<li>To find out talent in the children and praise them.</li>
<li>Have online monthly meetings with mothers and listen to their issues. </li>
</ul>
</p>
</p>
</div>
<div id="footer">
<!-- <p style="text-align: center;"> -->
<marquee>"Think Positive Be Positive Live Positive To Provide Best Care To Your Kid".</marquee>
<!-- <marquee direction="right"
behavior="alternate"
style="border:BLACK 2px SOLID">
</marquee> -->
</div>
</body>
</html>