-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
94 lines (78 loc) · 5.66 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
<html>
<head>
<meta charset=“UTF-8”>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv=“X-UA-Compatible” content="ie=edge">
<link rel="stylesheet" type="text/css" href="assets/style.css">
<script type="text/javascript" src="assets/vcard.js"></script>
<script type="text/javascript" src="assets/script.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<title>Employee Details - Download Vcard</title>
</head>
<body>
<script>
</script>
<div class="vcard-header-wrapper">
<div class="vcard-header-box">
<div class="vcard-top-info">
<img class="image" src="assets/GitHub-Mark.png" />
<h4 class="title" id="headtitle">
<span class="skeleton-box" style="width:40%;"></span>
</h4>
<span class="position" id="headposition"><span class="skeleton-box" style="width:30%;"></span></span>
</div>
<div class="vcard-functions">
<div class="vcard-functions-wrapper">
<a href="#" class="btn" id="headphone">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<span>Call</span>
</a>
<a href="#" class="btn" id="heademail">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<span>Email</span>
</a>
</div>
</div>
</div>
</div>
<div class="vcard-body-wrapper">
<div class="vcard-body-box">
<div class="vcard-body-box-wrapper">
<div class="vcard-row">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#b3b4bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<div class="vcard-row-info">
<span class="vcard-row-info-title"><a href="tel:00971565450598" target="_newLink" id="bodyphone"><span class="skeleton-box-body" style="width:150px;"></span></a>
</span>
<small>Phone</small>
</div>
</div>
<div class="vcard-row">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none" stroke="#b3b4bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<div class="vcard-row-info">
<span class="vcard-row-info-title"><a href="mailto:[email protected]" target="_newLink" id="bodyemail"><span class="skeleton-box-body" style="width:150px;"></span></a>
</span>
<small>Email</small>
</div>
</div>
<div class="vcard-row">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#b3b4bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
<div class="vcard-row-info">
<span class="vcard-row-info-title">D&B Properties</span>
<small id="bodyposition"><span class="skeleton-box-body" style="width:60px;"></small>
</div>
</div>
<div class="vcard-row">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#b3b4bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
<div class="vcard-row-info">
<span class="vcard-row-info-title"><a href="https://dandbdubai.com" target="_newLink">www.dandbdubai.com</a></span>
<small>Website</small>
</div>
</div>
<div class="download-wrapper" id="download">
</div>
</div>
</div>
</body>
</html>