-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (138 loc) · 7.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!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>Reachout Consel</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav id="nav">
<!-- <h1 id="title">Reachout Consel</h1> -->
<h1 id="title"><img class="logo" src="img/logo_final.png" alt=""></h1>
<ul id="menu_links">
<li><a href="#"> HOME</a></li>
<li><a href="content_landing.html"> TOPICS</a></li>
<li><a href="videos.html"> RESOURCES</a></li>
<li><a href="form.html"> TALK TO US </a></li>
<li> <a href="about.html"> ABOUT</a></li>
</ul>
<a href="javascript:void(0)" onclick="showMenu()"
><img id="menu_icon" src="img/hamburger_icon.png" alt="menu icon"
/></a>
</nav>
<div class="banner_section" id="banner_section">
<div class="introduction">
<div id="heading">
<h4>Are you feeling overwhelmed by life challenges?</h4><br/>
<p>
ReachOut Consel Provides resources to help you get through it
all.Find solutions to common problems we go through.You are not
alone. Reach out and talk to a counsellor today!
</p>
</div>
</div>
</div>
<!-- NEW CODE FOR FEATURES SECTION -->
<div class="highlight" id="highlight"><p>Social, mental and psychological health is critical to our personal growth. We provide resources that may help you move towards wellness.</p></div>
<section class="booking">
<h1>COMMON ISSUES</h1>
<div class="personal-struggles">
<div class="booking-item-row">
<div class="booking-selection">
<div class="booking-descr">
<h4>Depression</h4>
<img src="https://www.hopkinsmedicine.org/-/media/images/health/_-images-to-be-filed/depressionsleep.ashx" alt="A Depressed Woman">
<p>Are you going through a stressful situation that is putting you down? Don't drown in your own thoughts. We're here to help</p>
<button id="init-btn" onclick="location.href='content_landing.html';">Initiate Help</button>
</div>
</div>
<!-- end booking-item one -->
<div class="booking-selection">
<div class="booking-descr">
<h4>Suicidal Ideation</h4>
<img src="https://i0.wp.com/images-prod.healthline.com/hlcmsresource/images/Lifestyle/Female_Lit_Shadows-1296x728-Header.jpg?w=1155&h=1528" alt="An addicted individual">
<p>Life is too precious to terminate it prematurely. Pause, talk to someone, reflect and rediscover the purpose of your life. We can help.</p>
<button id="init-btn" onclick="location.href='content_landing.html';">Initiate Help</button>
</div>
</div>
<!-- end booking-item one -->
<div class="booking-selection">
<div class="booking-descr">
<h4>Anxiety</h4>
<img src="https://i1.wp.com/www.additudemag.com/wp-content/uploads/2020/12/GettyImages-1175538640-e1606858814560.jpg" alt="An anxious person">
<p>Are you unsettled because you are anxious over something? You are absolutely normal and you need to calm down. Engage us.</p>
<button id="init-btn" onclick="location.href='content_landing.html';">Initiate Help</button>
</div>
</div>
<div class="booking-selection">
<div class="booking-descr">
<h4>Strained Relationships</h4>
<img src="https://res.cloudinary.com/upskilled/image/fetch/w_660,h_440,c_crop,c_fill,g_face:auto,f_auto/https://www.upskilled.edu.au/getmedia%2F1188bf86-a123-4efe-ad93-46c99f550ad0%2Fa-day-in-the-life-of-a-marriage-counsellor-HERO.jpg%3B.aspx%3Fwidth%3D1000%26height%3D667%26ext%3D.jpg" alt="Counselling session for couples">
<p>Relationships can be rocky, but they should make you strong. Engaging a professional can save your union. Any trouble?</p>
<button id="init-btn" onclick="location.href='content_landing.html';">Initiate Help</button>
</div>
</div>
<div class="booking-selection">
<div class="booking-descr">
<h4>Addictions</h4>
<img src="https://www.potentash.com/wp-content/uploads/2018/07/Addiction-recovery.jpg" alt="Youth in Mentorship session">
<p>Addictions should not control your life. Any time is a good time to stop. Overcome them by engaging a ReachOut Consel Professional.</p>
<button id="init-btn" class="addiction_button" onclick="location.href='content_landing.html';">Initiate Help</button>
</div>
</div>
<div class="booking-selection">
<div class="booking-descr">
<h4>Dealing With Loss</h4>
<img src="https://themindfulword.org/wp-content/uploads/2014/09/woman-grieving-loss.jpg" alt="Schooling Teenagers">
<p>Loss is unbearable, but there is much more to live for. We may never bring them back, but we can recover our happiness.</p>
<button id="init-btn" onclick="location.href='content_landing.html';">Initiate Help</button>
</div>
</div>
</section>
<!-- END OF NEW CODE FOR FEATURES SECTION -->
<div class="footer_section">
<!-- Grouping for column styling -->
<footer>
<div class="column">
<img id="logo" src="img/logo_final.png" alt="Logo">
<!-- Adding links to more information on counselling practices -->
<div class="links">
<h3>Relatable links</h3>
<p><a href="https://www.therapybyshannon.com/blog-2/2019/1/14/7-things-counseling-should-and-shouldnt-be" target="blank"> 7 Things Counseling shouls and shouldn't be.</a></p>
<p><a href="https://www.google.com/search?sxsrf=AOaemvLb1eh-Wg1YTnO0ukP4k4fwOP0pxA:1633944253437&q=5+facts+about+counseling&sa=X&ved=2ahUKEwiZ3bvWhMLzAhXT8OAKHRNUDLsQ1QJ6BAgtEAE" target="blank">5 Facts about counseling.</a></p>
<p><a href="https://medcraveonline.com/JPCPY/the-effect-of-psychological-counseling-on-mental-health.html" target="blank">Effect of Counselling on mental health.</a></p>
</div>
<!-- Adding quotes -->
<div class="Quote">
<q> <em> If we have no peace, it is because we have forgotten that we belong to each other.</q><p>― Mother Teresa. </em></p>
</div>
</div>
<!-- Grouping together for styling -->
<div class="column2">
<div class="info">
<h3>Information</h3>
<p><a href="#About Us">About Us</a></p>
<p><a href="#Contact Us">Contact Us</a></p>
<p> <a href="Support Us"> Support Us</a></p>
</div>
<div class="contacts">
<h3>Contact Us</h3>
<p>+02234567778</p>
<p><a href="jwnjoroge4@gmail.com">jwnjoroge4@gmail.com</a></p>
</div>
<div class="socials">
<a href="twitter.com"><img src="https://cliply.co/wp-content/uploads/2021/09/CLIPLY_372109260_TWITTER_LOGO_400.gif" alt=" twitter logo"></a>
<a href="whatsapp.com"><img src="https://cliply.co/wp-content/uploads/2021/08/372108180_WHATSAPP_ICON_400.gif" alt="whatsapp logo"></a>
</div>
</div>
<!-- Last part of the footer -->
<div class="copyrights">
<p>Copyright © 2021 | All rights reserved | <a href="https://en.wikipedia.org/wiki/Online_counseling">License</a> | <a href="https://www.onlinetherapy.com/terms-and-conditions/">Terms and Services.</a></p>
</div>
</footer>
</div>
<script src="js/index.js"></script>
</body>
</html>