-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofileOwnEdit.html
194 lines (194 loc) · 10.2 KB
/
profileOwnEdit.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
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="dist/css/main.min.css" rel="stylesheet" />
<title>Own Profile</title>
</head>
<body>
<main class="mainBody">
<section class="profile">
<div class="profile__about">
<div class="profile__about--header">
<div class="profile__about--header-avatar"></div>
<h2 class="profile__about--header-name">Thomas Sobor</h2>
</div>
<h3>About</h3>
<form>
<div class="profile__about--information">
<div class="profile__about--information-item">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="briefcase"
class="svg-inline--fa fa-briefcase fa-w-16"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z"
></path>
</svg>
<input
type="text"
class="form__input"
placeholder="Your Job Title"
/>
</div>
<div class="profile__about--information-item">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="project-diagram"
class="svg-inline--fa fa-project-diagram fa-w-20"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512"
>
<path
fill="currentColor"
d="M384 320H256c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32zM192 32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v128c0 17.67 14.33 32 32 32h95.72l73.16 128.04C211.98 300.98 232.4 288 256 288h.28L192 175.51V128h224V64H192V32zM608 0H480c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32z"
></path>
</svg>
<input
type="text"
class="form__input"
placeholder="Your Department"
/>
</div>
<div class="profile__about--information-item">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="building"
class="svg-inline--fa fa-building fa-w-14"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
>
<path
fill="currentColor"
d="M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76zm0 96c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40zm52 148h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm76 160h-64v-84c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v84zm64-172c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40z"
></path>
</svg>
<input
type="text"
class="form__input"
placeholder="Your Organization"
/>
</div>
<div class="profile__about--information-item">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="globe-americas"
class="svg-inline--fa fa-globe-americas fa-w-16"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 496 512"
>
<path
fill="currentColor"
d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"
></path>
</svg>
<input
type="text"
class="form__input"
placeholder="Your Location"
/>
</div>
<div class="profile__about--information-item">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="envelope"
class="svg-inline--fa fa-envelope fa-w-16"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"
></path>
</svg>
<span>sobor.thomas@yahoo.com </span>
</div>
</div>
<div class="profile__about--buttons">
<button
type="submit"
class="btn btn-green profile__about--buttons-btn"
>
Save Changes
</button>
<button class="btn btn-grey profile__about--buttons-btn">
Cancel
</button>
</div>
</form>
</div>
<div class="profile__main">
<div class="profile__receivedRequests">
<h3>Received Requests</h3>
<span class="infoText"
>Note: accepting a team invite automatically adds all members to
your contacts.</span
>
<div class="profile__receivedRequests--requests">
<div class="profile__receivedRequests--requests-person">
<span
><a href="#">firstName lastName </a> would like to add you to
their contacts:</span
>
<button class="btn btn-green">Accept</button
><button class="btn btn-grey">Decline</button>
</div>
<div class="profile__receivedRequests--requests-team">
<span
><a href="#">firstName lastName </a> would like you to join
their team <a href="#">teamName</a>:</span
>
<button class="btn btn-green">Accept</button
><button class="btn btn-grey">Decline</button>
</div>
</div>
</div>
<div class="profile__yourProjects">
<h3>Projects You've Created</h3>
<div class="profile__yourProjects--projects">
<div class="profile__yourProjects--projects-projectItem">
<a href="#"><span>Project Name</span></a>
<a href="#"><span>(Project Key)</span></a>
</div>
<div class="profile__yourProjects--projects-projectItem">
<a href="#"><span>Project Name</span></a>
<a href="#"><span>(Project Key)</span></a>
</div>
</div>
</div>
<div class="profile__yourTeams">
<h3>Teams You've Created</h3>
<div class="profile__yourTeams--teams">
<div class="profile__yourTeams--teams-teamItem">
<a href="#"><span>Team Name</span></a>
</div>
<div class="profile__yourTeams--teams-teamItem">
<a href="#"><span>Team Name</span></a>
</div>
</div>
</div>
</div>
</section>
</main>
</body>
</html>