-
Notifications
You must be signed in to change notification settings - Fork 0
/
substance_abuse_help.html
132 lines (129 loc) · 6.77 KB
/
substance_abuse_help.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CJMinistry</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="styles/styles.css">
<!-- footer icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="content">
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom">
<div class="container-fluid side-margins">
<a class="navbar-brand" href="index.html">
<img src="images/Cj_Logo.png" alt="Logo" width="180px">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/what_we_do.html">What We Do</a></li>
<li><a class="dropdown-item" href="/support_for_the_elderly.html">Support for the
Elderly</a></li>
<li><a class="dropdown-item" href="/aid_for_the_homeless.html">Aid for the Homeless</a>
</li>
<li><a class="dropdown-item" href="/mental_health_support.html">Mental Health
Support</a></li>
<li><a class="dropdown-item" href="/substance_abuse_help.html">Substance Abuse Help</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/how_to_help.html">How to Help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/questions.html">Questions?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/news_and_events.html">News and Events</a>
</li>
<li class="nav-item">
<a class="btn btn-primary btn-custom" href="#">Donate</a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<nav aria-label="breadcrumb" class="side-margins">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/what_we_do.html">What We Do</a></li>
<li class="breadcrumb-item active" aria-current="page">Substance Abuse Help</li>
</ol>
</nav>
<div class="side-margins">
<div class="side-margins-plus">
<h2>Substance Abuse Help</h2>
<hr>
<div class="container">
<div class="row align-items-center">
<div class="col-md-4 mb-4">
<img src="images/drug.jpg" alt="substance abuse help">
</div>
<div class="col-md-8 mb-4">
<p> This is the text area to put the texts related to events in here. For the purpose of
demonstration the placeholder texts have been put here, and further details should be
supplied by the client
by the time of user testing.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex
ea commodo consequat.<br>
</p>
<button id="btn-mental"
class="btn btn-lg btn-primary mx-auto my-3 btn-overlay"
type="button"> Get
Help </button>
</div>
</div>
</div>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="false" aria-controls="collapseOne">
More Information
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
This section will have more information about how to get help.
</div>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
<footer class="footer">
<h5>Contact Us</h5>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>