-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofileOwn.html
209 lines (209 loc) · 11.2 KB
/
profileOwn.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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!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>
<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>
<span>Your Job Title</span>
</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>
<span>Your Department</span>
</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>
<span>Your Organization</span>
</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>
<span>Your Location</span>
</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 class="btn btn-grey profile__about--buttons-btn">
Edit Profile
</button>
<button class="btn btn-grey profile__about--buttons-btn">
Delete Account
</button>
</div>
</div>
<div class="profile__main">
<div class="profile__receivedRequests">
<h3>Pending 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
>
<div class="profile__receivedRequests--buttons">
<button
class="btn btn-green profile__receivedRequests--buttons-button"
>
Accept</button
><button
class="btn btn-grey profile__receivedRequests--buttons-button"
>
Decline
</button>
</div>
</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
>
<div class="profile__receivedRequests--buttons">
<button
class="btn btn-green profile__receivedRequests--buttons-button"
>
Accept</button
><button
class="btn btn-grey profile__receivedRequests--buttons-button"
>
Decline
</button>
</div>
</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 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">
<a href="#" class="people__teams--teamItem">
<div class="people__teams--teamItem-teamAvatar"></div>
<span class="people__teams--teamItem-teamName">Team Name</span>
<div class="people__teams--teamItem-teamCreator"></div>
</a>
<a href="#" class="people__teams--teamItem">
<div class="people__teams--teamItem-teamAvatar"></div>
<span class="people__teams--teamItem-teamName">Team Name</span>
<div class="people__teams--teamItem-teamCreator"></div>
</a>
<a href="#" class="people__teams--teamItem">
<div class="people__teams--teamItem-teamAvatar"></div>
<span class="people__teams--teamItem-teamName">Team Name</span>
<div class="people__teams--teamItem-teamCreator"></div>
</a>
<a href="#" class="people__teams--teamItem">
<div class="people__teams--teamItem-teamAvatar"></div>
<span class="people__teams--teamItem-teamName">Team Name</span>
<div class="people__teams--teamItem-teamCreator"></div>
</a>
</div>
</div>
</div>
</section>
</main>
</body>
</html>