-
Notifications
You must be signed in to change notification settings - Fork 3
/
viewCertificate.html
138 lines (131 loc) · 4.78 KB
/
viewCertificate.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Futura|Merriweather&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles/style.css" />
<title>View Certificate</title>
</head>
<body>
<div class="certificate-wrapper">
<div class="container certificate-container">
<div class="outer-border"></div>
<div class="inner-border"></div>
<div class="certificate-border col-xs-12">
<div class="row certificate-header">
<div class="certificate-title cursive col-xs-12 text-center">
<h2>Blockchain Technology Institute</h2>
<span id="certificateID" class="bold block"
>Certificate No.:
</span>
<p class="certificate-subheader">CERTIFICATE OF COMPLETION</p>
</div>
</div>
<div class="row certificate-body">
<div class="certificate-block">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
<div
class="
certificate-name
underline
margin-0
col-xs-8
text-center
"
>
<span id="candidateName" class="name-text bold">
First Name Last Name
</span>
</div>
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
<div class="earned col-xs-8 text-center">
<span class="earned-text padding-0 block cursive"
>has earned</span
>
<span id="grade" class="credits-text block bold sans">
__ Grade
</span>
</div>
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
<div class="col-xs-12"></div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
<div class="course-title col-xs-8 text-center">
<span class="earned-text block cursive"
>FOR COMPLETION OF</span
>
</div>
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
<div class="course-title underline col-xs-8 text-center">
<span id="courseName" class="credits-text block bold sans">
Course Name
</span>
</div>
<div class="col-xs-2">
<!-- LEAVE EMPTY -->
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="certificate-footer">
<div class="col-xs-4 certified col-xs-4 text-center">
<span class="bold block underline">(sd/-)</span>
<span class="bold block">Program Manager</span>
</div>
<div class="col-xs-4">
<!-- LEAVE EMPTY -->
</div>
<div class="col-xs-4 certified col-xs-4 text-center">
<span id="date" class="credits-text block sans"
>Presented on:
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>