-
Notifications
You must be signed in to change notification settings - Fork 0
/
company-onboard-setup.html
96 lines (91 loc) · 6.74 KB
/
company-onboard-setup.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
<!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/main.css" rel="stylesheet" type="text/css" />
<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 onboard setup</title>
</head>
<body class="body-overflow-none bg-color-black">
<div class="company-onboardblock">
<div class="container-fluid">
<div class="row">
<div class=" col-md-12 col-lg-4 onboard-left-side">
<div class="company-heads">
<a href="index.html" class="logo brand w-nav-brand w--current"><img src="images/main-logo.png" alt="png" /></a>
</div>
<h4>Olet vain askeleen päässä parhaista osaajista</h4>
<figure class="d-none d-md-block medium-hide">
<img src="images/headimg.png" alt="mobile">
</figure>
</div>
<div class="col-md-12 col-lg-8 company-onboard-setup-right">
<div class="onboard-header">
<a href="" class="return-link">Ohita</a>
<div class="top-header-card">
<h4>Voit täydentää yrityksesi profiilitiedot alta</h4>
<div class="file-upload-card">
<div class="circle">
<img class="profile-pic" src="https://t3.ftcdn.net/jpg/03/46/83/96/360_F_346839683_6nAPzbhpSkIpb8pmAwufkC7c5eD7wYws.jpg">
</div>
<div class="p-image">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.54566 0.194978L2.85066 4.87498C2.73667 5.00185 2.67557 5.16754 2.6799 5.33804C2.68423 5.50854 2.75366 5.67091 2.87394 5.79183C2.99422 5.91275 3.15623 5.98304 3.3267 5.98828C3.49718 5.99351 3.66319 5.93329 3.79066 5.81998L7.32066 2.30248V12.5875C7.31509 12.6784 7.32819 12.7695 7.35915 12.8552C7.39011 12.9409 7.43828 13.0193 7.50069 13.0856C7.56311 13.152 7.63844 13.2049 7.72206 13.241C7.80568 13.2772 7.89581 13.2958 7.98691 13.2958C8.07801 13.2958 8.16814 13.2772 8.25176 13.241C8.33538 13.2049 8.41071 13.152 8.47312 13.0856C8.53554 13.0193 8.58371 12.9409 8.61467 12.8552C8.64563 12.7695 8.65873 12.6784 8.65316 12.5875V2.24998L12.1807 5.81748C12.3058 5.9422 12.4752 6.01224 12.6519 6.01224C12.8286 6.01224 12.998 5.9422 13.1232 5.81748C13.186 5.75594 13.2359 5.68241 13.2698 5.60125C13.3037 5.52009 13.321 5.43294 13.3207 5.34498C13.3207 5.16912 13.2515 5.00031 13.1282 4.87498L8.50066 0.197478C8.43866 0.135343 8.36501 0.0860471 8.28393 0.0524124C8.20285 0.0187778 8.11594 0.00146484 8.02816 0.00146484C7.94038 0.00146484 7.85347 0.0187778 7.77239 0.0524124C7.69131 0.0860471 7.61766 0.135343 7.55566 0.197478L7.54566 0.194978Z" fill="black" fill-opacity="0.5"></path>
<path d="M14 16.0002H2C1.46957 16.0002 0.960859 15.7895 0.585786 15.4144C0.210714 15.0394 0 14.5307 0 14.0002V9.33272C0.0103967 9.16308 0.0851163 9.00379 0.20892 8.88734C0.332724 8.77089 0.496286 8.70605 0.66625 8.70605C0.836214 8.70605 0.999776 8.77089 1.12358 8.88734C1.24738 9.00379 1.3221 9.16308 1.3325 9.33272V14.0002C1.3325 14.1773 1.40283 14.347 1.52801 14.4722C1.65319 14.5974 1.82297 14.6677 2 14.6677H14C14.177 14.6677 14.3468 14.5974 14.472 14.4722C14.5972 14.347 14.6675 14.1773 14.6675 14.0002V9.33272C14.6779 9.16308 14.7526 9.00379 14.8764 8.88734C15.0002 8.77089 15.1638 8.70605 15.3337 8.70605C15.5037 8.70605 15.6673 8.77089 15.7911 8.88734C15.9149 9.00379 15.9896 9.16308 16 9.33272V14.0002C16 14.5307 15.7893 15.0394 15.4142 15.4144C15.0391 15.7895 14.5304 16.0002 14 16.0002Z" fill="black" fill-opacity="0.5"></path>
</svg>
<h5 class="upload-logo">Lataa logo</h5>
<input class="file-upload" type="file" accept="image/*">
</div>
</div>
</div>
</div>
<form class="comapny-onboard-form form-row">
<div class="form-group col-md-6">
<input type="text" placeholder="Kotisivu">
</div>
<div class="form-group col-md-6">
<input type="text" placeholder="Y-tunnus" >
</div>
<div class="form-group col-md-6">
<input type="text" placeholder="Chat-nimi*">
</div>
<div class="form-group col-md-6">
<input type="text" placeholder="Puhelinnumero (ei näy profiilissa)">
</div>
<div class="form-group col-md-6">
<input type="text" placeholder="Yrityksen osoite">
</div>
<!-- <div class="form-group col-md-6">
<input class="auto-grow-input" type="text" placeholder="" >
</div> -->
<div class="form-group col-md-12">
<textarea class="main-textarea-address" placeholder="Yrityksen esittelyteksti"></textarea>
</div>
<div class="form-group col-md-12 bottom-pannel-butn">
<p>Voit täydentää tietoja myös myöhemmin omassa profiilissa.</p>
<p>*Chat-nimi tarkoittaa nimeä,
joka näytetään viesteissä lähettäjänä. Esim. Lähettäjä: Matti Meikäläinen.</p>
<button type="submit" class="save-btn full-button">Tallenna</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/miltiple-select.js"></script>
<script src="js/jquery-validate.min.js"></script>
<script src="js/register-model.js"></script>
<script src="js/function.js"></script>
<script></script>
</body>
</html>