Hugging Face's logo

Spaces:
kts-desilva
/
adhddemo
Running

App Files Community
kts-desilva commited on
Commit
fdd1866
·
1 Parent(s): 956d70b

Upload 12 files

Browse files
Files changed (12) hide show
  1. about-us.html +166 -0
  2. blog.html +157 -0
  3. check_registration.html +118 -0
  4. contact.html +207 -0
  5. contact_process.php +37 -0
  6. element.html +712 -0
  7. psy-login.html +252 -0
  8. register_successs.html +182 -0
  9. report.html +0 -0
  10. services.html +131 -0
  11. single-blog.html +647 -0
  12. userguide.html +184 -0
about-us.html ADDED
@@ -0,0 +1,166 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <link rel="icon" href="img/favicon.png" type="image/png">
8
+ <title>ADHD-Care</title>
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="css/bootstrap.css">
11
+ <link rel="stylesheet" href="css/themify-icons.css">
12
+ <link rel="stylesheet" href="css/flaticon.css">
13
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
14
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
15
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
16
+ <!-- main css -->
17
+ <link rel="stylesheet" href="css/style.css">
18
+ <link rel="stylesheet" href="css/responsive.css">
19
+ </head>
20
+ <body>
21
+
22
+
23
+ <!--================Header Menu Area =================-->
24
+ <header>
25
+
26
+ <div class="main_menu">
27
+ <nav class="navbar navbar-expand-lg navbar-light">
28
+ <div class="container">
29
+ <!-- Brand and toggle get grouped for better mobile display -->
30
+ <a class="navbar-brand logo_h" href="/"><img src="img/icon.jpg" alt="" height="60" width="250"></a>
31
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
32
+ <span class="icon-bar"></span>
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ </button>
36
+ <!-- Collect the nav links, forms, and other content for toggling -->
37
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38
+ <ul class="nav navbar-nav menu_nav ml-auto">
39
+ <li class="nav-item"><a class="nav-link" href="/"><strong><font color="black">Home</font></strong></a></li>
40
+ <li class="nav-item"><a class="nav-link" href="about-us.html"><strong><font color="black">About</font></strong></a></li>
41
+ <li class="nav-item"><a class="nav-link" href="services.html"><strong><font color="black">Services</font></strong></a></li>
42
+ <li class="nav-item"><a class="nav-link" href="blog.html"><strong><font color="black">Blog</font></a></strong></li>
43
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
44
+ <li class="nav-item"><a class="nav-link" href="contact.html"><strong><font color="black">Contact</font></strong></a></li>
45
+ <li class="nav-item"><a class="nav-link" href="/register"><strong><font color="black">Account</font></strong></a></li>
46
+ </ul>
47
+ </div>
48
+ </div>
49
+ </nav>
50
+ </div>
51
+ </header>
52
+ <!--================Header Menu Area =================-->
53
+
54
+ <!--================Home Banner Area =================-->
55
+ <!--================End Home Banner Area =================-->
56
+
57
+
58
+
59
+
60
+
61
+
62
+ <section class="sample-text-area">
63
+ <div class="container">
64
+ <div class="area-heading row">
65
+ <div class="col-md-20 col-xl-10">
66
+ <h3>What Is Attention Deficit Hyperactivity Disorder</h3>
67
+ </div>
68
+ </div>
69
+ <h3 class="text-heading title_color">Learn More About ADHD...</h3>
70
+ <img src="img/about1333.jpg" style="float: right; margin-left:25px;">
71
+ <ul style="list-style-type:disc;">
72
+ <li>Attention-deficit/hyperactivity disorder (ADHD) is a neurodevelopmental disorder affecting 11 percent of school-age children.
73
+ Symptoms continue into adulthood in more than three-quarters of cases. ADHD is characterized by developmentally inappropriate
74
+ levels of inattention, impulsivity and hyperactivity.</li>
75
+ <li>It’s more common in boys than in girls. It’s usually discovered during the early school years, when
76
+ a child begins to have problems paying attention. Adults with ADHD may have trouble managing time, being organized,
77
+ setting goals, and holding down a job. They may also have problems with relationships, self-esteem, and addiction.</li>
78
+ <li>Individuals with ADHD can be very successful in life. However, without identification and proper treatment, ADHD may have
79
+ serious consequences, including school failure, family stress and disruption, depression, problems with relationships,
80
+ substance abuse, delinquency, accidental injuries and job failure. Early identification and treatment are extremely important.</li>
81
+ <li>Medical science first documented children exhibiting inattentiveness, impulsivity and hyperactivity in 1902.
82
+ Since that time, the disorder has been given numerous names, including minimal brain dysfunction, hyperkinetic
83
+ reaction of childhood, and attention-deficit disorder with or without hyperactivity. With the Diagnostic and Statistical Manual,
84
+ Fifth Edition (DSM-5) classification system, the disorder has been renamed attention-deficit/hyperactivity disorder or ADHD. </li>
85
+ <li>The current name reflects the importance of the inattention aspect of the disorder as well as the other characteristics of the disorder
86
+ such as hyperactivity and impulsivity.</li>
87
+ </ul>
88
+ <br/>
89
+ <h3 class="text-heading title_color">Symptoms in Children</h3>
90
+ <ul style="list-style-type:disc;">
91
+ <li>Typically, ADHD symptoms arise in early childhood. According to the DSM-5, several symptoms are required to be present
92
+ before the age of 12.</li>
93
+ <li> Many parents report excessive motor activity during the toddler years, but ADHD symptoms can be hard
94
+ to distinguish from the impulsivity, inattentiveness and active behavior that is typical for kids under the age of four.</li>
95
+ <li>In making the diagnosis, children should have six or more symptoms of the disorder present; adolescents 17 and older and adults
96
+ should have at least five of the symptoms present.</li>
97
+ <li>The DSM-5 lists three presentations of ADHD—Predominantly Inattentive,
98
+ Hyperactive-Impulsive and Combined. The symptoms for each are adapted and summarized below.</li>
99
+ </ul>
100
+ <br/>
101
+ <h3 class="text-heading title_color">ADHD throughout the lifespan </h3>
102
+ <ul style="list-style-type:disc;">
103
+ <li>Many children affected by ADHD can also have mild delays in language, motor skills or social development that are not part
104
+ of ADHD but often co-occur. Also having experience delays in independent functioning and may behave younger than their peers. They tend to have low frustration tolerance, difficulty controlling their emotions and often experience mood swings</li>
105
+ <li>Children with ADHD are at risk for potentially serious problems in adolescence and adulthood: academic failure or delays,
106
+ driving problems, difficulties with peers and social situations, risky sexual behavior, and substance abuse. There may be
107
+ more severe negative behaviors with co-existing conditions such as oppositional defiant disorder or conduct disorder. </li>
108
+ <li>Adolescent girls with ADHD are also more prone to eating disorders than boys. As noted above, ADHD persists from childhood
109
+ to adolescence in the vast majority of cases (50–80 percent), although the hyperactivity may lessen over time.</li>
110
+ <li>Teens with ADHD present a special challenge. During these years, academic and life demands increase. At the same time,
111
+ these kids face typical adolescent issues such as emerging sexuality, establishing independence, dealing with peer pressure
112
+ and the challenges of driving.</li>
113
+ <li>More than 75 percent of children with ADHD continue to experience significant symptoms in adulthood. In early adulthood, ADHD
114
+ may be associated with depression, mood or conduct disorders and substance abuse. Adults with ADHD often cope with difficulties
115
+ at work and in their personal and family lives related to ADHD symptoms.</li>
116
+ <li>Many have inconsistent performance at work or in their careers;
117
+ have difficulties with day-to-day responsibilities; experience relationship problems; and may have chronic feelings of frustration, guilt
118
+ or blame.</li>
119
+ <li>Individuals with ADHD may also have difficulties with maintaining attention, executive function and working memory. Recently,
120
+ deficits in executive function have emerged as key factors affecting academic and career success. Executive function is the brain’s
121
+ ability to prioritize and manage thoughts and actions. This ability permits individuals to consider the long-term consequences of
122
+ their actions and guide their behavior across time more effectively.</li>
123
+ </ul>
124
+ </div>
125
+ </section>
126
+
127
+ <!--================About Area End =================-->
128
+
129
+ <!-- start footer Area -->
130
+ <footer class="footer-area area-padding-top">
131
+ <div class="container">
132
+
133
+ <div class="row footer-bottom d-flex justify-content-between">
134
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
135
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
136
+ Copyright &copy;
137
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
138
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
139
+ </p>
140
+ </div>
141
+ </div>
142
+ </footer>
143
+ <!-- End footer Area -->
144
+
145
+
146
+
147
+
148
+
149
+
150
+ <!-- Optional JavaScript -->
151
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
152
+ <script src="js/jquery-2.2.4.min.js"></script>
153
+ <script src="js/popper.js"></script>
154
+ <script src="js/bootstrap.min.js"></script>
155
+ <script src="js/stellar.js"></script>
156
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
157
+ <script src="js/jquery.ajaxchimp.min.js"></script>
158
+ <script src="js/waypoints.min.js"></script>
159
+ <script src="js/mail-script.js"></script>
160
+ <script src="js/contact.js"></script>
161
+ <script src="js/jquery.form.js"></script>
162
+ <script src="js/jquery.validate.min.js"></script>
163
+ <script src="js/mail-script.js"></script>
164
+ <script src="js/theme.js"></script>
165
+ </body>
166
+ </html>
blog.html ADDED
@@ -0,0 +1,157 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <link rel="icon" href="img/favicon.png" type="image/png">
8
+ <title>ADHD-Care</title>
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="css/bootstrap.css">
11
+ <link rel="stylesheet" href="css/themify-icons.css">
12
+ <link rel="stylesheet" href="css/flaticon.css">
13
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
14
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
15
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
16
+ <!-- main css -->
17
+ <link rel="stylesheet" href="css/style.css">
18
+ <link rel="stylesheet" href="css/responsive.css">
19
+ </head>
20
+ <body>
21
+
22
+
23
+ <!--================Header Menu Area =================-->
24
+ <header>
25
+
26
+ <div class="main_menu">
27
+ <nav class="navbar navbar-expand-lg navbar-light">
28
+ <div class="container">
29
+ <!-- Brand and toggle get grouped for better mobile display -->
30
+ <a class="navbar-brand logo_h" href="/"><img src="img/icon.jpg" alt="" height="60" width="250"></a>
31
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
32
+ <span class="icon-bar"></span>
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ </button>
36
+ <!-- Collect the nav links, forms, and other content for toggling -->
37
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38
+ <ul class="nav navbar-nav menu_nav ml-auto">
39
+ <li class="nav-item"><a class="nav-link" href="/"><strong><font color="black">Home</font></strong></a></li>
40
+ <li class="nav-item"><a class="nav-link" href="about-us.html"><strong><font color="black">About</font></strong></a></li>
41
+ <li class="nav-item"><a class="nav-link" href="services.html"><strong><font color="black">Services</font></strong></a></li>
42
+ <li class="nav-item"><a class="nav-link" href="blog.html"><strong><font color="black">Blog</font></a></strong></li>
43
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
44
+ <li class="nav-item"><a class="nav-link" href="contact.html"><strong><font color="black">Contact</font></strong></a></li>
45
+ <li class="nav-item"><a class="nav-link" href="/register"><strong><font color="black">Account</font></strong></a></li>
46
+ </ul>
47
+ </div>
48
+ </div>
49
+ </nav>
50
+ </div>
51
+ </header>
52
+ <!--================Header Menu Area =================-->
53
+
54
+
55
+ <body>
56
+
57
+ <!--================Home Banner Area =================-->
58
+
59
+ <!--================End Home Banner Area =================-->
60
+
61
+
62
+ <!--================ Start Blog Area =================-->
63
+ <section class="blog-area area-padding">
64
+ <div class="container">
65
+ <div class="area-heading row">
66
+ <div class="col-md-5 col-xl-4">
67
+ <h3>Blogs on ADHD</h3>
68
+ </div>
69
+ <div class="col-md-7 col-xl-8">
70
+ <p>These blogs are great starting points whether you’re raising or supporting a child or teenager with ADHD,
71
+ or you’re an adult who has ADHD. They’re packed full of information, personal stories, life hacks,
72
+ and actionable tips for ADHD.</p>
73
+ </div>
74
+ </div>
75
+
76
+
77
+ <div class="row">
78
+ <div class="col-md-6 col-lg-4 col-md-4">
79
+ <div class="single-blog">
80
+ <div class="thumb">
81
+ <img class="img-fluid" src="img/blog/1.jpg" alt="">
82
+ </div>
83
+ <div class="short_details">
84
+ <a class="d-block" href="https://medium.com/@ganganichamika/steps-that-adhd-patient-should-take-to-get-things-done-f73e7d997fa4">
85
+ <h4>
86
+ <a href="https://medium.com/@ganganichamika/steps-that-adhd-patient-should-take-to-get-things-done-f73e7d997fa4">Steps that ADHD patient should take to get things done</a>
87
+ </h4>
88
+ </a>
89
+ </div>
90
+ </div>
91
+ </div>
92
+ <div class="col-md-6 col-lg-4 col-md-4">
93
+ <div class="single-blog">
94
+ <div class="thumb">
95
+ <img class="img-fluid" src="img/blog/gra.jpg" alt="">
96
+ </div>
97
+ <div class="short_details">
98
+ <h4>
99
+ <a class="d-block" href="https://medium.com/@ktsdesilva.15/genius-resides-in-adhd-eae69d65772/">Genius Resides in ADHD
100
+ </h4>
101
+ <!-- <h4><a herf="https://medium.com/@ktsdesilva.15/genius-resides-in-adhd-eae69d65772/">Genius Resides in ADHD</a></h4> -->
102
+ </a>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ <div class="col-md-6 col-lg-4 col-md-4">
107
+ <div class="single-blog">
108
+ <div class="thumb">
109
+ <img class="img-fluid" src="img/blog/3.jpg" alt="">
110
+ </div>
111
+ <div class="short_details">
112
+ <h4>
113
+ <a class="d-block" href="https://medium.com/@sanuwaniudara.15/why-do-others-think-negatively-about-adhd-people-ca2a816ac5b ">Why do others think negatively about ADHD people</a>
114
+ </h4>
115
+ <!-- <h4><a herf="https://untappedbrilliance.com/adhd-post-traumatic-stress-syndrome/">ADHD and Post Traumatic Stress Syndrome</a></h4> -->
116
+ </a>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </section>
123
+ <!--================ End Blog Area =================-->
124
+
125
+ <!-- start footer Area -->
126
+ <footer class="footer-area area-padding-top">
127
+ <div class="container">
128
+
129
+ <div class="row footer-bottom d-flex justify-content-between">
130
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
131
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
132
+ Copyright &copy;
133
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
134
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
135
+ </p>
136
+ </div>
137
+ </div>
138
+ </footer>
139
+ <!-- End footer Area -->
140
+
141
+ <!-- Optional JavaScript -->
142
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
143
+ <script src="js/jquery-2.2.4.min.js"></script>
144
+ <script src="js/popper.js"></script>
145
+ <script src="js/bootstrap.min.js"></script>
146
+ <script src="js/stellar.js"></script>
147
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
148
+ <script src="js/jquery.ajaxchimp.min.js"></script>
149
+ <script src="js/waypoints.min.js"></script>
150
+ <script src="js/mail-script.js"></script>
151
+ <script src="js/contact.js"></script>
152
+ <script src="js/jquery.form.js"></script>
153
+ <script src="js/jquery.validate.min.js"></script>
154
+ <script src="js/mail-script.js"></script>
155
+ <script src="js/theme.js"></script>
156
+ </body>
157
+ </html>
check_registration.html ADDED
@@ -0,0 +1,118 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <link rel="icon" href="img/favicon.png" type="image/png">
8
+ <title>ADHD-Care</title>
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="css/bootstrap.css">
11
+ <link rel="stylesheet" href="css/themify-icons.css">
12
+ <link rel="stylesheet" href="css/flaticon.css">
13
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
14
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
15
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
16
+ <!-- main css -->
17
+ <link rel="stylesheet" href="css/style.css">
18
+ <link rel="stylesheet" href="css/responsive.css">
19
+ </head>
20
+ <body>
21
+
22
+
23
+ <!--================Header Menu Area =================-->
24
+ <header>
25
+
26
+ <div class="main_menu">
27
+ <nav class="navbar navbar-expand-lg navbar-light">
28
+ <div class="container">
29
+ <!-- Brand and toggle get grouped for better mobile display -->
30
+ <a class="navbar-brand logo_h" href="/"><img src="img/icon.jpg" alt="" height="60" width="250"></a>
31
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
32
+ <span class="icon-bar"></span>
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ </button>
36
+ <!-- Collect the nav links, forms, and other content for toggling -->
37
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38
+ <ul class="nav navbar-nav menu_nav ml-auto">
39
+ <li class="nav-item"><a class="nav-link" href="/"><strong><font color="black">Home</font></strong></a></li>
40
+ <li class="nav-item"><a class="nav-link" href="about-us.html"><strong><font color="black">About</font></strong></a></li>
41
+ <li class="nav-item"><a class="nav-link" href="services.html"><strong><font color="black">Services</font></strong></a></li>
42
+ <li class="nav-item"><a class="nav-link" href="blog.html"><strong><font color="black">Blog</font></a></strong></li>
43
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
44
+ <li class="nav-item"><a class="nav-link" href="contact.html"><strong><font color="black">Contact</font></strong></a></li>
45
+ <li class="nav-item"><a class="nav-link" href="../template/account.html"><strong><font color="black">Contact</font></strong></a></li>
46
+ </ul>
47
+ </div>
48
+ </div>
49
+ </nav>
50
+ </div>
51
+ </header>
52
+ <!--================Header Menu Area =================-->
53
+
54
+ <div class="service-area area-padding-top">
55
+ <a name="chapter4"></a>
56
+ <div class="container" style="justify-content: center">
57
+
58
+ <div class="row" style="justify-content: center">
59
+ <div class="col-md-10 col-lg-5">
60
+ <div class="card-service text-center text-lg-left mb-4 mb-lg-0" style="align-items: center; border: 4px solid #e8edf1">
61
+ <p style="text-align: center"><span class="card-service__icon" style="align-items: center">
62
+ <i class="flaticon-face" style="align-items: center"></i>
63
+ </span></p>
64
+ <h3 class="card-service__title" style="text-align: center">Successfully Registered</h3>
65
+ <p class="card-service__subtitle" style="text-align: center"><strong>Please press login to proceed</strong></p>
66
+ <p style="text-align: center"><a href="/register" class="genric-btn success radius">Login</a>
67
+ </p>
68
+ </div>
69
+ </div>
70
+
71
+ </div>
72
+ </div>
73
+ </div>
74
+ <!--================ Service section end =================-->
75
+
76
+ <!-- start footer Area -->
77
+ <footer class="footer-area area-padding-top">
78
+ <div class="container">
79
+
80
+ <div class="row footer-bottom d-flex justify-content-between">
81
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
82
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
83
+ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved CSE @UOM
84
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
85
+ </p>
86
+ <div class="col-lg-4 col-sm-12 footer-social">
87
+ <a href="#"><i class="fab fa-facebook-f"></i></a>
88
+ <a href="#"><i class="fab fa-twitter"></i></a>
89
+ <a href="#"><i class="fab fa-dribbble"></i></a>
90
+ <a href="#"><i class="fab fa-linkedin"></i></a>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </footer>
95
+ <!-- End footer Area -->
96
+
97
+
98
+
99
+
100
+
101
+
102
+ <!-- Optional JavaScript -->
103
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
104
+ <script src="js/jquery-2.2.4.min.js"></script>
105
+ <script src="js/popper.js"></script>
106
+ <script src="js/bootstrap.min.js"></script>
107
+ <script src="js/stellar.js"></script>
108
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
109
+ <script src="js/jquery.ajaxchimp.min.js"></script>
110
+ <script src="js/waypoints.min.js"></script>
111
+ <script src="js/mail-script.js"></script>
112
+ <script src="js/contact.js"></script>
113
+ <script src="js/jquery.form.js"></script>
114
+ <script src="js/jquery.validate.min.js"></script>
115
+ <script src="js/mail-script.js"></script>
116
+ <script src="js/theme.js"></script>
117
+ </body>
118
+ </html>
contact.html ADDED
@@ -0,0 +1,207 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+
6
+ <head>
7
+ <!-- Required meta tags -->
8
+ <meta charset="utf-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10
+ <link rel="icon" href="img/favicon.png" type="image/png">
11
+ <title>ADHD-Care</title>
12
+ <!-- Bootstrap CSS -->
13
+ <link rel="stylesheet" href="css/bootstrap.css">
14
+ <link rel="stylesheet" href="css/themify-icons.css">
15
+ <link rel="stylesheet" href="css/flaticon.css">
16
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
17
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
18
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
19
+ <!-- main css -->
20
+ <link rel="stylesheet" href="css/style.css">
21
+ <link rel="stylesheet" href="css/responsive.css">
22
+ </head>
23
+
24
+ <body>
25
+
26
+
27
+ <!--================Header Menu Area =================-->
28
+ <header>
29
+
30
+ <div class="main_menu">
31
+ <nav class="navbar navbar-expand-lg navbar-light">
32
+ <div class="container">
33
+ <!-- Brand and toggle get grouped for better mobile display -->
34
+ <a class="navbar-brand logo_h" href="/">
35
+ <img src="img/icon.jpg" alt="" height="60" width="250">
36
+ </a>
37
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
38
+ aria-expanded="false" aria-label="Toggle navigation">
39
+ <span class="icon-bar"></span>
40
+ <span class="icon-bar"></span>
41
+ <span class="icon-bar"></span>
42
+ </button>
43
+ <!-- Collect the nav links, forms, and other content for toggling -->
44
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
45
+ <ul class="nav navbar-nav menu_nav ml-auto">
46
+ <li class="nav-item">
47
+ <a class="nav-link" href="/">
48
+ <strong>
49
+ <font color="black">Home</font>
50
+ </strong>
51
+ </a>
52
+ </li>
53
+ <li class="nav-item">
54
+ <a class="nav-link" href="about-us.html">
55
+ <strong>
56
+ <font color="black">About</font>
57
+ </strong>
58
+ </a>
59
+ </li>
60
+ <li class="nav-item">
61
+ <a class="nav-link" href="services.html">
62
+ <strong>
63
+ <font color="black">Services</font>
64
+ </strong>
65
+ </a>
66
+ </li>
67
+ <li class="nav-item">
68
+ <a class="nav-link" href="blog.html">
69
+ <strong>
70
+ <font color="black">Blog</font>
71
+ </a>
72
+ </strong>
73
+ </li>
74
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
75
+ <li class="nav-item">
76
+ <a class="nav-link" href="contact.html">
77
+ <strong>
78
+ <font color="black">Contact</font>
79
+ </strong>
80
+ </a>
81
+ </li>
82
+ <li class="nav-item"><a class="nav-link" href="/register"><strong><font color="black">Account</font></strong></a></li>
83
+
84
+ </ul>
85
+ </div>
86
+ </div>
87
+ </nav>
88
+ </div>
89
+ </header>
90
+ <!--================Header Menu Area =================-->
91
+
92
+ <body>
93
+
94
+ <!--================Home Banner Area =================-->
95
+ <!--================End Home Banner Area =================-->
96
+
97
+
98
+ <!-- ================ contact section start ================= -->
99
+ <div class="service-area area-padding-top">
100
+ <div class="container">
101
+ <div class="area-heading row">
102
+ <div class="col-md-5 col-xl-4">
103
+ <h3>Contact Us</h3>
104
+ </div>
105
+ </div>
106
+ <div class="row">
107
+ <div class="col-md-12">
108
+
109
+ <form id="contactForm" method="post" enctype="text/plain">
110
+
111
+ <div class="p-3 p-lg-5 border">
112
+ <div class="form-group row">
113
+ <div class="col-md-6">
114
+ <label for="c_fname" class="text-black">First Name
115
+ <span class="text-danger">*</span>
116
+ </label>
117
+ <input type="text" class="form-control" id="c_fname" name="c_fname" required>
118
+ </div>
119
+ <div class="col-md-6">
120
+ <label for="c_lname" class="text-black">Last Name
121
+ <span class="text-danger">*</span>
122
+ </label>
123
+ <input type="text" class="form-control" id="c_lname" name="c_lname" required>
124
+ </div>
125
+ </div>
126
+ <div class="form-group row">
127
+ <div class="col-md-12">
128
+ <label for="c_email" class="text-black">Email
129
+ <span class="text-danger">*</span>
130
+ </label>
131
+ <input type="email" class="form-control" id="c_email" name="c_email" placeholder="" required>
132
+ </div>
133
+ </div>
134
+ <div class="form-group row">
135
+ <div class="col-md-12">
136
+ <label for="c_message" class="text-black">Message </label>
137
+ <textarea name="c_message" id="c_message" cols="30" rows="3" class="form-control" required></textarea>
138
+ </div>
139
+ </div>
140
+ <div class="form-group row">
141
+ <div class="col-lg-12">
142
+ <input class="btn btn-primary btn-lg btn-block" value="Contact" type="submit" onclick="sendMail()">
143
+ </div>
144
+ </div>
145
+
146
+ </div>
147
+ </form>
148
+ </div>
149
+
150
+ </div>
151
+ </div>
152
+ </div>
153
+ <!-- ================ contact section end ================= -->
154
+
155
+ <!-- start footer Area -->
156
+ <footer class="footer-area area-padding-top">
157
+ <div class="container">
158
+
159
+ <div class="row footer-bottom d-flex justify-content-between">
160
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
161
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
162
+ Copyright &copy;
163
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
164
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
165
+ </p>
166
+ </div>
167
+ </div>
168
+ </footer>
169
+ <!-- End footer Area -->
170
+
171
+ <!--================Contact Success and Error message Area =================-->
172
+ <div id="success" class="modal modal-message fade" role="dialog">
173
+ <div class="modal-dialog">
174
+ <div class="modal-content">
175
+ <div class="modal-header">
176
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
177
+ <i class="fas fa-times"></i>
178
+ </button>
179
+ <h2>Thank you</h2>
180
+ <p>Your message is successfully sent...</p>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+
186
+ <!--================End Contact Success and Error message Area =================-->
187
+
188
+ <!-- Optional JavaScript -->
189
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
190
+ <script src="js/jquery-2.2.4.min.js"></script>
191
+ <script src="js/popper.js"></script>
192
+ <script src="js/bootstrap.min.js"></script>
193
+ <script src="js/stellar.js"></script>
194
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
195
+ <script src="js/jquery.ajaxchimp.min.js"></script>
196
+ <script src="js/waypoints.min.js"></script>
197
+ <script src="js/mail-script.js"></script>
198
+ <script src="js/contact.js"></script>
199
+ <script src="js/jquery.form.js"></script>
200
+ <script src="js/jquery.validate.min.js"></script>
201
+ <script src="js/mail-script.js"></script>
202
+ <script src="js/theme.js"></script>
203
+ <script src="https://smtpjs.com/v3/smtp.js"></script>
204
+ <script src="js/main.js"></script>
205
+ </body>
206
+
207
+ </html>
contact_process.php ADDED
@@ -0,0 +1,37 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ $to = "rockybd1995@gmail.com";
4
+ $from = $_REQUEST['email'];
5
+ $name = $_REQUEST['name'];
6
+ $subject = $_REQUEST['subject'];
7
+ $number = $_REQUEST['number'];
8
+ $cmessage = $_REQUEST['message'];
9
+
10
+ $headers = "From: $from";
11
+ $headers = "From: " . $from . "\r\n";
12
+ $headers .= "Reply-To: ". $from . "\r\n";
13
+ $headers .= "MIME-Version: 1.0\r\n";
14
+ $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
15
+
16
+ $subject = "You have a message from your Bitmap Photography.";
17
+
18
+ $logo = 'img/logo.png';
19
+ $link = '#';
20
+
21
+ $body = "<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><title>Express Mail</title></head><body>";
22
+ $body .= "<table style='width: 100%;'>";
23
+ $body .= "<thead style='text-align: center;'><tr><td style='border:none;' colspan='2'>";
24
+ $body .= "<a href='{$link}'><img src='{$logo}' alt=''></a><br><br>";
25
+ $body .= "</td></tr></thead><tbody><tr>";
26
+ $body .= "<td style='border:none;'><strong>Name:</strong> {$name}</td>";
27
+ $body .= "<td style='border:none;'><strong>Email:</strong> {$from}</td>";
28
+ $body .= "</tr>";
29
+ $body .= "<tr><td style='border:none;'><strong>Subject:</strong> {$csubject}</td></tr>";
30
+ $body .= "<tr><td></td></tr>";
31
+ $body .= "<tr><td colspan='2' style='border:none;'>{$cmessage}</td></tr>";
32
+ $body .= "</tbody></table>";
33
+ $body .= "</body></html>";
34
+
35
+ $send = mail($to, $subject, $body, $headers);
36
+
37
+ ?>
element.html ADDED
@@ -0,0 +1,712 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <link rel="icon" href="img/favicon.png" type="image/png">
8
+ <title>Medcare Medical</title>
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="css/bootstrap.css">
11
+ <link rel="stylesheet" href="css/themify-icons.css">
12
+ <link rel="stylesheet" href="css/flaticon.css">
13
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
14
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
15
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
16
+ <!-- main css -->
17
+ <link rel="stylesheet" href="css/style.css">
18
+ <link rel="stylesheet" href="css/responsive.css">
19
+ </head>
20
+ <body>
21
+
22
+
23
+ <!--================Header Menu Area =================-->
24
+ <header class="header_area">
25
+ <div class="top_menu row m0">
26
+ <div class="container">
27
+ <div class="float-left">
28
+ <a class="dn_btn" href="mailto:medical@example.com"><i class="ti-email"></i>medical@example.com</a>
29
+ <span class="dn_btn"> <i class="ti-location-pin"></i>Find our Location</span>
30
+ </div>
31
+ <div class="float-right">
32
+ <ul class="list header_social">
33
+ <li><a href="#"><i class="ti-facebook"></i></a></li>
34
+ <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
35
+ <li><a href="#"><i class="ti-linkedin"></i></a></li>
36
+ <li><a href="#"><i class="ti-skype"></i></a></li>
37
+ <li><a href="#"><i class="ti-vimeo-alt"></i></a></li>
38
+ </ul>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ <div class="main_menu">
43
+ <nav class="navbar navbar-expand-lg navbar-light">
44
+ <div class="container">
45
+ <!-- Brand and toggle get grouped for better mobile display -->
46
+ <a class="navbar-brand logo_h" href="home.html"><img src="img/logo.png" alt=""></a>
47
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
48
+ <span class="icon-bar"></span>
49
+ <span class="icon-bar"></span>
50
+ <span class="icon-bar"></span>
51
+ </button>
52
+ <!-- Collect the nav links, forms, and other content for toggling -->
53
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
54
+ <ul class="nav navbar-nav menu_nav ml-auto">
55
+ <li class="nav-item"><a class="nav-link" href="home.html">Home</a></li>
56
+ <li class="nav-item"><a class="nav-link" href="about-us.html">About</a></li>
57
+ <li class="nav-item"><a class="nav-link" href="services.html">Department</a></li>
58
+ <li class="nav-item"><a class="nav-link" href="doctors.html">Doctors</a></li>
59
+ <li class="nav-item submenu dropdown">
60
+ <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
61
+ <ul class="dropdown-menu">
62
+ <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
63
+ <li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
64
+ <li class="nav-item"><a class="nav-link" href="element.html">element</a></li>
65
+ </ul>
66
+ </li>
67
+ <li class="nav-item"><a class="nav-link" href="health_info.html">Contact</a></li>
68
+ </ul>
69
+ </div>
70
+ </div>
71
+ </nav>
72
+ </div>
73
+ </header>
74
+ <!--================Header Menu Area =================-->
75
+
76
+
77
+ <!--================Home Banner Area =================-->
78
+ <section class="banner_area">
79
+ <div class="banner_inner d-flex align-items-center">
80
+ <div class="container">
81
+ <div
82
+ class="banner_content d-md-flex justify-content-between align-items-center"
83
+ >
84
+ <div class="mb-3 mb-md-0">
85
+ <h2>Element</h2>
86
+ <p>Belding years moveth earth green behold wherein</p>
87
+ </div>
88
+ <div class="page_link">
89
+ <a href="home.html">Home</a>
90
+ <a href="health_info.html">Element</a>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </section>
96
+ <!--================End Home Banner Area =================-->
97
+
98
+ <!-- Start Sample Area -->
99
+ <section class="sample-text-area">
100
+ <div class="container">
101
+ <h3 class="text-heading title_color">Text Sample</h3>
102
+ <p class="sample-text">
103
+ Every avid independent filmmaker has <b>Bold</b> about making that <i>Italic</i> interest documentary, or short film to show off their creative prowess. Many have great ideas and want to “wow” the<sup>Superscript</sup> scene, or video renters with their big project. But once you have the<sub>Subscript</sub> “in the can” (no easy feat), how do you move from a <del>Strike</del> through of master DVDs with the <u>“Underline”</u> marked hand-written title inside a secondhand CD case, to a pile of cardboard boxes full of shiny new, retail-ready DVDs, with UPC barcodes and polywrap sitting on your doorstep? You need to create eye-popping artwork and have your project replicated. Using a reputable full service DVD Replication company like PacificDisc, Inc. to partner with is certainly a helpful option to ensure a professional end result, but to help with your DVD replication project, here are 4 easy steps to follow for good DVD replication results:
104
+
105
+ </p>
106
+ </div>
107
+ </section>
108
+ <!-- End Sample Area -->
109
+ <!-- Start Button -->
110
+ <section class="button-area">
111
+ <div class="container border-top-generic">
112
+ <h3 class="text-heading title_color">Sample Buttons</h3>
113
+ <div class="button-group-area">
114
+ <a href="#" class="genric-btn default">Default</a>
115
+ <a href="#" class="genric-btn primary">Primary</a>
116
+ <a href="#" class="genric-btn success">Success</a>
117
+ <a href="#" class="genric-btn info">Info</a>
118
+ <a href="#" class="genric-btn warning">Warning</a>
119
+ <a href="#" class="genric-btn danger">Danger</a>
120
+ <a href="#" class="genric-btn link">Link</a>
121
+ <a href="#" class="genric-btn disable">Disable</a>
122
+ </div>
123
+ <div class="button-group-area mt-10">
124
+ <a href="#" class="genric-btn default-border">Default</a>
125
+ <a href="#" class="genric-btn primary-border">Primary</a>
126
+ <a href="#" class="genric-btn success-border">Success</a>
127
+ <a href="#" class="genric-btn info-border">Info</a>
128
+ <a href="#" class="genric-btn warning-border">Warning</a>
129
+ <a href="#" class="genric-btn danger-border">Danger</a>
130
+ <a href="#" class="genric-btn link-border">Link</a>
131
+ <a href="#" class="genric-btn disable">Disable</a>
132
+ </div>
133
+ <div class="button-group-area mt-40">
134
+ <a href="#" class="genric-btn default radius">Default</a>
135
+ <a href="#" class="genric-btn primary radius">Primary</a>
136
+ <a href="#" class="genric-btn success radius">Success</a>
137
+ <a href="#" class="genric-btn info radius">Info</a>
138
+ <a href="#" class="genric-btn warning radius">Warning</a>
139
+ <a href="#" class="genric-btn danger radius">Danger</a>
140
+ <a href="#" class="genric-btn link radius">Link</a>
141
+ <a href="#" class="genric-btn disable radius">Disable</a>
142
+ </div>
143
+ <div class="button-group-area mt-10">
144
+ <a href="#" class="genric-btn default-border radius">Default</a>
145
+ <a href="#" class="genric-btn primary-border radius">Primary</a>
146
+ <a href="#" class="genric-btn success-border radius">Success</a>
147
+ <a href="#" class="genric-btn info-border radius">Info</a>
148
+ <a href="#" class="genric-btn warning-border radius">Warning</a>
149
+ <a href="#" class="genric-btn danger-border radius">Danger</a>
150
+ <a href="#" class="genric-btn link-border radius">Link</a>
151
+ <a href="#" class="genric-btn disable radius">Disable</a>
152
+ </div>
153
+ <div class="button-group-area mt-40">
154
+ <a href="#" class="genric-btn default circle">Default</a>
155
+ <a href="#" class="genric-btn primary circle">Primary</a>
156
+ <a href="#" class="genric-btn success circle">Success</a>
157
+ <a href="#" class="genric-btn info circle">Info</a>
158
+ <a href="#" class="genric-btn warning circle">Warning</a>
159
+ <a href="#" class="genric-btn danger circle">Danger</a>
160
+ <a href="#" class="genric-btn link circle">Link</a>
161
+ <a href="#" class="genric-btn disable circle">Disable</a>
162
+ </div>
163
+ <div class="button-group-area mt-10">
164
+ <a href="#" class="genric-btn default-border circle">Default</a>
165
+ <a href="#" class="genric-btn primary-border circle">Primary</a>
166
+ <a href="#" class="genric-btn success-border circle">Success</a>
167
+ <a href="#" class="genric-btn info-border circle">Info</a>
168
+ <a href="#" class="genric-btn warning-border circle">Warning</a>
169
+ <a href="#" class="genric-btn danger-border circle">Danger</a>
170
+ <a href="#" class="genric-btn link-border circle">Link</a>
171
+ <a href="#" class="genric-btn disable circle">Disable</a>
172
+ </div>
173
+ <div class="button-group-area mt-40">
174
+ <a href="#" class="genric-btn default circle arrow">Default<span class="lnr lnr-arrow-right"></span></a>
175
+ <a href="#" class="genric-btn primary circle arrow">Primary<span class="lnr lnr-arrow-right"></span></a>
176
+ <a href="#" class="genric-btn success circle arrow">Success<span class="lnr lnr-arrow-right"></span></a>
177
+ <a href="#" class="genric-btn info circle arrow">Info<span class="lnr lnr-arrow-right"></span></a>
178
+ <a href="#" class="genric-btn warning circle arrow">Warning<span class="lnr lnr-arrow-right"></span></a>
179
+ <a href="#" class="genric-btn danger circle arrow">Danger<span class="lnr lnr-arrow-right"></span></a>
180
+ </div>
181
+ <div class="button-group-area mt-10">
182
+ <a href="#" class="genric-btn default-border circle arrow">Default<span class="lnr lnr-arrow-right"></span></a>
183
+ <a href="#" class="genric-btn primary-border circle arrow">Primary<span class="lnr lnr-arrow-right"></span></a>
184
+ <a href="#" class="genric-btn success-border circle arrow">Success<span class="lnr lnr-arrow-right"></span></a>
185
+ <a href="#" class="genric-btn info-border circle arrow">Info<span class="lnr lnr-arrow-right"></span></a>
186
+ <a href="#" class="genric-btn warning-border circle arrow">Warning<span class="lnr lnr-arrow-right"></span></a>
187
+ <a href="#" class="genric-btn danger-border circle arrow">Danger<span class="lnr lnr-arrow-right"></span></a>
188
+ </div>
189
+ <div class="button-group-area mt-40">
190
+ <a href="#" class="genric-btn primary e-large">Extra Large</a>
191
+ <a href="#" class="genric-btn success large">Large</a>
192
+ <a href="#" class="genric-btn primary">Default</a>
193
+ <a href="#" class="genric-btn success medium">Medium</a>
194
+ <a href="#" class="genric-btn primary small">Small</a>
195
+ </div>
196
+ <div class="button-group-area mt-10">
197
+ <a href="#" class="genric-btn primary-border e-large">Extra Large</a>
198
+ <a href="#" class="genric-btn success-border large">Large</a>
199
+ <a href="#" class="genric-btn primary-border">Default</a>
200
+ <a href="#" class="genric-btn success-border medium">Medium</a>
201
+ <a href="#" class="genric-btn primary-border small">Small</a>
202
+ </div>
203
+ </div>
204
+ </section>
205
+ <!-- End Button -->
206
+ <!-- Start Align Area -->
207
+ <div class="whole-wrap">
208
+ <div class="container">
209
+ <div class="section-top-border">
210
+ <h3 class="mb-30 title_color">Left Aligned</h3>
211
+ <div class="row">
212
+ <div class="col-md-3">
213
+ <img src="img/elements/d.jpg" alt="" class="img-fluid">
214
+ </div>
215
+ <div class="col-md-9 mt-sm-20 left-align-p">
216
+ <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to transfer money to them through any US bank or payment system. As a result of this law, most of the popular online casino networks such as Party Gaming and PlayTech left the United States. Overnight, online casino players found themselves being chased by the Federal government. But, after a fortnight, the online casino industry came up with a solution and new online casinos started taking root. These began to operate under a different business umbrella, and by doing that, rendered the transfer of money to and from them legal. A major part of this was enlisting electronic banking systems that would accept this new clarification and start doing business with me. Listed in this article are the electronic banking systems that accept players from the United States that wish to play in online casinos.</p>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ <div class="section-top-border text-right">
221
+ <h3 class="mb-30 title_color">Right Aligned</h3>
222
+ <div class="row">
223
+ <div class="col-md-9">
224
+ <p class="text-right">Over time, even the most sophisticated, memory packed computer can begin to run slow if we don’t do something to prevent it. The reason why has less to do with how computers are made and how they age and more to do with the way we use them. You see, all of the daily tasks that we do on our PC from running programs to downloading and deleting software can make our computer sluggish. To keep this from happening, you need to understand the reasons why your PC is getting slower and do something to keep your PC running at its best. You can do this through regular maintenance and PC performance optimization programs</p>
225
+ <p class="text-right">Before we discuss all of the things that could be affecting your PC’s performance, let’s talk a little about what symptoms</p>
226
+ </div>
227
+ <div class="col-md-3">
228
+ <img src="img/elements/d.jpg" alt="" class="img-fluid">
229
+ </div>
230
+ </div>
231
+ </div>
232
+ <div class="section-top-border">
233
+ <h3 class="mb-30 title_color">Definition</h3>
234
+ <div class="row">
235
+ <div class="col-md-4">
236
+ <div class="single-defination">
237
+ <h4 class="mb-20">Definition 01</h4>
238
+ <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to transfer money to them through any US bank or payment system. As a result of this law, most of the popular online casino networks</p>
239
+ </div>
240
+ </div>
241
+ <div class="col-md-4">
242
+ <div class="single-defination">
243
+ <h4 class="mb-20">Definition 02</h4>
244
+ <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to transfer money to them through any US bank or payment system. As a result of this law, most of the popular online casino networks</p>
245
+ </div>
246
+ </div>
247
+ <div class="col-md-4">
248
+ <div class="single-defination">
249
+ <h4 class="mb-20">Definition 03</h4>
250
+ <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to transfer money to them through any US bank or payment system. As a result of this law, most of the popular online casino networks</p>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ <div class="section-top-border">
256
+ <h3 class="mb-30 title_color">Block Quotes</h3>
257
+ <div class="row">
258
+ <div class="col-lg-12">
259
+ <blockquote class="generic-blockquote">
260
+ “Recently, the US Federal government banned online casinos from operating in America by making it illegal to transfer money to them through any US bank or payment system. As a result of this law, most of the popular online casino networks such as Party Gaming and PlayTech left the United States. Overnight, online casino players found themselves being chased by the Federal government. But, after a fortnight, the online casino industry came up with a solution and new online casinos started taking root. These began to operate under a different business umbrella, and by doing that, rendered the transfer of money to and from them legal. A major part of this was enlisting electronic banking systems that would accept this new clarification and start doing business with me. Listed in this article are the electronic banking”
261
+ </blockquote>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ <div class="section-top-border">
266
+ <h3 class="mb-30 title_color">Table</h3>
267
+ <div class="progress-table-wrap">
268
+ <div class="progress-table">
269
+ <div class="table-head">
270
+ <div class="serial">#</div>
271
+ <div class="country">Countries</div>
272
+ <div class="visit">Visits</div>
273
+ <div class="percentage">Percentages</div>
274
+ </div>
275
+ <div class="table-row">
276
+ <div class="serial">01</div>
277
+ <div class="country"> <img src="img/elements/f1.jpg" alt="flag">Canada</div>
278
+ <div class="visit">645032</div>
279
+ <div class="percentage">
280
+ <div class="progress">
281
+ <div class="progress-bar color-1" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
282
+ </div>
283
+ </div>
284
+ </div>
285
+ <div class="table-row">
286
+ <div class="serial">02</div>
287
+ <div class="country"> <img src="img/elements/f2.jpg" alt="flag">Canada</div>
288
+ <div class="visit">645032</div>
289
+ <div class="percentage">
290
+ <div class="progress">
291
+ <div class="progress-bar color-2" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ <div class="table-row">
296
+ <div class="serial">03</div>
297
+ <div class="country"> <img src="img/elements/f3.jpg" alt="flag">Canada</div>
298
+ <div class="visit">645032</div>
299
+ <div class="percentage">
300
+ <div class="progress">
301
+ <div class="progress-bar color-3" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ <div class="table-row">
306
+ <div class="serial">04</div>
307
+ <div class="country"> <img src="img/elements/f4.jpg" alt="flag">Canada</div>
308
+ <div class="visit">645032</div>
309
+ <div class="percentage">
310
+ <div class="progress">
311
+ <div class="progress-bar color-4" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
312
+ </div>
313
+ </div>
314
+ </div>
315
+ <div class="table-row">
316
+ <div class="serial">05</div>
317
+ <div class="country"> <img src="img/elements/f5.jpg" alt="flag">Canada</div>
318
+ <div class="visit">645032</div>
319
+ <div class="percentage">
320
+ <div class="progress">
321
+ <div class="progress-bar color-5" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ <div class="table-row">
326
+ <div class="serial">06</div>
327
+ <div class="country"> <img src="img/elements/f6.jpg" alt="flag">Canada</div>
328
+ <div class="visit">645032</div>
329
+ <div class="percentage">
330
+ <div class="progress">
331
+ <div class="progress-bar color-6" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ <div class="table-row">
336
+ <div class="serial">07</div>
337
+ <div class="country"> <img src="img/elements/f7.jpg" alt="flag">Canada</div>
338
+ <div class="visit">645032</div>
339
+ <div class="percentage">
340
+ <div class="progress">
341
+ <div class="progress-bar color-7" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ <div class="table-row">
346
+ <div class="serial">08</div>
347
+ <div class="country"> <img src="img/elements/f8.jpg" alt="flag">Canada</div>
348
+ <div class="visit">645032</div>
349
+ <div class="percentage">
350
+ <div class="progress">
351
+ <div class="progress-bar color-8" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </div>
358
+ <div class="section-top-border">
359
+ <h3 class="title_color">Image Gallery</h3>
360
+ <div class="row gallery-item">
361
+ <div class="col-md-4">
362
+ <a href="img/elements/g1.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g1.jpg);"></div></a>
363
+ </div>
364
+ <div class="col-md-4">
365
+ <a href="img/elements/g2.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g2.jpg);"></div></a>
366
+ </div>
367
+ <div class="col-md-4">
368
+ <a href="img/elements/g3.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g3.jpg);"></div></a>
369
+ </div>
370
+ <div class="col-md-6">
371
+ <a href="img/elements/g4.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g4.jpg);"></div></a>
372
+ </div>
373
+ <div class="col-md-6">
374
+ <a href="img/elements/g5.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g5.jpg);"></div></a>
375
+ </div>
376
+ <div class="col-md-4">
377
+ <a href="img/elements/g6.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g6.jpg);"></div></a>
378
+ </div>
379
+ <div class="col-md-4">
380
+ <a href="img/elements/g7.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g7.jpg);"></div></a>
381
+ </div>
382
+ <div class="col-md-4">
383
+ <a href="img/elements/g8.jpg" class="img-gal"><div class="single-gallery-image" style="background: url(img/elements/g8.jpg);"></div></a>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ <div class="section-top-border">
388
+ <div class="row">
389
+ <div class="col-lg-4 col-sm-6 typo-sec">
390
+ <h3 class="mb-20 title_color">Typography</h3>
391
+ <div class="typography">
392
+ <h1 class="typo-list">This is header 01</h1>
393
+ <h2 class="typo-list">This is header 02</h2>
394
+ <h3 class="typo-list">This is header 03</h3>
395
+ <h4 class="typo-list">This is header 04</h4>
396
+ <h5 class="typo-list">This is header 01</h5>
397
+ <h6 class="typo-list">This is header 01</h6>
398
+ </div>
399
+ </div>
400
+ <div class="col-lg-4 col-sm-6 mt-sm-30 typo-sec">
401
+ <h3 class="mb-20 title_color">Unordered List</h3>
402
+ <div class="">
403
+ <ul class="unordered-list">
404
+ <li>Fta Keys</li>
405
+ <li>For Women Only Your Computer Usage</li>
406
+ <li>Facts Why Inkjet Printing Is Very Appealing
407
+ <ul>
408
+ <li>Addiction When Gambling Becomes
409
+ <ul>
410
+ <li>Protective Preventative Maintenance</li>
411
+ </ul>
412
+ </li>
413
+ </ul>
414
+ </li>
415
+ <li>Dealing With Technical Support 10 Useful Tips</li>
416
+ <li>Make Myspace Your Best Designed Space</li>
417
+ <li>Cleaning And Organizing Your Computer</li>
418
+ </ul>
419
+ </div>
420
+ </div>
421
+ <div class="col-lg-4 col-sm-6 mt-sm-30 typo-sec">
422
+ <h3 class="mb-20 title_color">Ordered List</h3>
423
+ <div class="">
424
+ <ol class="ordered-list">
425
+ <li><span>Fta Keys</span></li>
426
+ <li><span>For Women Only Your Computer Usage</span></li>
427
+ <li><span>Facts Why Inkjet Printing Is Very Appealing</span>
428
+ <ol class="ordered-list-alpha">
429
+ <li><span>Addiction When Gambling Becomes</span>
430
+ <ol class="ordered-list-roman">
431
+ <li><span>Protective Preventative Maintenance</span></li>
432
+ </ol>
433
+ </li>
434
+ </ol>
435
+ </li>
436
+ <li><span>Dealing With Technical Support 10 Useful Tips</span></li>
437
+ <li><span>Make Myspace Your Best Designed Space</span></li>
438
+ <li><span>Cleaning And Organizing Your Computer</span></li>
439
+ </ol>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ <div class="section-top-border">
445
+ <div class="row">
446
+ <div class="col-lg-8 col-md-8">
447
+ <h3 class="mb-30 title_color">Form Element</h3>
448
+ <form action="#">
449
+ <div class="mt-10">
450
+ <input type="text" name="first_name" placeholder="First Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'First Name'" required class="single-input">
451
+ </div>
452
+ <div class="mt-10">
453
+ <input type="text" name="last_name" placeholder="Last Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Last Name'" required class="single-input">
454
+ </div>
455
+ <div class="mt-10">
456
+ <input type="text" name="last_name" placeholder="Last Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Last Name'" required class="single-input">
457
+ </div>
458
+ <div class="mt-10">
459
+ <input type="email" name="EMAIL" placeholder="Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email address'" required class="single-input">
460
+ </div>
461
+ <div class="input-group-icon mt-10">
462
+ <div class="icon"><i class="fa fa-thumb-tack" aria-hidden="true"></i></div>
463
+ <input type="text" name="address" placeholder="Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Address'" required class="single-input">
464
+ </div>
465
+ <div class="input-group-icon mt-10">
466
+ <div class="icon"><i class="fa fa-plane" aria-hidden="true"></i></div>
467
+ <div class="form-select" id="default-select">
468
+ <select>
469
+ <option value="1">City</option>
470
+ <option value="1">Dhaka</option>
471
+ <option value="1">Dilli</option>
472
+ <option value="1">Newyork</option>
473
+ <option value="1">Islamabad</option>
474
+ </select>
475
+ </div>
476
+ </div>
477
+ <div class="input-group-icon mt-10">
478
+ <div class="icon"><i class="fa fa-globe" aria-hidden="true"></i></div>
479
+ <div class="form-select" id="default-select2">
480
+ <select>
481
+ <option value="1">Country</option>
482
+ <option value="1">Bangladesh</option>
483
+ <option value="1">India</option>
484
+ <option value="1">England</option>
485
+ <option value="1">Srilanka</option>
486
+ </select>
487
+ </div>
488
+ </div>
489
+
490
+ <div class="mt-10">
491
+ <textarea class="single-textarea" placeholder="Message" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Message'" required></textarea>
492
+ </div>
493
+ <div class="mt-10">
494
+ <input type="text" name="first_name" placeholder="Primary color" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Primary color'" required class="single-input-primary">
495
+ </div>
496
+ <div class="mt-10">
497
+ <input type="text" name="first_name" placeholder="Accent color" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Accent color'" required class="single-input-accent">
498
+ </div>
499
+ <div class="mt-10">
500
+ <input type="text" name="first_name" placeholder="Secondary color" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Secondary color'" required class="single-input-secondary">
501
+ </div>
502
+ </form>
503
+ </div>
504
+ <div class="col-lg-3 col-md-4 mt-sm-30 element-wrap">
505
+ <div class="single-element-widget">
506
+ <h3 class="mb-30 title_color">Switches</h3>
507
+ <div class="switch-wrap d-flex justify-content-between">
508
+ <p>01. Sample Switch</p>
509
+ <div class="primary-switch">
510
+ <input type="checkbox" id="default-switch">
511
+ <label for="default-switch"></label>
512
+ </div>
513
+ </div>
514
+ <div class="switch-wrap d-flex justify-content-between">
515
+ <p>02. Primary Color Switch</p>
516
+ <div class="primary-switch">
517
+ <input type="checkbox" id="primary-switch" checked>
518
+ <label for="primary-switch"></label>
519
+ </div>
520
+ </div>
521
+ <div class="switch-wrap d-flex justify-content-between">
522
+ <p>03. Confirm Color Switch</p>
523
+ <div class="confirm-switch">
524
+ <input type="checkbox" id="confirm-switch" checked>
525
+ <label for="confirm-switch"></label>
526
+ </div>
527
+ </div>
528
+ </div>
529
+ <div class="single-element-widget">
530
+ <h3 class="mb-30 title_color">Selectboxes</h3>
531
+ <div class="default-select" id="default-select">
532
+ <select>
533
+ <option value="1">English</option>
534
+ <option value="1">Spanish</option>
535
+ <option value="1">Arabic</option>
536
+ <option value="1">Portuguise</option>
537
+ <option value="1">Bengali</option>
538
+ </select>
539
+ </div>
540
+ </div>
541
+ <div class="single-element-widget">
542
+ <h3 class="mb-30 title_color">Checkboxes</h3>
543
+ <div class="switch-wrap d-flex justify-content-between">
544
+ <p>01. Sample Checkbox</p>
545
+ <div class="primary-checkbox">
546
+ <input type="checkbox" id="default-checkbox">
547
+ <label for="default-checkbox"></label>
548
+ </div>
549
+ </div>
550
+ <div class="switch-wrap d-flex justify-content-between">
551
+ <p>02. Primary Color Checkbox</p>
552
+ <div class="primary-checkbox">
553
+ <input type="checkbox" id="primary-checkbox" checked>
554
+ <label for="primary-checkbox"></label>
555
+ </div>
556
+ </div>
557
+ <div class="switch-wrap d-flex justify-content-between">
558
+ <p>03. Confirm Color Checkbox</p>
559
+ <div class="confirm-checkbox">
560
+ <input type="checkbox" id="confirm-checkbox">
561
+ <label for="confirm-checkbox"></label>
562
+ </div>
563
+ </div>
564
+ <div class="switch-wrap d-flex justify-content-between">
565
+ <p>04. Disabled Checkbox</p>
566
+ <div class="disabled-checkbox">
567
+ <input type="checkbox" id="disabled-checkbox" disabled>
568
+ <label for="disabled-checkbox"></label>
569
+ </div>
570
+ </div>
571
+ <div class="switch-wrap d-flex justify-content-between">
572
+ <p>05. Disabled Checkbox active</p>
573
+ <div class="disabled-checkbox">
574
+ <input type="checkbox" id="disabled-checkbox-active" checked disabled>
575
+ <label for="disabled-checkbox-active"></label>
576
+ </div>
577
+ </div>
578
+ </div>
579
+ <div class="single-element-widget">
580
+ <h3 class="mb-30 title_color">Radios</h3>
581
+ <div class="switch-wrap d-flex justify-content-between">
582
+ <p>01. Sample radio</p>
583
+ <div class="primary-radio">
584
+ <input type="checkbox" id="default-radio">
585
+ <label for="default-radio"></label>
586
+ </div>
587
+ </div>
588
+ <div class="switch-wrap d-flex justify-content-between">
589
+ <p>02. Primary Color radio</p>
590
+ <div class="primary-radio">
591
+ <input type="checkbox" id="primary-radio" checked>
592
+ <label for="primary-radio"></label>
593
+ </div>
594
+ </div>
595
+ <div class="switch-wrap d-flex justify-content-between">
596
+ <p>03. Confirm Color radio</p>
597
+ <div class="confirm-radio">
598
+ <input type="checkbox" id="confirm-radio" checked>
599
+ <label for="confirm-radio"></label>
600
+ </div>
601
+ </div>
602
+ <div class="switch-wrap d-flex justify-content-between">
603
+ <p>04. Disabled radio</p>
604
+ <div class="disabled-radio">
605
+ <input type="checkbox" id="disabled-radio" disabled>
606
+ <label for="disabled-radio"></label>
607
+ </div>
608
+ </div>
609
+ <div class="switch-wrap d-flex justify-content-between">
610
+ <p>05. Disabled radio active</p>
611
+ <div class="disabled-radio">
612
+ <input type="checkbox" id="disabled-radio-active" checked disabled>
613
+ <label for="disabled-radio-active"></label>
614
+ </div>
615
+ </div>
616
+ </div>
617
+ </div>
618
+ </div>
619
+ </div>
620
+ </div>
621
+ </div>
622
+ <!-- End Align Area -->
623
+
624
+
625
+
626
+ <!--================ Start Brands Area =================-->
627
+ <section class="brands-area background_one">
628
+ <div class="container">
629
+ <div class="row justify-content-center">
630
+ <div class="col-lg-10">
631
+ <div class="owl-carousel brand-carousel">
632
+ <!-- single-brand -->
633
+ <div class="single-brand-item d-table">
634
+ <div class="d-table-cell">
635
+ <img src="img/brand/1.png" alt="">
636
+ </div>
637
+ </div>
638
+ <!-- single-brand -->
639
+ <div class="single-brand-item d-table">
640
+ <div class="d-table-cell">
641
+ <img src="img/brand/2.png" alt="">
642
+ </div>
643
+ </div>
644
+ <!-- single-brand -->
645
+ <div class="single-brand-item d-table">
646
+ <div class="d-table-cell">
647
+ <img src="img/brand/3.png" alt="">
648
+ </div>
649
+ </div>
650
+ <!-- single-brand -->
651
+ <div class="single-brand-item d-table">
652
+ <div class="d-table-cell">
653
+ <img src="img/brand/4.png" alt="">
654
+ </div>
655
+ </div>
656
+ <!-- single-brand -->
657
+ <div class="single-brand-item d-table">
658
+ <div class="d-table-cell">
659
+ <img src="img/brand/5.png" alt="">
660
+ </div>
661
+ </div>
662
+ <!-- single-brand -->
663
+ <div class="single-brand-item d-table">
664
+ <div class="d-table-cell">
665
+ <img src="img/brand/3.png" alt="">
666
+ </div>
667
+ </div>
668
+ </div>
669
+ </div>
670
+ </div>
671
+ </div>
672
+ </section>
673
+ <!--================ End Brands Area =================-->
674
+
675
+ <!-- start footer Area -->
676
+ <footer class="footer-area area-padding-top">
677
+ <div class="container">
678
+
679
+ <div class="row footer-bottom d-flex justify-content-between">
680
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
681
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
682
+ Copyright &copy;
683
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
684
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
685
+ </p>
686
+ </div>
687
+ </div>
688
+ </footer>
689
+ <!-- End footer Area -->
690
+
691
+
692
+
693
+
694
+
695
+
696
+ <!-- Optional JavaScript -->
697
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
698
+ <script src="js/jquery-2.2.4.min.js"></script>
699
+ <script src="js/popper.js"></script>
700
+ <script src="js/bootstrap.min.js"></script>
701
+ <script src="js/stellar.js"></script>
702
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
703
+ <script src="js/jquery.ajaxchimp.min.js"></script>
704
+ <script src="js/waypoints.min.js"></script>
705
+ <script src="js/mail-script.js"></script>
706
+ <script src="js/contact.js"></script>
707
+ <script src="js/jquery.form.js"></script>
708
+ <script src="js/jquery.validate.min.js"></script>
709
+ <script src="js/mail-script.js"></script>
710
+ <script src="js/theme.js"></script>
711
+ </body>
712
+ </html>
psy-login.html ADDED
@@ -0,0 +1,252 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+ <link rel="icon" href="img/favicon.png" type="image/png">
9
+ <title>ADHD-Care</title>
10
+ <!-- Bootstrap CSS -->
11
+ <link rel="stylesheet" href="css/bootstrap.css">
12
+ <link rel="stylesheet" href="css/themify-icons.css">
13
+ <link rel="stylesheet" href="css/flaticon.css">
14
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
15
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
16
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
17
+ <!-- main css -->
18
+ <link rel="stylesheet" href="css/style.css">
19
+ <link rel="stylesheet" href="css/responsive.css">
20
+ </head>
21
+
22
+ <body>
23
+
24
+
25
+ <!--================Header Menu Area =================-->
26
+ <header>
27
+
28
+ <div class="main_menu">
29
+ <nav class="navbar navbar-expand-lg navbar-light">
30
+ <div class="container">
31
+ <!-- Brand and toggle get grouped for better mobile display -->
32
+ <a class="navbar-brand logo_h" href="/">
33
+ <img src="img/icon.jpg" alt="">
34
+ </a>
35
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
36
+ aria-expanded="false" aria-label="Toggle navigation">
37
+ <span class="icon-bar"></span>
38
+ <span class="icon-bar"></span>
39
+ <span class="icon-bar"></span>
40
+ </button>
41
+ <!-- Collect the nav links, forms, and other content for toggling -->
42
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
43
+ <ul class="nav navbar-nav menu_nav ml-auto">
44
+ <li class="nav-item">
45
+ <a class="nav-link" href="/">Home</a>
46
+ </li>
47
+ <li class="nav-item">
48
+ <a class="nav-link" href="about-us.html">About</a>
49
+ </li>
50
+ <li class="nav-item">
51
+ <a class="nav-link" href="services.html">Services</a>
52
+ </li>
53
+ <li class="nav-item">
54
+ <a class="nav-link" href="blog.html">Blog</a>
55
+ </li>
56
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
57
+
58
+ <li class="nav-item">
59
+ <a class="nav-link" href="contact.html">Contact</a>
60
+ </li>
61
+ <li class="nav-item">
62
+ <a class="nav-link" href="psy-login.html">Account</a>
63
+ </li>
64
+ </ul>
65
+ </div>
66
+ </div>
67
+ </nav>
68
+ </div>
69
+ </header>
70
+ <!--================Header Menu Area =================-->
71
+
72
+ <body>
73
+
74
+
75
+
76
+ <!-- ================ contact section start ================= -->
77
+ <section class="service-area area-padding-top">
78
+ <!-- <div class="site-section"> -->
79
+ <div class="container" style="max-width: 1048px;">
80
+ <div class="col-md-5 col-xl-4">
81
+ <h3>Psychiatrist Portal</h3>
82
+ </div>
83
+
84
+ <div class="row">
85
+ <div class="col-md-12 col-md-12 offset-lg-0.2">
86
+
87
+ <div class="row">
88
+ <div class="col-md-12">
89
+ <h2 class="h3 mb-5 text-black"></h2>
90
+ </div>
91
+ <div class="col-md-6">
92
+ <form action="#" method="post">
93
+ <fieldset>
94
+ <h3>Sign Up</h3>
95
+ <div class="p-3 p-lg-5 border">
96
+ <div class="form-group row">
97
+ <div class="col-md-6">
98
+ <label for="c_fname" class="text-black">First Name
99
+ <span class="text-danger">*</span>
100
+ </label>
101
+ <input type="text" class="form-control" id="c_fname" name="c_fname">
102
+ </div>
103
+ <div class="col-md-6">
104
+ <label for="c_lname" class="text-black">Last Name
105
+ <span class="text-danger">*</span>
106
+ </label>
107
+ <input type="text" class="form-control" id="c_lname" name="c_lname">
108
+ </div>
109
+ </div>
110
+ <div class="form-group row">
111
+ <div class="col-md-12">
112
+ <label for="c_email" class="text-black">Email
113
+ <span class="text-danger">*</span>
114
+ </label>
115
+ <input type="email" class="form-control" id="c_email" name="c_email" placeholder="">
116
+ </div>
117
+ </div>
118
+ <div class="form-group row">
119
+ <div class="col-md-12">
120
+ <label for="c_email" class="text-black">Password
121
+ <span class="text-danger">*</span>
122
+ </label>
123
+ <input type="password" class="form-control" id="c_email" name="c_email" placeholder="">
124
+ </div>
125
+ </div>
126
+ <div class="form-group row">
127
+ <div class="col-md-12">
128
+ <input type="checkbox" name="checkbox" value="check" id="agree" /> I have read and agree to the Terms and Conditions
129
+ </div>
130
+ </div>
131
+
132
+
133
+ <div class="form-group row">
134
+ <div class="col-lg-12">
135
+ <input type="submit" class="btn btn-primary btn-lg btn-block" value="Sign up">
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </fieldset>
140
+
141
+ </form>
142
+ </div>
143
+
144
+ <div class="col-md-6">
145
+ <form action="#" method="post" >
146
+ <fieldset>
147
+ <h3>Login</h3>
148
+ <div class="p-3 p-lg-5 border">
149
+ <div class="form-group row">
150
+ <div class="col-md-12">
151
+ <label for="c_fname" class="text-black">Email
152
+ <span class="text-danger">*</span>
153
+ </label>
154
+ <input type="text" class="form-control" id="c_fname" name="c_fname">
155
+ </div>
156
+ </div>
157
+ <div class="form-group row">
158
+ <div class="col-md-12">
159
+ <label for="c_email" class="text-black">Password
160
+ <span class="text-danger">*</span>
161
+ </label>
162
+ <input type="password" class="form-control" id="c_email" name="c_email" placeholder="">
163
+ </div>
164
+ </div>
165
+
166
+ <div class="form-group row">
167
+ <div class="col-lg-12">
168
+ <input type="submit" class="btn btn-primary btn-lg btn-block" value="Login" style="background: #200c9f;">
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </fieldset>
173
+
174
+ </form>
175
+ </div>
176
+ </div>
177
+
178
+ </div>
179
+
180
+ </div>
181
+ </div>
182
+ </section>
183
+ <!-- ================ contact section end ================= -->
184
+
185
+ <!-- start footer Area -->
186
+ <footer class="footer-area area-padding-top">
187
+ <div class="container">
188
+
189
+ <div class="row footer-bottom d-flex justify-content-between">
190
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
191
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
192
+ Copyright &copy;
193
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
194
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
195
+ </p>
196
+ </div>
197
+ </div>
198
+ </footer>
199
+ <!-- End footer Area -->
200
+
201
+
202
+
203
+ <!--================Contact Success and Error message Area =================-->
204
+ <div id="success" class="modal modal-message fade" role="dialog">
205
+ <div class="modal-dialog">
206
+ <div class="modal-content">
207
+ <div class="modal-header">
208
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
209
+ <i class="fas fa-times"></i>
210
+ </button>
211
+ <h2>Thank you</h2>
212
+ <p>Your message is successfully sent...</p>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ </div>
217
+
218
+ <!-- Modals error -->
219
+
220
+ <div id="error" class="modal modal-message fade" role="dialog">
221
+ <div class="modal-dialog">
222
+ <div class="modal-content">
223
+ <div class="modal-header">
224
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
225
+ <i class="fas fa-times"></i>
226
+ </button>
227
+ <h2>Sorry !</h2>
228
+ <p> Something went wrong </p>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ <!--================End Contact Success and Error message Area =================-->
234
+
235
+ <!-- Optional JavaScript -->
236
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
237
+ <script src="js/jquery-2.2.4.min.js"></script>
238
+ <script src="js/popper.js"></script>
239
+ <script src="js/bootstrap.min.js"></script>
240
+ <script src="js/stellar.js"></script>
241
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
242
+ <script src="js/jquery.ajaxchimp.min.js"></script>
243
+ <script src="js/waypoints.min.js"></script>
244
+ <script src="js/mail-script.js"></script>
245
+ <script src="js/contact.js"></script>
246
+ <script src="js/jquery.form.js"></script>
247
+ <script src="js/jquery.validate.min.js"></script>
248
+ <script src="js/mail-script.js"></script>
249
+ <script src="js/theme.js"></script>
250
+ </body>
251
+
252
+ </html>
register_successs.html ADDED
@@ -0,0 +1,182 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+ <link rel="icon" href="static/img/favicon.png" type="image/png">
9
+ <title>ADHD-Care</title>
10
+ <!-- Bootstrap CSS -->
11
+ <link rel="stylesheet" href="static/css/bootstrap.css">
12
+ <link rel="stylesheet" href="static/css/themify-icons.css">
13
+ <link rel="stylesheet" href="static/css/flaticon.css">
14
+ <link rel="stylesheet" href="static/vendors/fontawesome/static/css/all.min.css">
15
+ <link rel="stylesheet" href="static/vendors/owl-carousel/owl.carousel.min.css">
16
+ <link rel="stylesheet" href="static/vendors/animate-static/css/animate.css">
17
+ <!-- main css -->
18
+ <link rel="stylesheet" href="static/css/style.css">
19
+ <link rel="stylesheet" href="static/css/responsive.css">
20
+ </head>
21
+
22
+ <body>
23
+
24
+
25
+ <!--================Header Menu Area =================-->
26
+ <header>
27
+
28
+ <div class="main_menu">
29
+ <nav class="navbar navbar-expand-lg navbar-light">
30
+ <div class="container">
31
+ <!-- Brand and toggle get grouped for better mobile display -->
32
+ <a class="navbar-brand logo_h" href="/">
33
+ <img src="static/img/icon.jpg" alt="">
34
+ </a>
35
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
36
+ aria-expanded="false" aria-label="Toggle navigation">
37
+ <span class="icon-bar"></span>
38
+ <span class="icon-bar"></span>
39
+ <span class="icon-bar"></span>
40
+ </button>
41
+ <!-- Collect the nav links, forms, and other content for toggling -->
42
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
43
+ <ul class="nav navbar-nav menu_nav ml-auto">
44
+ <li class="nav-item">
45
+ <a class="nav-link" href="/">Home</a>
46
+ </li>
47
+ <li class="nav-item">
48
+ <a class="nav-link" href="about-us.html">About</a>
49
+ </li>
50
+ <li class="nav-item">
51
+ <a class="nav-link" href="services.html">Services</a>
52
+ </li>
53
+ <li class="nav-item">
54
+ <a class="nav-link" href="blog.html">Blog</a>
55
+ </li>
56
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
57
+ <li class="nav-item">
58
+ <a class="nav-link" href="contact.html">Contact</a>
59
+ </li>
60
+ <li class="nav-item">
61
+ <a class="nav-link" href="/register">Account</a>
62
+ </li>
63
+ </ul>
64
+ </div>
65
+ </div>
66
+ </nav>
67
+ </div>
68
+ </header>
69
+ <!--================Header Menu Area =================-->
70
+
71
+ <body>
72
+
73
+ <!--================Home Banner Area =================-->
74
+ <section class="banner_area">
75
+ <div class="banner_inner d-flex align-items-center">
76
+ <div class="container">
77
+ <div class="banner_content d-md-flex justify-content-between align-items-center">
78
+ <div class="mb-3 mb-md-0">
79
+ <h2>Psychiatrist Portal</h2>
80
+ </div>
81
+ <div class="page_link">
82
+ <a href="/">Home</a>
83
+ <a href="contact.html">Contact</a>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </section>
89
+ <!--================End Home Banner Area =================-->
90
+
91
+
92
+ <!-- ================ contact section start ================= -->
93
+ <section class="appointment-area">
94
+ <!-- <div class="site-section"> -->
95
+ <div class="container" style="max-width: 1048px;">
96
+ <div class="appointment-inner" style="padding: 20px 10px;">
97
+ <div class="row">
98
+ <div class="col-md-12 col-md-12 offset-lg-0.2">
99
+
100
+ <div class="row">
101
+ <div class="col-md-12">
102
+ <h2 class="h3 mb-5 text-black">Successfully registered. Please <a href="/register">login</a> to proceed.</h2>
103
+ </div>
104
+
105
+ </div>
106
+
107
+ </div>
108
+
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </section>
113
+ <!-- ================ contact section end ================= -->
114
+
115
+ <!-- start footer Area -->
116
+ <footer class="footer-area area-padding-top">
117
+ <div class="container">
118
+
119
+ <div class="row footer-bottom d-flex justify-content-between">
120
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
121
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
122
+ Copyright &copy;
123
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
124
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
125
+ </p>
126
+ </div>
127
+ </div>
128
+ </footer>
129
+ <!-- End footer Area -->
130
+
131
+
132
+
133
+ <!--================Contact Success and Error message Area =================-->
134
+ <div id="success" class="modal modal-message fade" role="dialog">
135
+ <div class="modal-dialog">
136
+ <div class="modal-content">
137
+ <div class="modal-header">
138
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
139
+ <i class="fas fa-times"></i>
140
+ </button>
141
+ <h2>Thank you</h2>
142
+ <p>Your message is successfully sent...</p>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ </div>
147
+
148
+ <!-- Modals error -->
149
+
150
+ <div id="error" class="modal modal-message fade" role="dialog">
151
+ <div class="modal-dialog">
152
+ <div class="modal-content">
153
+ <div class="modal-header">
154
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
155
+ <i class="fas fa-times"></i>
156
+ </button>
157
+ <h2>Sorry !</h2>
158
+ <p> Something went wrong </p>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ <!--================End Contact Success and Error message Area =================-->
164
+
165
+ <!-- Optional JavaScript -->
166
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
167
+ <script src="static/js/jquery-2.2.4.min.js"></script>
168
+ <script src="static/js/popper.js"></script>
169
+ <script src="static/js/bootstrap.min.js"></script>
170
+ <script src="static/js/stellar.js"></script>
171
+ <script src="static/vendors/owl-carousel/owl.carousel.min.js"></script>
172
+ <script src="static/js/jquery.ajaxchimp.min.js"></script>
173
+ <script src="static/js/waypoints.min.js"></script>
174
+ <script src="static/js/mail-script.js"></script>
175
+ <script src="static/js/contact.js"></script>
176
+ <script src="static/js/jquery.form.js"></script>
177
+ <script src="static/js/jquery.validate.min.js"></script>
178
+ <script src="static/js/mail-script.js"></script>
179
+ <script src="static/js/theme.js"></script>
180
+ </body>
181
+
182
+ </html>
report.html ADDED
The diff for this file is too large to render. See raw diff
 
