-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcong-page.html
More file actions
234 lines (216 loc) · 17.7 KB
/
Copy pathcong-page.html
File metadata and controls
234 lines (216 loc) · 17.7 KB
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
<!doctype html>
<html class="body-overflow-none" lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/chat.css" rel="stylesheet">
<link href="css/mob-responsive.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.css">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,300;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Company Notification</title>
</head>
<body class="body-overflow-none">
<header class="d-none d-md-block">
<nav class="navbar navbar-expand-md navbar-dark bg-blue">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/fyber-logo.svg" alt=""></a>
<button class="navbar-toggler mobile-hidden-btn" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><img src="images/menu-icon.svg"></span>
<span class="navbar-close-icon"><img src="images/close-icon.svg"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto list-border">
<li class="nav-item">
<a class="nav-link" href="help.html">
<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 18.5833C7.897 18.5833 8.625 19.3113 8.625 20.2083C8.625 21.1053 7.897 21.8333 7 21.8333C6.103 21.8333 5.375 21.1053 5.375 20.2083C5.375 19.3113 6.103 18.5833 7 18.5833ZM7 0.166656C10.5902 0.166656 13.5 3.07649 13.5 6.66666C13.5 9.01207 12.6843 10.2308 10.6032 11.9999C8.51558 13.7733 8.08333 14.5717 8.08333 16.4167H5.91667C5.91667 13.7365 6.76925 12.4137 9.20025 10.3489C10.8437 8.95249 11.3333 8.22016 11.3333 6.66666C11.3333 4.27249 9.39417 2.33332 7 2.33332C4.60583 2.33332 2.66667 4.27249 2.66667 6.66666V7.74999H0.5V6.66666C0.5 3.07649 3.40983 0.166656 7 0.166656Z" fill="white"/>
</svg><br>
<span class="menu-text">Tuki</span>
</a>
</li>
<li class="notification-pdrop" tabIndex="1">
<a class="nav-link" href="">
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="path-act" d="M17.0625 6.5625C17.0625 2.93869 14.1238 0 10.5 0C6.87619 0 3.9375 2.93869 3.9375 6.5625V13.125L0 15.75V17.0625H21V15.75L17.0625 13.125V6.5625Z" fill="#fff"></path>
<path d="M13.125 18.375H7.875C7.875 19.8253 9.04969 21 10.5 21C11.9503 21 13.125 19.8253 13.125 18.375Z" fill="#fff" fill-opacity="1"></path>
</svg><br>
<span class="notification-sign"></span>
<span class="menu-text">Ilmoitukset</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle nav-after" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="avatar header-avtar">
<img src="images/pf-img.png" alt="">
</div>
</a>
<div class="dropdown-menu header-dropdown" aria-labelledby="navbarDropdownMenuLink">
<ul>
<li>
<a class="dropdown-item" href="#">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.57832 0.939753C9.73022 0.787863 9.91054 0.667377 10.109 0.585174C10.3074 0.502972 10.5201 0.460663 10.735 0.460663C10.9498 0.460663 11.1625 0.502972 11.3609 0.585174C11.5594 0.667377 11.7397 0.787863 11.8916 0.939753C12.0435 1.09164 12.164 1.27196 12.2462 1.47042C12.3284 1.66887 12.3707 1.88157 12.3707 2.09638C12.3707 2.31119 12.3284 2.52389 12.2462 2.72234C12.164 2.9208 12.0435 3.10112 11.8916 3.25301L4.08435 11.0602L0.903625 11.9277L1.7711 8.74698L9.57832 0.939753Z" stroke="#2A8BF2" stroke-width="0.86747" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Oma profiili
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4338 0.421631H5.28192V12.7834H13.4338V0.421631Z" stroke="black" stroke-width="0.650602" stroke-miterlimit="6.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.3538 6.60236H1.07703" stroke="black" stroke-width="0.650602" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.07703 6.60236L3.80923 9.27569" stroke="black" stroke-width="0.650602" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.07703 6.60231L3.80923 3.92899" stroke="black" stroke-width="0.650602" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Kirjaudu ulos
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="notification-page-card congrates-page-block">
<div class="container">
<div class="row">
<div class="help-page">
<div class="new">
<h3>Tervetuloa FAiBR:iin</h3>
<p>Anonyymi profiilisi on nyt julkaistu</p>
<figure>
<img src="images/congimg.png" alt="">
</figure>
<h4>Vinkki: Voit halutessasi tarkentaa erikoisosaamistasi alta ja näin saada enemmän viestejä työnantajilta.</h4>
<form id="user-form" class="user-register-form">
<div class="mobile">
<label class="form-label">Erikoisosaamiseni (voit valita useita):</label>
<ul class="ocupation-list">
<li>
<div class="form-group">
<input type="checkbox" id="occupation-one">
<label for="occupation-one"> Haavanhoidon erikoispätevyys</label>
</div>
</li>
<li><div class="form-group">
<input type="checkbox" id="occupation-two">
<label for="occupation-two">Lääkkeenmääräämisen lisäkoulutus</label>
</div>
</li>
<li><div class="form-group">
<input type="checkbox" id="occupation-three">
<label for="occupation-three">Vanhustenhoitotyö</label>
</div>
</li>
<li><div class="form-group">
<input type="checkbox" id="occupation-four">
<label for="occupation-four">Lasten ja nuorten hoitotyö</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-five">
<label for="occupation-five">Hoitotyö teho-osastolla</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-six">
<label for="occupation-six">Hoitotyö teho-osastolla</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-seven">
<label for="occupation-seven">Saattohoitotyö</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-eight">
<label for="occupation-eight">Sisätautikirurginen hoitotyö</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-nine">
<label for="occupation-nine">Päihdetyöä”</label>
</div>
</li>
</ul>
</div>
<button type="button" class="btn-sign">Tallenna</button><br>
<a href="employee-chat.html" class="ohita-btn">Ohita</a>
</form>
</div>
<figure class="bottom-images"><img src="images/bottom-sign.svg" alt=""></figure>
</div>
</div>
</div>
</div>
</div>
<footer class="d-none d-sm-none d-md-block">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="detail-list">
<p>Seuraa meitä somessa:</p>
<ul class="footer-list">
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 11C22 4.92486 17.0751 0 11 0C4.92486 0 0 4.92486 0 11C0 16.4904 4.02256 21.0412 9.28125 21.8664V14.1797H6.48828V11H9.28125V8.57656C9.28125 5.81969 10.9235 4.29688 13.4361 4.29688C14.6396 4.29688 15.8984 4.51172 15.8984 4.51172V7.21875H14.5114C13.1449 7.21875 12.7188 8.06665 12.7188 8.93655V11H15.7695L15.2818 14.1797H12.7188V21.8664C17.9775 21.0412 22 16.4904 22 11Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM9.0625 16.8505C13.9301 16.8505 16.5917 12.8171 16.5917 9.32143C16.5917 9.20618 16.5917 9.09094 16.5862 8.98116C17.102 8.60802 17.552 8.14155 17.9087 7.60925C17.4368 7.81778 16.9264 7.96048 16.3886 8.02631C16.9374 7.69704 17.3544 7.1812 17.552 6.56111C17.0416 6.86293 16.4764 7.08241 15.8727 7.20315C15.3898 6.68731 14.7039 6.36904 13.9411 6.36904C12.4813 6.36904 11.296 7.55438 11.296 9.01411C11.296 9.22264 11.318 9.42567 11.3673 9.61774C9.16678 9.508 7.21862 8.45436 5.91259 6.85193C5.68756 7.24157 5.55586 7.69703 5.55586 8.17996C5.55586 9.0964 6.02233 9.90859 6.73574 10.3805C6.30218 10.3696 5.89609 10.2488 5.5394 10.0513V10.0842C5.5394 11.3683 6.45034 12.4329 7.66313 12.6799C7.44365 12.7402 7.20766 12.7732 6.96622 12.7732C6.79607 12.7732 6.63145 12.7567 6.46684 12.7238C6.80157 13.7774 7.77838 14.5402 8.9363 14.5622C8.03082 15.2701 6.88939 15.6927 5.64914 15.6927C5.43512 15.6927 5.22659 15.6817 5.01806 15.6542C6.17598 16.4115 7.56985 16.8505 9.0625 16.8505Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM11 4.125C9.13288 4.125 8.89874 4.13291 8.16544 4.16638C7.43368 4.19977 6.93391 4.316 6.49657 4.48594C6.0445 4.66164 5.66109 4.89672 5.27888 5.27893C4.89668 5.66113 4.66159 6.04454 4.48589 6.49662C4.31595 6.93391 4.19977 7.43368 4.16634 8.16544C4.13291 8.89874 4.125 9.13288 4.125 11C4.125 12.8671 4.13291 13.1013 4.16634 13.8346C4.19977 14.5663 4.31595 15.0661 4.48589 15.5034C4.66159 15.9555 4.89668 16.3389 5.27888 16.7211C5.66109 17.1033 6.0445 17.3384 6.49657 17.5141C6.93391 17.684 7.43368 17.8002 8.16544 17.8336C8.89874 17.8671 9.13288 17.875 11 17.875C12.8671 17.875 13.1013 17.8671 13.8346 17.8336C14.5663 17.8002 15.0661 17.684 15.5034 17.5141C15.9555 17.3384 16.3389 17.1033 16.7211 16.7211C17.1033 16.3389 17.3384 15.9555 17.5141 15.5034C17.684 15.0661 17.8002 14.5663 17.8336 13.8346C17.8671 13.1013 17.875 12.8671 17.875 11C17.875 9.13288 17.8671 8.89874 17.8336 8.16544C17.8002 7.43368 17.684 6.93391 17.5141 6.49662C17.3384 6.04454 17.1033 5.66113 16.7211 5.27893C16.3389 4.89672 15.9555 4.66164 15.5034 4.48594C15.0661 4.316 14.5663 4.19977 13.8346 4.16638C13.1013 4.13291 12.8671 4.125 11 4.125ZM11 5.36375C12.8357 5.36375 13.0531 5.37075 13.7781 5.40384C14.4484 5.43443 14.8124 5.54641 15.0547 5.64055C15.3756 5.76525 15.6046 5.91426 15.8452 6.15484C16.0858 6.39538 16.2348 6.62445 16.3594 6.94534C16.4536 7.1876 16.5656 7.55159 16.5962 8.2219C16.6293 8.94687 16.6363 9.16429 16.6363 11C16.6363 12.8357 16.6293 13.0531 16.5962 13.7781C16.5656 14.4484 16.4536 14.8124 16.3594 15.0547C16.2348 15.3756 16.0858 15.6046 15.8452 15.8452C15.6046 16.0858 15.3756 16.2348 15.0547 16.3594C14.8124 16.4536 14.4484 16.5656 13.7781 16.5962C13.0533 16.6293 12.8358 16.6363 11 16.6363C9.16416 16.6363 8.94678 16.6293 8.2219 16.5962C7.55159 16.5656 7.1876 16.4536 6.94534 16.3594C6.62441 16.2348 6.39538 16.0858 6.1548 15.8452C5.91422 15.6046 5.76525 15.3756 5.64055 15.0547C5.54641 14.8124 5.43439 14.4484 5.40379 13.7781C5.37071 13.0531 5.36375 12.8357 5.36375 11C5.36375 9.16429 5.37071 8.94687 5.40379 8.2219C5.43439 7.55159 5.54641 7.1876 5.64055 6.94534C5.76525 6.62445 5.91422 6.39538 6.1548 6.15484C6.39538 5.91426 6.62441 5.76525 6.94534 5.64055C7.1876 5.54641 7.55159 5.43443 8.2219 5.40384C8.94687 5.37075 9.16429 5.36375 11 5.36375ZM11 7.4696C9.05021 7.4696 7.4696 9.05021 7.4696 11C7.4696 12.9498 9.05021 14.5304 11 14.5304C12.9498 14.5304 14.5304 12.9498 14.5304 11C14.5304 9.05021 12.9498 7.4696 11 7.4696V7.4696ZM11 13.2917C9.73436 13.2917 8.70835 12.2656 8.70835 11C8.70835 9.73436 9.73436 8.70835 11 8.70835C12.2656 8.70835 13.2917 9.73436 13.2917 11C13.2917 12.2656 12.2656 13.2917 11 13.2917V13.2917ZM15.4949 7.33012C15.4949 7.78577 15.1255 8.15508 14.6699 8.15508C14.2143 8.15508 13.8449 7.78577 13.8449 7.33012C13.8449 6.87448 14.2143 6.50512 14.6699 6.50512C15.1255 6.50512 15.4949 6.87448 15.4949 7.33012Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM7.56091 17.182V8.5916H4.70504V17.182H7.56091ZM17.8571 17.182V12.2558C17.8571 9.61709 16.4483 8.38961 14.5696 8.38961C13.0547 8.38961 12.3762 9.22273 11.9962 9.80787V8.5916H9.14109C9.17894 9.39757 9.14109 17.182 9.14109 17.182H11.9962V12.3845C11.9962 12.1277 12.0147 11.871 12.0903 11.6875C12.2964 11.1747 12.7665 10.6434 13.5554 10.6434C14.5881 10.6434 15.0018 11.4314 15.0018 12.5858V17.182H17.8571V17.182ZM6.15227 4.44941C5.17516 4.44941 4.53677 5.0918 4.53677 5.93377C4.53677 6.758 5.15573 7.41808 6.11445 7.41808H6.13289C7.12869 7.41808 7.74851 6.758 7.74851 5.93377C7.73003 5.0918 7.12873 4.44941 6.15227 4.44941V4.44941Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM17.5878 7.69046C17.4296 7.09882 16.9638 6.633 16.3722 6.47488C15.2998 6.1875 11 6.1875 11 6.1875C11 6.1875 6.70025 6.1875 5.62783 6.47488C5.03637 6.633 4.57037 7.09882 4.41225 7.69046C4.125 8.76275 4.125 11.0001 4.125 11.0001C4.125 11.0001 4.125 13.2373 4.41225 14.3095C4.57037 14.9012 5.03637 15.3672 5.62783 15.5253C6.70025 15.8125 11 15.8125 11 15.8125C11 15.8125 15.2998 15.8125 16.3722 15.5253C16.9638 15.3672 17.4296 14.9012 17.5878 14.3095C17.875 13.2373 17.875 11.0001 17.875 11.0001C17.875 11.0001 17.875 8.76275 17.5878 7.69046ZM9.62496 13.0626V8.93754L13.1972 11.0001L9.62496 13.0626V13.0626Z" fill="white"/>
</svg>
</a>
</li>
</ul>
</div>
<p>© 2022 FAiBR</p>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<!-- <script src="js/bootstrap.min.js"></script> -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
<script src="js/function.js"></script>
<script src="js/register-model.js"></script>
</body>
</html>