-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnarcotrack.html
459 lines (443 loc) · 25.3 KB
/
narcotrack.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NarcoTrack</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<!-- Font Awesome 5 CSS -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.13.0/css/all.css">
<link rel="stylesheet" href="{% static 'style.css' %}">
<link
href="/static/images/sublogo.png"
rel="icon"
type="image/x-icon"
/>
</head>
<body class="bg-light">
<nav class="navbar navbar-expand-lg bg-light" id="navvbar">
<div class="container">
<a class="navbar-brand" href="/"><img src="images/logo.png" class="w-50 mb-1" alt="" ></a>
<button class="navbar-toggler toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
<i class="fas fa-bars" style="color:#d9d9d9; font-size:27px;"></i>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarNav" >
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/centers">CENTERS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/quiz">QUIZ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">ABOUT</a>
</li>
{% if user.is_authenticated %}
<div class="profile-dropdown" class="ms-5">
<img src="https://bootdey.com/img/Content/avatar/avatar7.png" alt="Profile Photo" class="profile-photo">
<div class="dropdown-content">
<a href="/show_profile">Profile</a>
<a href="/profile">Edit Profile</a>
<a href="/patient_data">Patient Data</a>
<a href="/create_center">Create Center</a>
<a href="/logout">Log out
</div>
{% else %}
<li class="nav-item ms-4">
<a href="/login"><button class="button">Log in</button></a>
</li>
{% endif %}
</a>
</div>
</ul>
</div>
</div>
</nav>
<!-- message Start -->
{% comment %}
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show my-0 mb-3" role="alert">
<strong>{{ message }}</strong>
</div>
{% endfor %}
{% endif %}
<!-- message End --> {% endcomment %}
<section class="home">
<div class="container ">
<div class="home-bg d-flex">
<div class="image">
<img src="images/s copy.jpg" class="" alt="">
</div>
<div class="home-text m-auto">
<h3 class="text-light">BREAKING THE CYCLE
<br>
<span class="text-danger">OF DRUG ADDICTION</span>
</h3>
<p class="text-light text-center">"Say no to drugs and yes to life - get help and <br> support for drug addiction."</p>
</div>
</div>
</div>
</section>
{% comment %} <section class="search-bar">
<div class="group">
<div class="container">
<div class="input-group mb-3">
<input type="text" class="form-control ps-5" placeholder="Find Rehabilitation Centres,Symptoms,Screening" aria-label="Recipient's username" aria-describedby="button-addon2">
<i class="fa fa-search position-absolute" aria-hidden="true"></i>
<button class="btn btn-secondary" type="button" id="button-addon2">Search</button>
</div>
</div>
</div>
</section> {% endcomment %}
<section class="info">
<div class="container">
<div class="info-div">
<div class="info-text">
<h3>ARE YOU LOOKING FOR TRUSTED <br> REHABILITATION CENRTRE?</h3>
<p>Find Top 100 Rehabilitation Centres...... </p>
<div class="info-boxes">
<div class="info-box">
<div class="info-box-text">
<h3>FIND YOUR DATA BY YOUR CNIC</h3>
<form action="/search_by_cnic" method="get" id="searchForm">
<div>
<input placeholder="ENTER YOUR CNIC" style="border:none" class="mt-2 mb-2 px-3" name="cnic" value="{{cnic}}">
</div>
<button class="btn btn-primary" type="submit">See Results</button>
</form>
</div>
<div class="info-box-image">
<img src="https://media-public.canva.com/L_2xM/MAEa9hL_2xM/1/s2-1.svg" alt="">
</div>
</div>
<div class="info-box">
<div class="info-box-text">
<h3>FIND BEST REHABILITATION CENTRES</h3>
<p>Top Trusted Rehabilitation Centres</p>
<a href="/centers" ><button class="btn btn-primary">See List </button></a>
</div>
<div class="info-box-image">
<img src="https://media-public.canva.com/L_2xM/MAEa9hL_2xM/1/s2-1.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="test-yourself">
<div class="container">
<div class="test-yourself-div">
<div class="test-yourself-text">
<h3 class="text-light">NARCOTRACK PROVIDES ONLINE TEST YOURSELF</h3>
<p class="text-black-50">Pakistan's First Trusted Rehabilitation Centres</p>
<a href = "/quiz"><button class="btn btn-danger" >TAKE A QUIZ</button></a>
</div>
<div class="test-yourself-image">
<img src="images/wm_s3.webp" alt="">
</div>
</div>
</div>
</section>
<section class="symptoms">
<div class="container">
<h3 class="text-center color-bold">TOP SYMPTOMS</h3>
<div class="symptoms-divs">
<div class="symptoms-div">
<div class="symptoms-icon">
<img src="/static/images/physical.png" alt="">
</div>
<div class="symptoms-text">
<h3><b>Physical Signs</b></h3>
<p><ul>
<li>Chills</li>
<li>Nausea</li>
<li>Insomnia</li>
<li>Headaches</li>
<li>Sudden weight loss</li>
<li>Sudden weight gain</li>
</ul></p>
</div>
</div>
<div class="symptoms-div">
<div class="symptoms-icon">
<img src="/static/images/Emotion.png" alt="">
</div>
<div class="symptoms-text">
<h3><b>Emotional Signs</b></h3>
<p><ui>
<li>Irritability</li>
<li>Depression</li>
<li>Mood swings</li>
<li>Extreme sadness</li>
<li>Unexplained euphoria</li>
<li>Manic energy followed by an emotional and physical crash</li>
</ui>
</p>
</div>
</div>
<div class="symptoms-div">
<div class="symptoms-icon">
<img src="/static/images/Behaviour.png" alt="">
</div>
<div class="symptoms-text">
<h3><b>Behavioral Signs</b></h3>
<p><ui>
<li>Lying</li>
<li>Stealing</li>
<li>Erratic behavior</li>
<li>Troubles sleeping</li>
<li>Excessive sleepinga</li>
<li>Change in social circle</li>
</ui>
</p>
</div>
</div>
<!-- <div class="symptoms-div">
<div class="symptoms-icon">
<img src="https://media-public.canva.com/Gl-AU/MAEq6AGl-AU/1/s.svg" alt="">
</div>
<div class="symptoms-text">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti aspernatur soluta cupiditate incidunt voluptates pariatur nam quaerat exercitationem quam nemo!</p>
</div>
</div>
<div class="symptoms-div">
<div class="symptoms-icon">
<img src="https://media-public.canva.com/Gl-AU/MAEq6AGl-AU/1/s.svg" alt="">
</div>
<div class="symptoms-text">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti aspernatur soluta cupiditate incidunt voluptates pariatur nam quaerat exercitationem quam nemo!</p>
</div>
</div>
<div class="symptoms-div">
<div class="symptoms-icon">
<img src="https://media-public.canva.com/Gl-AU/MAEq6AGl-AU/1/s.svg" alt="">
</div>
<div class="symptoms-text">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti aspernatur soluta cupiditate incidunt voluptates pariatur nam quaerat exercitationem quam nemo!</p>
</div>
</div>
<div class="symptoms-div">
<div class="symptoms-icon">
<img src="https://media-public.canva.com/Gl-AU/MAEq6AGl-AU/1/s.svg" alt="">
</div>
<div class="symptoms-text">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti aspernatur soluta cupiditate incidunt voluptates pariatur nam quaerat exercitationem quam nemo!</p>
</div> -->
</div>
</div>
</div>
</section>
<section class="patient-care">
<div class="container">
<h3 class="text-center color-bold">PATIENT CARE</h3>
<div class="patient-care-divs">
<div class="patient-care-div">
<div class="container">
<h3 class="">Mental health treatment</h3>
<p class="text-light">ndividuals diagnosed with co-occurring mental illness need treatment for their substance use in addition to the mental illness, ideally in an integrated fashion.</p>
</div>
</div>
<div class="patient-care-div">
<div class="container">
<h3>Family services</h3>
<p class="text-light">In most cases, family involvement is an important element in treating teens and young adults. It helps family members understand addiction as a chronic illness, helps the family have realistic expectations and goals for treatment, and helps improve communication and overall family functioning.</p>
</div>
</div>
</div>
<div class="patient-care-divs"style="display: none; opacity: 0;" id="myDiv">
<div class="patient-care-div">
<div class="container">
<h3 class="">Group counseling</h3>
<p class="text-light">Usually consists of six to ten people with one or two counselors facilitating a discussion of their struggles, experiences and problems.</p>
</div>
</div>
<div class="patient-care-div">
<div class="container">
<h3>Educational services</h3>
<p class="text-light">Grade-appropriate or GED classes for teens still in school, or those who may have dropped out, to help reduce disruptions to their schooling.</p>
</div>
</div>
</div>
<div class="patient-care-btn m-auto">
<button id="toggleBtn" class="btn btn-primary" onclick="toggleDiv()">Read More..</button>
</div>
</div>
</section>
<section class="stay-away">
<div class="container">
<div class="stay-away-section-div">
<h2 class="color-bold padding-bottom">HOW TO STAY AWAY FROM DRUGS?</h2>
<div class="stay-away-divs">
<div class="stay-away-div">
<div class="stay-away-div-text-1">
<div class="container">
<h3 class="text-bold">Learn Why People Use Drugs?</h3>
<p class="padding-right">People use drugs and alcohol for a variety of different reasons like for relaxation, enjoyment, avoid physical pain, exciement, selfmedicating for mental health condition, due to peer pressure, to experience the positive feelings associated with substances.</p>
</div>
</div>
<div class="stay-away-div-text-1 ms-auto w-75">
<div class="container">
<h3 class="text-right text-bold">Learn How Addiction Develops</h3>
<p class="padding-left">In general, people can develop tolerance to drugs when they use them repeatedly. An addiction can take over a person`s life, making use of the substance the number one priority over all other factors.</p>
</div>
</div>
<div class="stay-away-div-text-1">
<div class="container">
<h3 class="text-bold">Build Healthy Relationships and Avoid Peer Pressure</h3>
<p class="padding-right">For teens, peer pressure can be a major reason why drug use or experimentation begins. ” This is quite true when it comes to drugs and alcohol, and hanging around people who are regularly using substances is definitely a risk factor for developing bad or addictive habits yourself.</p>
</div>
</div>
</div>
<div class="stay-away-div">
<div class="stay-away-div-image">
<img src="/static/images/heart.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="what-we-do">
<div class="container">
<h3 class="color-bold text-center">How to prevent?</h3>
<div class="what-we-do-divs">
<div class="what-we-do-div">
<div class="what-we-do-img">
<img src="/static/images/drugs.png" alt="">
</div>
<h3>Stay away from drugs.</h3>
</div>
<div class="what-we-do-div">
<div class="what-we-do-img">
<img src="/static/images/addict.png" alt="">
</div>
<h3>Stay away from drug addicts.</h3>
</div>
<div class="what-we-do-div">
<div class="what-we-do-img">
<img src="/static/images/strong brain.png" alt="">
</div>
<h3>Have strong mentality.</h3>
</div>
<div class="what-we-do-div">
<div class="what-we-do-img">
<img src="/static/images/strong health.png" alt="">
</div>
<h3>Exercise Regularly.</h3>
</div>
</div>
</div>
</section>
<section class="last-section">
<div class="container">
<div class="last-section-divs">
<div class="last-section-div">
<h3>What we do!</h3>
<p><ul>
<li>Online quiz to identify the level of Drug addiction you have.</li>
<li>Store and retrieve the patients data by rehabilitations and patient's guardians. </li>
<li>We provide Rehabs to register themselves online resulting in increament in exposure.</li>
</ul></p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<footer class="site-footer">
<div class="container d-flex">
<div class="row">
<div class ="about">
<h6>Contact US</h6>
<p class="text-justify">Welcome to our NARCOTRACK dedicated to drug control! We provide valuable resources, insights, and practical tools to combat drug abuse. From prevention strategies to treatment options, we offer information on various aspects of drug control. Join us in the fight against drug abuse for a healthier, drug-free future.</p>
</div>
</div>
<div class ="icon">
<div class="social-buttons">
<a href="https://github.com/Virusjunior" target="blank" class="social-button github">
<svg class="cf-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="-2.5 0 19 19"><path d="M9.464 17.178a4.506 4.506 0 0 1-2.013.317 4.29 4.29 0 0 1-2.007-.317.746.746 0 0 1-.277-.587c0-.22-.008-.798-.012-1.567-2.564.557-3.105-1.236-3.105-1.236a2.44 2.44 0 0 0-1.024-1.348c-.836-.572.063-.56.063-.56a1.937 1.937 0 0 1 1.412.95 1.962 1.962 0 0 0 2.682.765 1.971 1.971 0 0 1 .586-1.233c-2.046-.232-4.198-1.023-4.198-4.554a3.566 3.566 0 0 1 .948-2.474 3.313 3.313 0 0 1 .091-2.438s.773-.248 2.534.945a8.727 8.727 0 0 1 4.615 0c1.76-1.193 2.532-.945 2.532-.945a3.31 3.31 0 0 1 .092 2.438 3.562 3.562 0 0 1 .947 2.474c0 3.54-2.155 4.32-4.208 4.548a2.195 2.195 0 0 1 .625 1.706c0 1.232-.011 2.227-.011 2.529a.694.694 0 0 1-.272.587z"></path></svg>
</a>
<a href="https://www.linkedin.com/in/ashir-nadeem-a09408261/" target="blank" class="social-button linkedin">
<svg viewBox="0 -2 44 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Icons" stroke="none" stroke-width="1">
<g transform="translate(-702.000000, -265.000000)">
<path d="M746,305 L736.2754,305 L736.2754,290.9384 C736.2754,287.257796 734.754233,284.74515 731.409219,284.74515 C728.850659,284.74515 727.427799,286.440738 726.765522,288.074854 C726.517168,288.661395 726.555974,289.478453 726.555974,290.295511 L726.555974,305 L716.921919,305 C716.921919,305 717.046096,280.091247 716.921919,277.827047 L726.555974,277.827047 L726.555974,282.091631 C727.125118,280.226996 730.203669,277.565794 735.116416,277.565794 C741.21143,277.565794 746,281.474355 746,289.890824 L746,305 L746,305 Z M707.17921,274.428187 L707.117121,274.428187 C704.0127,274.428187 702,272.350964 702,269.717936 C702,267.033681 704.072201,265 707.238711,265 C710.402634,265 712.348071,267.028559 712.41016,269.710252 C712.41016,272.34328 710.402634,274.428187 707.17921,274.428187 L707.17921,274.428187 L707.17921,274.428187 Z M703.109831,277.827047 L711.685795,277.827047 L711.685795,305 L703.109831,305 L703.109831,277.827047 L703.109831,277.827047 Z" id="LinkedIn">
</path>
</g>
</g>
</svg>
</a>
<a href="https://www.facebook.com/ashir.nadeem786/" target="blank" class="social-button facebook">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 310 310" xml:space="preserve">
<g id="XMLID_834_">
<path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064
c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996
V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545
C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703
c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
</g>
</svg>
</a>
<a href="https://www.instagram.com/ashir_nadeem/" target="blank" class="social-button instagram">
<svg width="800px" height="800px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1">
<g id="Dribbble-Light-Preview" transform="translate(-340.000000, -7439.000000)">
<g id="icons" transform="translate(56.000000, 160.000000)">
<path d="M289.869652,7279.12273 C288.241769,7279.19618 286.830805,7279.5942 285.691486,7280.72871 C284.548187,7281.86918 284.155147,7283.28558 284.081514,7284.89653 C284.035742,7285.90201 283.768077,7293.49818 284.544207,7295.49028 C285.067597,7296.83422 286.098457,7297.86749 287.454694,7298.39256 C288.087538,7298.63872 288.809936,7298.80547 289.869652,7298.85411 C298.730467,7299.25511 302.015089,7299.03674 303.400182,7295.49028 C303.645956,7294.859 303.815113,7294.1374 303.86188,7293.08031 C304.26686,7284.19677 303.796207,7282.27117 302.251908,7280.72871 C301.027016,7279.50685 299.5862,7278.67508 289.869652,7279.12273 M289.951245,7297.06748 C288.981083,7297.0238 288.454707,7296.86201 288.103459,7296.72603 C287.219865,7296.3826 286.556174,7295.72155 286.214876,7294.84312 C285.623823,7293.32944 285.819846,7286.14023 285.872583,7284.97693 C285.924325,7283.83745 286.155174,7282.79624 286.959165,7281.99226 C287.954203,7280.99968 289.239792,7280.51332 297.993144,7280.90837 C299.135448,7280.95998 300.179243,7281.19026 300.985224,7281.99226 C301.980262,7282.98483 302.473801,7284.28014 302.071806,7292.99991 C302.028024,7293.96767 301.865833,7294.49274 301.729513,7294.84312 C300.829003,7297.15085 298.757333,7297.47145 289.951245,7297.06748 M298.089663,7283.68956 C298.089663,7284.34665 298.623998,7284.88065 299.283709,7284.88065 C299.943419,7284.88065 300.47875,7284.34665 300.47875,7283.68956 C300.47875,7283.03248 299.943419,7282.49847 299.283709,7282.49847 C298.623998,7282.49847 298.089663,7283.03248 298.089663,7283.68956 M288.862673,7288.98792 C288.862673,7291.80286 291.150266,7294.08479 293.972194,7294.08479 C296.794123,7294.08479 299.081716,7291.80286 299.081716,7288.98792 C299.081716,7286.17298 296.794123,7283.89205 293.972194,7283.89205 C291.150266,7283.89205 288.862673,7286.17298 288.862673,7288.98792 M290.655732,7288.98792 C290.655732,7287.16159 292.140329,7285.67967 293.972194,7285.67967 C295.80406,7285.67967 297.288657,7287.16159 297.288657,7288.98792 C297.288657,7290.81525 295.80406,7292.29716 293.972194,7292.29716 C292.140329,7292.29716 290.655732,7290.81525 290.655732,7288.98792" id="instagram-[#167]">
</path>
</g>
</g>
</g>
</svg>
</a>
</div>
</div>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p class="copyright-text">Copyright © 2023 All Rights Reserved by
<a href="#">NARCOTRACK</a>.
</p>
</div>
</div>
</div>
</footer>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script>
function toggleDiv() {
var div = document.getElementById("myDiv");
var button = document.getElementById("toggleBtn");
if (div.style.display === "none") {
div.style.display = "flex";
div.classList.remove("fade-out");
div.classList.add("fade-in");
button.textContent = "Show less...";
}
else {
div.classList.remove("fade-in");
div.classList.add("fade-out");
setTimeout(function() {
div.style.display = "none";
button.textContent = "Read More..";
}, 500);
}
}
</script>
</body>
</html>