services.html ADDED
@@ -0,0 +1,131 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+ <link rel="icon" href="img/favicon.png" type="image/png">
9
+ <title>ADHD-Care</title>
10
+ <!-- Bootstrap CSS -->
11
+ <link rel="stylesheet" href="css/bootstrap.css">
12
+ <link rel="stylesheet" href="css/themify-icons.css">
13
+ <link rel="stylesheet" href="css/flaticon.css">
14
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
15
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
16
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
17
+ <!-- main css -->
18
+ <link rel="stylesheet" href="css/style.css">
19
+ <link rel="stylesheet" href="css/responsive.css">
20
+ </head>
21
+ <body>
22
+
23
+
24
+ <!--================Header Menu Area =================-->
25
+ <header>
26
+
27
+ <div class="main_menu">
28
+ <nav class="navbar navbar-expand-lg navbar-light">
29
+ <div class="container">
30
+ <!-- Brand and toggle get grouped for better mobile display -->
31
+ <a class="navbar-brand logo_h" href="/"><img src="img/icon.jpg" alt="" height="60" width="250"></a>
32
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ <span class="icon-bar"></span>
36
+ </button>
37
+ <!-- Collect the nav links, forms, and other content for toggling -->
38
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
39
+ <ul class="nav navbar-nav menu_nav ml-auto">
40
+ <li class="nav-item"><a class="nav-link" href="/"><strong><font color="black">Home</font></strong></a></li>
41
+ <li class="nav-item"><a class="nav-link" href="about-us.html"><strong><font color="black">About</font></strong></a></li>
42
+ <li class="nav-item"><a class="nav-link" href="services.html"><strong><font color="black">Services</font></strong></a></li>
43
+ <li class="nav-item"><a class="nav-link" href="blog.html"><strong><font color="black">Blog</font></a></strong></li>
44
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
45
+ <li class="nav-item"><a class="nav-link" href="contact.html"><strong><font color="black">Contact</font></strong></a></li>
46
+ <li class="nav-item"><a class="nav-link" href="/register"><strong><font color="black">Account</font></strong></a></li>
47
+ </ul>
48
+ </div>
49
+ </div>
50
+ </nav>
51
+ </div>
52
+ </header>
53
+ <!--================Header Menu Area =================-->
54
+
55
+
56
+
57
+ <!--================Home Banner Area =================-->
58
+ <!--================End Home Banner Area =================-->
59
+
60
+ <div class="service-area area-padding-top">
61
+ <a name="chapter4"></a>
62
+ <div class="container">
63
+ <div class="area-heading row">
64
+ <div class="col-md-5 col-xl-4">
65
+ <h3>Health Service</h3>
66
+ </div>
67
+ </div>
68
+ <div class="row">
69
+ <div class="col-md-10 col-lg-6">
70
+ <div class="card-service text-center text-lg-left mb-4 mb-lg-0">
71
+ <span class="card-service__icon">
72
+ <i class="flaticon-face"></i>
73
+ </span>
74
+ <h3 class="card-service__title">ADHD Child Service</h3>
75
+ <p class="card-service__subtitle">Patients below 18 years old can check whether they have ADHD or not by using this Application</p>
76
+ <a href="/fmri_predict" class="genric-btn success radius" title="Check ADHD for Child Patients">Check ADHD</a>
77
+ </div>
78
+ </div>
79
+
80
+ <div class="col-md-10 col-lg-6">
81
+ <div class="card-service text-center text-lg-left mb-4 mb-lg-0">
82
+ <span class="card-service__icon">
83
+ <i class="flaticon-brain"></i>
84
+ </span>
85
+ <h3 class="card-service__title">ADHD Adult Service</h3>
86
+ <p class="card-service__subtitle">Patients above 18 years old can check whether they have ADHD or not and generate health report by here</p>
87
+ <a href="/em_predict" class="genric-btn success radius" title="Check ADHD for Adult Patients">Check ADHD</a> </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ </div>
92
+ <!--================ Service section end =================-->
93
+
94
+ <!-- start footer Area -->
95
+ <footer class="footer-area area-padding-top">
96
+ <div class="container">
97
+
98
+ <div class="row footer-bottom d-flex justify-content-between">
99
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
100
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
101
+ Copyright &copy;
102
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
103
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
104
+ </p>
105
+ </div>
106
+ </div>
107
+ </footer>
108
+ <!-- End footer Area -->
109
+
110
+
111
+
112
+
113
+
114
+
115
+ <!-- Optional JavaScript -->
116
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
117
+ <script src="js/jquery-2.2.4.min.js"></script>
118
+ <script src="js/popper.js"></script>
119
+ <script src="js/bootstrap.min.js"></script>
120
+ <script src="js/stellar.js"></script>
121
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
122
+ <script src="js/jquery.ajaxchimp.min.js"></script>
123
+ <script src="js/waypoints.min.js"></script>
124
+ <script src="js/mail-script.js"></script>
125
+ <script src="js/contact.js"></script>
126
+ <script src="js/jquery.form.js"></script>
127
+ <script src="js/jquery.validate.min.js"></script>
128
+ <script src="js/mail-script.js"></script>
129
+ <script src="js/theme.js"></script>
130
+ </body>
131
+ </html>
single-blog.html ADDED
@@ -0,0 +1,647 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <link rel="icon" href="img/favicon.png" type="image/png">
8
+ <title>Medcare Medical</title>
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="css/bootstrap.css">
11
+ <link rel="stylesheet" href="css/themify-icons.css">
12
+ <link rel="stylesheet" href="css/flaticon.css">
13
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
14
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
15
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
16
+ <!-- main css -->
17
+ <link rel="stylesheet" href="css/style.css">
18
+ <link rel="stylesheet" href="css/responsive.css">
19
+ </head>
20
+ <body>
21
+
22
+ <!--================Header Menu Area =================-->
23
+ <header class="header_area">
24
+ <div class="top_menu row m0">
25
+ <div class="container">
26
+ <div class="float-left">
27
+ <a class="dn_btn" href="mailto:medical@example.com"><i class="ti-email"></i>medical@example.com</a>
28
+ <span class="dn_btn"> <i class="ti-location-pin"></i>Find our Location</span>
29
+ </div>
30
+ <div class="float-right">
31
+ <ul class="list header_social">
32
+ <li><a href="#"><i class="ti-facebook"></i></a></li>
33
+ <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
34
+ <li><a href="#"><i class="ti-linkedin"></i></a></li>
35
+ <li><a href="#"><i class="ti-skype"></i></a></li>
36
+ <li><a href="#"><i class="ti-vimeo-alt"></i></a></li>
37
+ </ul>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <div class="main_menu">
42
+ <nav class="navbar navbar-expand-lg navbar-light">
43
+ <div class="container">
44
+ <!-- Brand and toggle get grouped for better mobile display -->
45
+ <a class="navbar-brand logo_h" href="home.html"><img src="img/logo.png" alt=""></a>
46
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
47
+ <span class="icon-bar"></span>
48
+ <span class="icon-bar"></span>
49
+ <span class="icon-bar"></span>
50
+ </button>
51
+ <!-- Collect the nav links, forms, and other content for toggling -->
52
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
53
+ <ul class="nav navbar-nav menu_nav ml-auto">
54
+ <li class="nav-item"><a class="nav-link" href="home.html">Home</a></li>
55
+ <li class="nav-item"><a class="nav-link" href="about-us.html">About</a></li>
56
+ <li class="nav-item"><a class="nav-link" href="services.html">Department</a></li>
57
+ <li class="nav-item"><a class="nav-link" href="doctors.html">Doctors</a></li>
58
+ <li class="nav-item submenu dropdown">
59
+ <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
60
+ <ul class="dropdown-menu">
61
+ <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
62
+ <li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
63
+ <li class="nav-item"><a class="nav-link" href="element.html">element</a></li>
64
+ </ul>
65
+ </li>
66
+ <li class="nav-item"><a class="nav-link" href="health_info.html">Contact</a></li>
67
+ </ul>
68
+ </div>
69
+ </div>
70
+ </nav>
71
+ </div>
72
+ </header>
73
+ <!--================Header Menu Area =================-->
74
+
75
+
76
+ <!--================Home Banner Area =================-->
77
+ <section class="banner_area">
78
+ <div class="banner_inner d-flex align-items-center">
79
+ <div class="container">
80
+ <div
81
+ class="banner_content d-md-flex justify-content-between align-items-center"
82
+ >
83
+ <div class="mb-3 mb-md-0">
84
+ <h2>Blog Details</h2>
85
+ <p>Belding years moveth earth green behold wherein</p>
86
+ </div>
87
+ <div class="page_link">
88
+ <a href="home.html">Home</a>
89
+ <a href="health_info.html">Blog Details</a>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </section>
95
+ <!--================End Home Banner Area =================-->
96
+
97
+
98
+ <!--================Blog Area =================-->
99
+ <section class="blog_area single-post-area area-padding">
100
+ <div class="container">
101
+ <div class="row">
102
+ <div class="col-lg-8 posts-list">
103
+ <div class="single-post">
104
+ <div class="feature-img">
105
+ <img class="img-fluid" src="img/blog/main-blog/m-blog-1.jpg" alt="">
106
+ </div>
107
+ <!-- <div class="col-lg-3 col-md-3">
108
+ <div class="blog_info text-right">
109
+ <div class="post_tag">
110
+ <a href="#">Food,</a>
111
+ <a class="active" href="#">Technology,</a>
112
+ <a href="#">Politics,</a>
113
+ <a href="#">Lifestyle</a>
114
+ </div>
115
+ <ul class="blog_meta list">
116
+ <li>
117
+ <a href="#">Mark wiens
118
+ <i class="lnr lnr-user"></i>
119
+ </a>
120
+ </li>
121
+ <li>
122
+ <a href="#">12 Dec, 2017
123
+ <i class="lnr lnr-calendar-full"></i>
124
+ </a>
125
+ </li>
126
+ <li>
127
+ <a href="#">1.2M Views
128
+ <i class="lnr lnr-eye"></i>
129
+ </a>
130
+ </li>
131
+ <li>
132
+ <a href="#">06 Comments
133
+ <i class="lnr lnr-bubble"></i>
134
+ </a>
135
+ </li>
136
+ </ul>
137
+ <ul class="social-links">
138
+ <li>
139
+ <a href="#">
140
+ <i class="fab fa-facebook-f"></i>
141
+ </a>
142
+ </li>
143
+ <li>
144
+ <a href="#">
145
+ <i class="fab fa-twitter"></i>
146
+ </a>
147
+ </li>
148
+ <li>
149
+ <a href="#">
150
+ <i class="fab fa-github"></i>
151
+ </a>
152
+ </li>
153
+ <li>
154
+ <a href="#">
155
+ <i class="fab fa-behance"></i>
156
+ </a>
157
+ </li>
158
+ </ul>
159
+ </div>
160
+ </div> -->
161
+ <div class="blog_details">
162
+ <h2>Second divided from form fish beast made every of seas
163
+ all gathered us saying he our</h2>
164
+ <ul class="blog-info-link mt-3 mb-4">
165
+ <li><a href="#"><i class="far fa-user"></i> Travel, Lifestyle</a></li>
166
+ <li><a href="#"><i class="far fa-comments"></i> 03 Comments</a></li>
167
+ </ul>
168
+ <p class="excert">
169
+ MCSE boot camps have its supporters and its detractors. Some people do not understand why you should have to spend money on boot camp when you can get the MCSE study materials yourself at a fraction of the camp price. However, who has the willpower
170
+
171
+ </p>
172
+ <p>
173
+ MCSE boot camps have its supporters and its detractors. Some people do not understand why you should have to spend money on boot camp when you can get the MCSE study materials yourself at a fraction of the camp price. However, who has the willpower to actually sit through a self-imposed MCSE training. who has the willpower to actually
174
+ </p>
175
+ <div class="quote-wrapper">
176
+ <div class="quotes">
177
+ MCSE boot camps have its supporters and its detractors. Some people do not understand why you should have to spend money on boot camp when you can get the MCSE study materials yourself at a fraction of the camp price. However, who has the willpower to actually sit through a self-imposed MCSE training.
178
+ </div>
179
+ </div>
180
+
181
+
182
+ <p>
183
+ MCSE boot camps have its supporters and its detractors. Some people do not understand why you should have to spend money on boot camp when you can get the MCSE study materials yourself at a fraction of the camp price. However, who has the willpower
184
+
185
+ </p>
186
+ <p>
187
+ MCSE boot camps have its supporters and its detractors. Some people do not understand why you should have to spend money on boot camp when you can get the MCSE study materials yourself at a fraction of the camp price. However, who has the willpower to actually sit through a self-imposed MCSE training. who has the willpower to actually
188
+ </p>
189
+ </div>
190
+ </div>
191
+ <div class="navigation-top">
192
+ <div class="d-sm-flex justify-content-between text-center">
193
+ <p class="like-info"><span class="align-middle"><i class="far fa-heart"></i></span> Lily and 4 people like this</p>
194
+ <div class="col-sm-4 text-center my-2 my-sm-0">
195
+ <p class="comment-count"><span class="align-middle"><i class="far fa-comment"></i></span> 06 Comments</p>
196
+ </div>
197
+ <ul class="social-icons">
198
+ <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
199
+ <li><a href="#"><i class="fab fa-twitter"></i></a></li>
200
+ <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
201
+ <li><a href="#"><i class="fab fa-behance"></i></a></li>
202
+ </ul>
203
+ </div>
204
+
205
+ <div class="navigation-area">
206
+ <div class="row">
207
+ <div class="col-lg-6 col-md-6 col-12 nav-left flex-row d-flex justify-content-start align-items-center">
208
+ <div class="thumb">
209
+ <a href="#">
210
+ <img class="img-fluid" src="img/blog/prev.jpg" alt="">
211
+ </a>
212
+ </div>
213
+ <div class="arrow">
214
+ <a href="#">
215
+ <span class="lnr text-white lnr-arrow-left"></span>
216
+ </a>
217
+ </div>
218
+ <div class="detials">
219
+ <p>Prev Post</p>
220
+ <a href="#">
221
+ <h4>Space The Final Frontier</h4>
222
+ </a>
223
+ </div>
224
+ </div>
225
+ <div class="col-lg-6 col-md-6 col-12 nav-right flex-row d-flex justify-content-end align-items-center">
226
+ <div class="detials">
227
+ <p>Next Post</p>
228
+ <a href="#">
229
+ <h4>Telescopes 101</h4>
230
+ </a>
231
+ </div>
232
+ <div class="arrow">
233
+ <a href="#">
234
+ <span class="lnr text-white lnr-arrow-right"></span>
235
+ </a>
236
+ </div>
237
+ <div class="thumb">
238
+ <a href="#">
239
+ <img class="img-fluid" src="img/blog/next.jpg" alt="">
240
+ </a>
241
+ </div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+
247
+
248
+ <div class="blog-author">
249
+ <div class="media align-items-center">
250
+ <img src="img/blog/author.png" alt="">
251
+ <div class="media-body">
252
+ <a href="#">
253
+ <h4>Harvard milan</h4>
254
+ </a>
255
+ <p>Second divided from form fish beast made. Every of seas all gathered use saying you're, he our dominion twon Second divided from</p>
256
+ </div>
257
+ </div>
258
+ </div>
259
+
260
+ <div class="comments-area">
261
+ <h4>05 Comments</h4>
262
+ <div class="comment-list">
263
+ <div class="single-comment justify-content-between d-flex">
264
+ <div class="user justify-content-between d-flex">
265
+ <div class="thumb">
266
+ <img src="img/blog/c1.png" alt="">
267
+ </div>
268
+ <div class="desc">
269
+ <p class="comment">
270
+ Multiply sea night grass fourth day sea lesser rule open subdue female fill which them Blessed, give fill lesser bearing multiply sea night grass fourth day sea lesser
271
+ </p>
272
+
273
+ <div class="d-flex justify-content-between">
274
+ <div class="d-flex align-items-center">
275
+ <h5>
276
+ <a href="#">Emilly Blunt</a>
277
+ </h5>
278
+ <p class="date">December 4, 2017 at 3:12 pm </p>
279
+ </div>
280
+
281
+ <div class="reply-btn">
282
+ <a href="#" class="btn-reply text-uppercase">reply</a>
283
+ </div>
284
+ </div>
285
+
286
+ </div>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ <div class="comment-list">
291
+ <div class="single-comment justify-content-between d-flex">
292
+ <div class="user justify-content-between d-flex">
293
+ <div class="thumb">
294
+ <img src="img/blog/c2.png" alt="">
295
+ </div>
296
+ <div class="desc">
297
+ <p class="comment">
298
+ Multiply sea night grass fourth day sea lesser rule open subdue female fill which them Blessed, give fill lesser bearing multiply sea night grass fourth day sea lesser
299
+ </p>
300
+
301
+ <div class="d-flex justify-content-between">
302
+ <div class="d-flex align-items-center">
303
+ <h5>
304
+ <a href="#">Emilly Blunt</a>
305
+ </h5>
306
+ <p class="date">December 4, 2017 at 3:12 pm </p>
307
+ </div>
308
+
309
+ <div class="reply-btn">
310
+ <a href="#" class="btn-reply text-uppercase">reply</a>
311
+ </div>
312
+ </div>
313
+
314
+ </div>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ <div class="comment-list">
319
+ <div class="single-comment justify-content-between d-flex">
320
+ <div class="user justify-content-between d-flex">
321
+ <div class="thumb">
322
+ <img src="img/blog/c3.png" alt="">
323
+ </div>
324
+ <div class="desc">
325
+ <p class="comment">
326
+ Multiply sea night grass fourth day sea lesser rule open subdue female fill which them Blessed, give fill lesser bearing multiply sea night grass fourth day sea lesser
327
+ </p>
328
+
329
+ <div class="d-flex justify-content-between">
330
+ <div class="d-flex align-items-center">
331
+ <h5>
332
+ <a href="#">Emilly Blunt</a>
333
+ </h5>
334
+ <p class="date">December 4, 2017 at 3:12 pm </p>
335
+ </div>
336
+
337
+ <div class="reply-btn">
338
+ <a href="#" class="btn-reply text-uppercase">reply</a>
339
+ </div>
340
+ </div>
341
+
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ <div class="comment-form">
348
+ <h4>Leave a Reply</h4>
349
+ <form class="form-contact comment_form" action="#" id="commentForm">
350
+ <div class="row">
351
+ <div class="col-12">
352
+ <div class="form-group">
353
+ <textarea class="form-control w-100" name="comment" id="comment" cols="30" rows="9" placeholder="Write Comment"></textarea>
354
+ </div>
355
+ </div>
356
+ <div class="col-sm-6">
357
+ <div class="form-group">
358
+ <input class="form-control" name="name" id="name" type="text" placeholder="Name">
359
+ </div>
360
+ </div>
361
+ <div class="col-sm-6">
362
+ <div class="form-group">
363
+ <input class="form-control" name="email" id="email" type="email" placeholder="Email">
364
+ </div>
365
+ </div>
366
+ <div class="col-12">
367
+ <div class="form-group">
368
+ <input class="form-control" name="website" id="website" type="text" placeholder="Website">
369
+ </div>
370
+ </div>
371
+ </div>
372
+ <div class="form-group">
373
+ <button type="submit" class="button button-contactForm">Send Message</button>
374
+ </div>
375
+ </form>
376
+ </div>
377
+ </div>
378
+ <div class="col-lg-4">
379
+ <div class="blog_right_sidebar">
380
+ <aside class="single_sidebar_widget search_widget">
381
+ <form action="#">
382
+ <div class="form-group">
383
+ <div class="input-group mb-3">
384
+ <input type="text" class="form-control" placeholder="Search Keyword">
385
+ <div class="input-group-append">
386
+ <button class="btn" type="button"><i class="ti-search"></i></button>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ <button class="button rounded-0 primary-bg text-white w-100" type="submit">Search</button>
391
+ </form>
392
+ </aside>
393
+
394
+ <aside class="single_sidebar_widget post_category_widget">
395
+ <h4 class="widget_title">Category</h4>
396
+ <ul class="list cat-list">
397
+ <li>
398
+ <a href="#" class="d-flex">
399
+ <p>Resaurant food</p>
400
+ <p>(37)</p>
401
+ </a>
402
+ </li>
403
+ <li>
404
+ <a href="#" class="d-flex">
405
+ <p>Travel news</p>
406
+ <p>(10)</p>
407
+ </a>
408
+ </li>
409
+ <li>
410
+ <a href="#" class="d-flex">
411
+ <p>Modern technology</p>
412
+ <p>(03)</p>
413
+ </a>
414
+ </li>
415
+ <li>
416
+ <a href="#" class="d-flex">
417
+ <p>Product</p>
418
+ <p>(11)</p>
419
+ </a>
420
+ </li>
421
+ <li>
422
+ <a href="#" class="d-flex">
423
+ <p>Inspiration</p>
424
+ <p>(21)</p>
425
+ </a>
426
+ </li>
427
+ <li>
428
+ <a href="#" class="d-flex">
429
+ <p>Health Care</p>
430
+ <p>(21)</p>
431
+ </a>
432
+ </li>
433
+ </ul>
434
+ </aside>
435
+
436
+ <aside class="single_sidebar_widget popular_post_widget">
437
+ <h3 class="widget_title">Recent Post</h3>
438
+ <div class="media post_item">
439
+ <img src="img/blog/popular-post/post1.jpg" alt="post">
440
+ <div class="media-body">
441
+ <a href="single-blog.html">
442
+ <h3>From life was you fish...</h3>
443
+ </a>
444
+ <p>January 12, 2019</p>
445
+ </div>
446
+ </div>
447
+ <div class="media post_item">
448
+ <img src="img/blog/popular-post/post2.jpg" alt="post">
449
+ <div class="media-body">
450
+ <a href="single-blog.html">
451
+ <h3>The Amazing Hubble</h3>
452
+ </a>
453
+ <p>02 Hours ago</p>
454
+ </div>
455
+ </div>
456
+ <div class="media post_item">
457
+ <img src="img/blog/popular-post/post3.jpg" alt="post">
458
+ <div class="media-body">
459
+ <a href="single-blog.html">
460
+ <h3>Astronomy Or Astrology</h3>
461
+ </a>
462
+ <p>03 Hours ago</p>
463
+ </div>
464
+ </div>
465
+ <div class="media post_item">
466
+ <img src="img/blog/popular-post/post4.jpg" alt="post">
467
+ <div class="media-body">
468
+ <a href="single-blog.html">
469
+ <h3>Asteroids telescope</h3>
470
+ </a>
471
+ <p>01 Hours ago</p>
472
+ </div>
473
+ </div>
474
+ </aside>
475
+ <aside class="single_sidebar_widget tag_cloud_widget">
476
+ <h4 class="widget_title">Tag Clouds</h4>
477
+ <ul class="list">
478
+ <li>
479
+ <a href="#">project</a>
480
+ </li>
481
+ <li>
482
+ <a href="#">love</a>
483
+ </li>
484
+ <li>
485
+ <a href="#">technology</a>
486
+ </li>
487
+ <li>
488
+ <a href="#">travel</a>
489
+ </li>
490
+ <li>
491
+ <a href="#">restaurant</a>
492
+ </li>
493
+ <li>
494
+ <a href="#">life style</a>
495
+ </li>
496
+ <li>
497
+ <a href="#">design</a>
498
+ </li>
499
+ <li>
500
+ <a href="#">illustration</a>
501
+ </li>
502
+ </ul>
503
+ </aside>
504
+
505
+
506
+ <aside class="single_sidebar_widget instagram_feeds">
507
+ <h4 class="widget_title">Instagram Feeds</h4>
508
+ <ul class="instagram_row flex-wrap">
509
+ <li>
510
+ <a href="#">
511
+ <img class="img-fluid" src="img/instagram/widget-i1.png" alt="">
512
+ </a>
513
+ </li>
514
+ <li>
515
+ <a href="#">
516
+ <img class="img-fluid" src="img/instagram/widget-i2.png" alt="">
517
+ </a>
518
+ </li>
519
+ <li>
520
+ <a href="#">
521
+ <img class="img-fluid" src="img/instagram/widget-i3.png" alt="">
522
+ </a>
523
+ </li>
524
+ <li>
525
+ <a href="#">
526
+ <img class="img-fluid" src="img/instagram/widget-i4.png" alt="">
527
+ </a>
528
+ </li>
529
+ <li>
530
+ <a href="#">
531
+ <img class="img-fluid" src="img/instagram/widget-i5.png" alt="">
532
+ </a>
533
+ </li>
534
+ <li>
535
+ <a href="#">
536
+ <img class="img-fluid" src="img/instagram/widget-i6.png" alt="">
537
+ </a>
538
+ </li>
539
+ </ul>
540
+ </aside>
541
+
542
+
543
+ <aside class="single_sidebar_widget newsletter_widget">
544
+ <h4 class="widget_title">Newsletter</h4>
545
+
546
+ <form action="#">
547
+ <div class="form-group">
548
+ <input type="email" class="form-control" placeholder="Enter email" required>
549
+ </div>
550
+ <button class="button rounded-0 primary-bg text-white w-100" type="submit">Subscribe</button>
551
+ </form>
552
+ </aside>
553
+ </div>
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </section>
558
+ <!--================Blog Area end =================-->
559
+
560
+
561
+
562
+ <!--================ Start Brands Area =================-->
563
+ <section class="brands-area background_one">
564
+ <div class="container">
565
+ <div class="row justify-content-center">
566
+ <div class="col-lg-10">
567
+ <div class="owl-carousel brand-carousel">
568
+ <!-- single-brand -->
569
+ <div class="single-brand-item d-table">
570
+ <div class="d-table-cell">
571
+ <img src="img/brand/1.png" alt="">
572
+ </div>
573
+ </div>
574
+ <!-- single-brand -->
575
+ <div class="single-brand-item d-table">
576
+ <div class="d-table-cell">
577
+ <img src="img/brand/2.png" alt="">
578
+ </div>
579
+ </div>
580
+ <!-- single-brand -->
581
+ <div class="single-brand-item d-table">
582
+ <div class="d-table-cell">
583
+ <img src="img/brand/3.png" alt="">
584
+ </div>
585
+ </div>
586
+ <!-- single-brand -->
587
+ <div class="single-brand-item d-table">
588
+ <div class="d-table-cell">
589
+ <img src="img/brand/4.png" alt="">
590
+ </div>
591
+ </div>
592
+ <!-- single-brand -->
593
+ <div class="single-brand-item d-table">
594
+ <div class="d-table-cell">
595
+ <img src="img/brand/5.png" alt="">
596
+ </div>
597
+ </div>
598
+ <!-- single-brand -->
599
+ <div class="single-brand-item d-table">
600
+ <div class="d-table-cell">
601
+ <img src="img/brand/3.png" alt="">
602
+ </div>
603
+ </div>
604
+ </div>
605
+ </div>
606
+ </div>
607
+ </div>
608
+ </section>
609
+ <!--================ End Brands Area =================-->
610
+ <!-- start footer Area -->
611
+ <footer class="footer-area area-padding-top">
612
+ <div class="container">
613
+
614
+ <div class="row footer-bottom d-flex justify-content-between">
615
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
616
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
617
+ Copyright &copy;
618
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
619
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
620
+ </p>
621
+ </div>
622
+ </div>
623
+ </footer>
624
+ <!-- End footer Area -->
625
+
626
+
627
+
628
+
629
+
630
+
631
+ <!-- Optional JavaScript -->
632
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
633
+ <script src="js/jquery-2.2.4.min.js"></script>
634
+ <script src="js/popper.js"></script>
635
+ <script src="js/bootstrap.min.js"></script>
636
+ <script src="js/stellar.js"></script>
637
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
638
+ <script src="js/jquery.ajaxchimp.min.js"></script>
639
+ <script src="js/waypoints.min.js"></script>
640
+ <script src="js/mail-script.js"></script>
641
+ <script src="js/contact.js"></script>
642
+ <script src="js/jquery.form.js"></script>
643
+ <script src="js/jquery.validate.min.js"></script>
644
+ <script src="js/mail-script.js"></script>
645
+ <script src="js/theme.js"></script>
646
+ </body>
647
+ </html>
userguide.html ADDED
@@ -0,0 +1,184 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <link rel="icon" href="img/favicon.png" type="image/png">
8
+ <title>ADHD-Care</title>
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="css/bootstrap.css">
11
+ <link rel="stylesheet" href="css/themify-icons.css">
12
+ <link rel="stylesheet" href="css/flaticon.css">
13
+ <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css">
14
+ <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
15
+ <link rel="stylesheet" href="vendors/animate-css/animate.css">
16
+ <!-- main css -->
17
+ <link rel="stylesheet" href="css/style.css">
18
+ <link rel="stylesheet" href="css/responsive.css">
19
+ </head>
20
+ <body>
21
+
22
+
23
+ <!--================Header Menu Area =================-->
24
+ <header>
25
+
26
+ <div class="main_menu">
27
+ <nav class="navbar navbar-expand-lg navbar-light">
28
+ <div class="container">
29
+ <!-- Brand and toggle get grouped for better mobile display -->
30
+ <a class="navbar-brand logo_h" href="/"><img src="img/icon.jpg" alt="" height="60" width="250"></a>
31
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
32
+ <span class="icon-bar"></span>
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ </button>
36
+ <!-- Collect the nav links, forms, and other content for toggling -->
37
+ <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38
+ <ul class="nav navbar-nav menu_nav ml-auto">
39
+ <li class="nav-item"><a class="nav-link" href="/"><strong><font color="black">Home</font></strong></a></li>
40
+ <li class="nav-item"><a class="nav-link" href="about-us.html"><strong><font color="black">About</font></strong></a></li>
41
+ <li class="nav-item"><a class="nav-link" href="services.html"><strong><font color="black">Services</font></strong></a></li>
42
+ <li class="nav-item"><a class="nav-link" href="blog.html"><strong><font color="black">Blog</font></a></strong></li>
43
+ <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li>
44
+ <li class="nav-item"><a class="nav-link" href="contact.html"><strong><font color="black">Contact</font></strong></a></li>
45
+ <li class="nav-item"><a class="nav-link" href="/register"><strong><font color="black">Account</font></strong></a></li>
46
+ </ul>
47
+ </div>
48
+ </div>
49
+ </nav>
50
+ </div>
51
+ </header>
52
+ <!--================Header Menu Area =================-->
53
+
54
+ <!--================Home Banner Area =================-->
55
+ <!--================End Home Banner Area =================-->
56
+
57
+
58
+
59
+
60
+
61
+
62
+ <section class="sample-text-area">
63
+ <div class="container">
64
+ <div class="area-heading row">
65
+ <div class="col-md-20 col-xl-10">
66
+ <h3>ADHD-Care – User Guide</h3>
67
+ </div>
68
+ </div>
69
+ <p><span style="text-decoration: underline;"><strong>ADHD-Care Health Services</strong></span></p>
70
+ <p><span style="font-weight: 400;">ADHD-Care system provides functionalities to as a support tool for identifying possible ADHD subjects from the patient test records. The main data types considered for this study are functional Magnetic Resonance Data (fMRI) and eye movement data.&nbsp;</span></p>
71
+ <p><span style="font-weight: 400;">For this experiment, users can use the system functionalities without a user account. However, the user gets a patient ID for the first time he/she uses the ADHD-Care services. Later, this patient ID can be used to track their records in the ADHD-Care application.&nbsp;</span><span style="font-weight: 400;">Psychiatrists can sign up for an account and login to add patient details under that account and view the patient history via the psychiatric portal.</span></p>
72
+ <p><span style="font-weight: 400;">(The main interface of the ADHD-Care application -&nbsp;</span><span style="font-weight: 400;"><a href="http://adhdclassification.projects.uom.lk:5000/">http://adhdclassification.projects.uom.lk:5000/</a>)</span></p>
73
+ <img alt="A screenshot of a cell phone Description automatically generated" src="images/image3.jpg" style="width: 601.93px; height: 267.67px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title="">
74
+ <p><span style="text-decoration: underline;"><strong>Input data files:&nbsp;</strong>&nbsp;</span></p>
75
+ <p style="text-align: justify;"><strong>fMRI data</strong><span style="font-weight: 400;"> &ndash; &nbsp; Functional MRI brain scan images are using as a main input for the child -&nbsp; ADHD identification process in the ADHD-Care system. fMRI data determine the brain activities by detecting the changes in blood oxygen level in the different brain areas that occur as responses to several neural functionalities, which has also emphasized the capability of identifying various patterns of mental functionalities of brain activation.&nbsp;</span><span style="font-weight: 400;">A sample fMRI data in nifti (.nii.gz) format which is a type of specialized brain scan images to map neural brain activity by imaging the change in blood oxygen level in brain cells is provided as a test input to the identification process. The given test fMRI image is a labeled sample brain scan image of a Non-ADHD person which is obtained from the New York University Child Study Center of ADHD 200 global competition data repository.</span></p>
76
+ <p style="text-align: justify;"><strong>Eye movement data -</strong><span style="font-weight: 400;">&nbsp; Eye movements of patients are using as the main inputs for the adult - ADHD identification process in the ADHD-Care system. A test gaze related dataset which is in CSV file format with sample eye movements of an ADHD person has been provided for test purposes. This includes fixations (fixed gaze points), saccadic (rapid gaze movements) eye movements which were recorded by the Tobii-pro eye tracker along with fixation and saccade duration, average, the standard deviation in milliseconds, pupil diameters of left and right eyes, diagnose label and the gender of the participants. The experimental process of gathering eye movement measurements was based on reading the sentences that were displayed on the computer screen and the Tobii Pro X2-60 eye tracker was used for screen-based capture of gaze data which creates reflection patterns on the corneas of eyes.</span><br /><br /></p>
77
+ <p><strong>Task 1: </strong><span style="font-weight: 400;">Identify possible ADHD subjects using fMRI data for children</span></p>
78
+ <p><span style="font-weight: 400;">This service is provided for child patients who are under the age of 18 to derive a probability of getting ADHD by using fMRI brain scanning data.</span></p>
79
+ <ol>
80
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Service </strong><span style="font-weight: 400;">from the header menu.</span></li>
81
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Check ADHD </strong><span style="font-weight: 400;">from ADHD child service.</span></li>
82
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 264.00px;"><img alt="" src="images/image2.jpg" style="width: 602.00px; height: 264.00px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
83
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>NO </strong><span style="font-weight: 400;">for a new user from the validation of the user or click </span><strong>YES</strong><span style="font-weight: 400;"> for new patient registration.</span></li>
84
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 351.02px; height: 293.23px;"><img alt="" src="images/image5.png" style="width: 351.02px; height: 293.23px; margin: 0.00px 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
85
+ <li style="font-weight: 400;">If a new patient needs to be added, fill out the form with personal details (<strong>first name, last name, age, email, symptoms, chronic diseases</strong><span style="font-weight: 400;">).</span></li>
86
+ <span style="overflow: hidden; display: inline-block; margin: -0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 546.67px;"><img alt="" src="images/9999.PNG" style="width: 602.00px; height: 546.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
87
+ <li style="font-weight: 400;">For an existing user, all the patient details will be auto-filled. (For an existing user, use the existing &ldquo;patient ID&rdquo; = 172 for the testing purpose.)</li>
88
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 345.50px; height: 277.67px;"><img alt="" src="images/image7.png" style="width: 345.50px; height: 277.67px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
89
+ <li style="font-weight: 400;">Press <strong>Upload File</strong> button in the form. Then choose the fMRI scanning data file from your device (.nii or .nii.gz format).</li>
90
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 421.33px;"><img alt="" src="images/image22.jpg" style="width: 602.00px; height: 421.33px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
91
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click</span><strong> Send Health Report.</strong></li>
92
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Then it will be redirected to the generated report with predicted results for verification.</span></li>
93
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 420.00px; height: 406.73px;"><img alt="" src="images/image6.png" style="width: 420.00px; height: 406.73px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
94
+ <li style="font-weight: 400;">Click the download report and view the downloaded report.</li>
95
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 451.58px; height: 414.23px;"><img alt="" src="images/image9.png" style="width: 451.58px; height: 414.23px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
96
+ </ol>
97
+ <p><strong>Task 2: </strong><span style="font-weight: 400;">Identify possible ADHD subjects using eye movement data for adults</span></p>
98
+ <p><span style="font-weight: 400;">This service is provided for adult patients who are above the age of 18 to derive a probability value of having ADHD using eye movement data.</span></p>
99
+ <ol>
100
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click Service from the header&nbsp;</span></li>
101
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Check ADHD </strong><span style="font-weight: 400;">from ADHD adult service.</span></li>
102
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 648.79px; height: 284.23px;"><img alt="" src="images/image8.jpg" style="width: 648.79px; height: 284.23px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
103
+ <li style="font-weight: 400;">Click <strong>NO </strong><span style="font-weight: 400;">for a new user from the validation of user or click </span><strong>YES</strong><span style="font-weight: 400;"> for a new patient registration</span></li>
104
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 351.02px; height: 293.23px;"><img alt="" src="images/image5.png" style="width: 351.02px; height: 293.23px; margin: 0.00px 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
105
+ <li style="font-weight: 400;">If a new patient needs to be added, fill out the form with personal details (first name, last name, age email, symptoms, chronic diseases).</li>
106
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 494.67px;"><img alt="" src="images/8888.PNG" style="width: 602.00px; height: 494.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
107
+ <li style="font-weight: 400;">For an existing user, all the patient details will be auto-filled. (For an existing user, use the existing &ldquo;patient ID&rdquo; = 172 for the testing purpose.)</li>
108
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 345.50px; height: 277.67px;"><img alt="" src="images/image7.png" style="width: 345.50px; height: 277.67px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
109
+ <li style="font-weight: 400;">Press <strong>Upload File</strong> button in the form. Then choose the eye movement data file in your device (.csv format)&nbsp;&nbsp;</li>
110
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 350.67px;"><img alt="" src="images/666.PNG" style="width: 602.00px; height: 350.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
111
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 662.67px;"><img alt="" src="images/777.PNG" style="width: 602.00px; height: 662.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
112
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click</span><strong> Send Health Report</strong></li>
113
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Then it will be redirected to the generated report with predicted results</span></li>
114
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 468.92px; height: 457.23px;"><img alt="" src="images/image11.png" style="width: 468.92px; height: 457.23px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
115
+ <li style="font-weight: 400;">Click download report and view the downloaded report</li>
116
+ <img alt="" src="images/image12.png" style="width: 473.18px; height: 425.23px; margin-left: -11.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title="">
117
+ </ol>
118
+ <p><strong>Task 3: </strong><strong>Psychiatric Registration</strong></p>
119
+ <ol>
120
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Account </strong><span style="font-weight: 400;">from the header</span></li>
121
+ <li style="font-weight: 400;"><span style="font-weight: 400;">For a new psychiatrists fill the signup form and click </span><strong>Sign up</strong><span style="font-weight: 400;"> button</span></li>
122
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click the </span><strong>login button </strong><span style="font-weight: 400;">to access the account.</span></li>
123
+ <img alt="" src="images/image13.jpg" style="width: 537.98px; height: 404.20px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title="">
124
+ </ol>
125
+ <p><strong>For an existing psychiatrist,</strong></p>
126
+ <ol>
127
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Enter the valid Email address and password in the login form</span></li>
128
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Login </strong><span style="font-weight: 400;">button</span></li>
129
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Then the verified user will be redirected to the page with the patient&rsquo;s ADHD identification tests performed by the psychiatrist.</span></li>
130
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click on </span><strong>PDF </strong><span style="font-weight: 400;">button to download reports of the patients.</span></li>
131
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Type in the search bar to filter out the results.</span></li>
132
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 543.96px; height: 309.23px;"><img alt="" src="images/image14.jpg" style="width: 543.96px; height: 442.31px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
133
+ </ol>
134
+ <p><strong>Learn about ADHD</strong></p>
135
+ <ol>
136
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>About </strong><span style="font-weight: 400;">from the header and view more information on ADHD.</span></li>
137
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 377.33px;"><img alt="" src="images/image15.png" style="width: 602.00px; height: 377.33px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
138
+ <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Blog </strong><span style="font-weight: 400;">from the header and blogs related to ADHD can be viewed.</span></li>
139
+ <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 365.33px;"><img alt="" src="images/image16.png" style="width: 602.00px; height: 365.33px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span>
140
+ </ol>
141
+ <p>&nbsp;</p>
142
+ </div>
143
+ </section>
144
+
145
+ <!--================About Area End =================-->
146
+
147
+ <!-- start footer Area -->
148
+ <footer class="footer-area area-padding-top">
149
+ <div class="container">
150
+
151
+ <div class="row footer-bottom d-flex justify-content-between">
152
+ <p class="col-lg-8 col-sm-12 footer-text m-0">
153
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
154
+ Copyright &copy;
155
+ <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM
156
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
157
+ </p>
158
+ </div>
159
+ </div>
160
+ </footer>
161
+ <!-- End footer Area -->
162
+
163
+
164
+
165
+
166
+
167
+
168
+ <!-- Optional JavaScript -->
169
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
170
+ <script src="js/jquery-2.2.4.min.js"></script>
171
+ <script src="js/popper.js"></script>
172
+ <script src="js/bootstrap.min.js"></script>
173
+ <script src="js/stellar.js"></script>
174
+ <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
175
+ <script src="js/jquery.ajaxchimp.min.js"></script>
176
+ <script src="js/waypoints.min.js"></script>
177
+ <script src="js/mail-script.js"></script>
178
+ <script src="js/contact.js"></script>
179
+ <script src="js/jquery.form.js"></script>
180
+ <script src="js/jquery.validate.min.js"></script>
181
+ <script src="js/mail-script.js"></script>
182
+ <script src="js/theme.js"></script>
183
+ </body>
184
+ </html>