-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (184 loc) · 8.71 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
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
<!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>Psychological therapy Week Event 2023</title>
<link rel="icon" type="image/vnd.icon" href="./assets/img/favicon.ico">
<link rel="stylesheet" href="./assets/css/general.css">
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="./assets/css/responsive.css">
</head>
<body>
<header id="header">
<div class="banner show-banner">
<div class="container">
<ul class="box_flex justify_end align_center gap_20">
<li><a href="#"><img src="./assets/img/facebook.png" alt="Facebook icon in white color"></a></li>
<li><a href="#"><img src="./assets/img/twitter.png" alt="Twitter icon in white color"></a></li>
<li><a href="#" class="text_white">French</a></li>
<li><a href="#" class="text_white">Login</a></li>
</ul>
</div>
</div>
<div id="navbar">
<div class="container">
<div class="box_flex" id="navbar-content">
<div class="btn-mobile-menu">
<button type="button" class="btn_default box_flex flex_col align_center" id="open-mobile-menu">
<span></span>
<span></span>
<span></span>
</button>
</div>
<div class="logo-container">
<a href="index.html" class="box_flex flex_col justify_end">
<img src="./assets/img/logo-original.png" alt="Logo Psychological therapy Week 2023">
</a>
</div>
<nav class="navbar-menu box_flex align_center">
<ul class="box_flex flex_col justify_center align_center">
<li><a href="about.html" class="nav-link" data-name="About">About</a></li>
<li><a href="#" class="nav-link" data-name="Program">Program</a></li>
<li><a href="#" class="nav-link" data-name="Join">Join</a></li>
<li><a href="#" class="nav-link" data-name="Sponsor">Sponsor</a></li>
<li><a href="#" class="nav-link" data-name="News">News</a></li>
<li><a href="#" class="btn_default primary_line_button" id="btn-contact">MH Campaigns</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<main>
<section id="home-headline" class="min_ht_full">
<div class="section-image-bg home-section"></div>
<div class="container box_flex flex_col justify_center">
<div>
<p class="first-greeting">"Hello, Powerful Minds!"</p>
<h1 id="home-title" class="headline-title">Psychological Therapy Week Event <span class="year">2023</span>
</h1>
</div>
<div class="headline-description">
<p>
In HappyMind Foundation, we want to build a more habitable and happy place through psychology and sociology.
We are pleased to invite you to our Psychological assistance day for the entire community, where we
will be offering individual and group psychological therapy sessions for individuals of all ages, races,
sex, and social strata. We will also be carrying out different social activities so that you can
share with other people and release stress and problems. In this opportunity, we will be helping the
community of Quebec, Canada.
</p>
</div>
<div>
<p id="headline-date-details">2023.06.05(MON) ~ 09(WEN)</p>
<p id="headline-location-info">@McGill University, FSA ULaval and more.</p>
</div>
</div>
</section>
<section id="main-program">
<div class="section-shape-bg"></div>
<div class="container">
<h2 class="section-title">Main Program</h2>
<div id="program-items-boxes">
<div class="program-item box_flex justify_center align_center">
<div class="item-icon box_flex justify_center align_center">
<img src="./assets/img/mental-health.png" alt="Conference icon" />
</div>
<h3 class="item-title">A Better World</h3>
<p class="item-details">
Welcome talk on human rights and to introduce our collaborating specialists.
</p>
</div>
<div class="program-item box_flex justify_center align_center">
<div class="item-icon">
<img src="./assets/img/emotions.png" alt="Diagnosis icon" />
</div>
<h3 class="item-title">Open your mind</h3>
<p class="item-details">
Psychologists talk about mental and emotional health. Attendees will draw their emotions on a mural.
</p>
</div>
<div class="program-item box_flex justify_center align_center">
<div class="item-icon box_flex justify_center align_center">
<img src="./assets/img/therapy.png" alt="Conference icon" />
</div>
<h3 class="item-title">
Individual therapy</h3>
<p class="item-details">
30min session with a collaborating psychologist who deals with the problems that affect your mental
health.
</p>
</div>
<div class="program-item box_flex justify_center align_center">
<div class="item-icon box_flex justify_center align_center">
<img src="./assets/img/group-therapy.png" alt="Conference icon" />
</div>
<h3 class="item-title">Group therapy</h3>
<p class="item-details">
Closed meetings. Tell others what affects you and how you deal with it. Listen to others and reflect.
</p>
</div>
<div class="program-item box_flex justify_center align_center">
<div class="item-icon box_flex justify_center align_center">
<img src="./assets/img/conference.png" alt="Conference icon" />
</div>
<h3 class="item-title">
Conference</h3>
<p class="item-details">
Our collaborating psychologists talk about the value of life, family, how to achieve full happiness and
personal well-being.
</p>
</div>
</div>
<div class="box_flex justify_center align_center">
<a href="#" class="btn_default primary_fill_button" id="get-appointment-link">Get your appointment</a>
<a href="#" class="btn_default" id="check-whole-program">Check the whole Program</a>
</div>
</div>
</section>
<section id="featured-contributors">
<div class="container">
<h2 class="section-title">Featured Contributors</h2>
<div id="contributors-items-boxes" class="box_flex flex_wrap justify_center"></div>
</div>
</section>
<section id="partner">
<div class="container">
<h2 class="section-title">Partner</h2>
<div id="partners-logos-link">
<ul class="box_flex flex_wrap justify_center align_center">
<li class="partner-link"><a href="#" target="_blank"><img src="./assets/img/partners/Bayer_Logo.svg.png"
alt="Bayer Logo"></a></li>
<li class="partner-link"><a href="#" target="_blank"><img src="./assets/img/partners/colgate-logo.png"
alt="Colgate Logo"></a></li>
<li class="partner-link"><a href="#" target="_blank"><img
src="./assets/img/partners/general-motors-logo.png" alt="General Motors Logo"></a></li>
<li class="partner-link"><a href="#" target="_blank"><img src="./assets/img/partners/logo-omg.png"
alt="OMS Logo"></a></li>
<li class="partner-link"><a href="#" target="_blank"><img src="./assets/img/partners/pfizer-logo.png"
alt="Pfizer Logo"></a></li>
<li class="partner-link"><a href="#" target="_blank"><img src="./assets/img/partners/powerade_logo.png"
alt="Powerade Logo"></a></li>
</ul>
</div>
</div>
</section>
</main>
<footer id="footer">
<div class="container">
<div class="box_flex align_center copyright-wrapper">
<div class="logo-website">
<a href="index.html">
<img src="./assets/img/logo-original.png" alt="Logo Psychological therapy Week 2023" class="logo-footer">
</a>
</div>
<p class="copyright">
<span id="copyright-year"></span> <a href="https://creativecommons.org/licenses/by/2.0/kr/" target="_blank" rel="noopener" class="lisence-link">Creative Commons.</a> Some Rights Reserved.
</p>
</div>
</div>
</footer>
<script src="./assets/js/main.js"></script>
<script src="./assets/js/colaborators-section.js"></script>
</body>