1
+ <html >
2
+ <style >
3
+ html , body {
4
+ margin : 0 ;
5
+ padding : 0 ;
6
+ box-sizing : border-box ;
7
+ }
8
+ @font-face {
9
+ font-family : " BebasNeue" ;
10
+ src : url (fonts/BebasNeue-Bold.ttf ) format (' truetype' );
11
+ }
12
+
13
+ @font-face {
14
+ font-family : " Dhanikans" ;
15
+ src : url (fonts/Dhanikans_Signature_2_dafont.ttf ) format (" truetype" );
16
+ }
17
+
18
+ .container {
19
+ border : 24px solid white ;
20
+ border-radius : 40px ;
21
+ height : 546px ;
22
+ position : relative ;
23
+ background-image : url (' img/bg-competitive.jpg' );
24
+ background-size : cover ;
25
+ background-position : center ;
26
+ background-repeat : no-repeat ;
27
+ }
28
+
29
+ .logo-image {
30
+ width : 170px ;
31
+ height : 58px ;
32
+ top : 34px ;
33
+ background-size : contain ;
34
+ background-repeat : no-repeat ;
35
+ }
36
+
37
+ .cb-image {
38
+ background-image : url (' img/cblogo.png' );
39
+ }
40
+
41
+ .cb-image.logo-image.bottom {
42
+ top : 435px ;
43
+ left : 610px ;
44
+ }
45
+
46
+ .hellointern-image {
47
+ background-image : url (' img/hellointern.png' )
48
+ }
49
+
50
+ .text {
51
+ color : white ;
52
+ position : absolute ;
53
+ left : 32px ;
54
+ font-family : Avenir;
55
+ }
56
+
57
+ .completion {
58
+ position : absolute ;
59
+ top : 127px ;
60
+ font-family : BebasNeue;
61
+ font-size : 60px ;
62
+ color : white ;
63
+ }
64
+
65
+ .completion-sub {
66
+ top : 184px ;
67
+ font-size : 19px ;
68
+ font-family : Avenir;
69
+ }
70
+
71
+ .name {
72
+ top : 243px ;
73
+ font-family : Dhanikans;
74
+ text-transform : capitalize ;
75
+ font-size : 41px ;
76
+ }
77
+
78
+ .course-text {
79
+ font-size : 20px ;
80
+ width : 462px ;
81
+ top : 333px
82
+ }
83
+
84
+ .batch {
85
+ top : 424px ;
86
+ font-size : 16px ;
87
+ }
88
+
89
+ .signature {
90
+ top : 413px ;
91
+ left : 317px ;
92
+ font-size : 14px ;
93
+
94
+ }
95
+
96
+ .signature.first {
97
+ left : 210px ;
98
+ }
99
+
100
+ .signature.second {
101
+ left : 400px ;
102
+ }
103
+
104
+ .signature > img {
105
+ width : 88px ;
106
+ height : 33px ;
107
+ }
108
+
109
+ .verify {
110
+ font-size : 10px ;
111
+ bottom : 22px ;
112
+ }
113
+
114
+ .course-logo {
115
+ width : 149px ;
116
+ height : 172px ;
117
+ top : 62px ;
118
+ left : 591px ;
119
+ }
120
+
121
+ a {
122
+ color : white ;
123
+ }
124
+
125
+ </style >
126
+ <body >
127
+ <div class =" container" >
128
+ {{ #if (eq data.run.domain " hellointern" )}}
129
+ <div class =" logo-image cb-image text bottom" ></div >
130
+ <div class =" logo-image hellointern-image text" ></div >
131
+ {{ else }}
132
+ <div class =" logo-image cb-image text" ></div >
133
+ {{ /if }}
134
+
135
+ <div class =" completion text" >CERTIFICATE OF COMPLETION </div >
136
+ <div class =" completion-sub text" >This certificate is proudly presented to</div >
137
+ <div class =" name text" >{{ data.user.firstname }} {{ data.user.lastname }} </div >
138
+ <div class =" course-text text" >for successfully completing the Non Coding Subjects Bootcamp Placements Course
139
+ by Coding Blocks
140
+ </div >
141
+
142
+ <img src =" img/certi-competitive.svg" alt =" " class =" course-logo text" >
143
+
144
+ <div class =" batch text" >
145
+ <div class =" duration" >{{ data.run.startString }} - {{ data.run.endString }} </div >
146
+ <hr >
147
+ <div >Batch</div >
148
+ </div >
149
+
150
+ {{ #if (eq data.run.domain " hellointern" )}}
151
+ <div class =" signature text first" >
152
+ <img src =" img/signmmgupta.png" alt =" " >
153
+ <hr >
154
+ <div >
155
+ Manmohan Gupta <br >
156
+ (Founder, Coding Blocks)
157
+ </div >
158
+ </div >
159
+ <div class =" signature text second" >
160
+ <img src =" img/signaashish.png" alt =" " >
161
+ <hr >
162
+ <div >
163
+ Aashish Malve<br >
164
+ (Director, HelloIntern)
165
+ </div >
166
+ </div >
167
+ {{ else }}
168
+ <div class =" signature text" >
169
+ <img src =" img/signmmgupta.png" alt =" " >
170
+ <hr >
171
+ <div >
172
+ Manmohan Gupta <br >
173
+ (Founder, Coding Blocks)
174
+ </div >
175
+ </div >
176
+ {{ /if }}
177
+
178
+ <div class =" verify text" >
179
+ {{ #if (eq data.run.domain " hellointern" )}}
180
+ The certificate can be verified at
181
+ <a href =" https://hellointern.codingblocks.com/certificates/CBOL-{{ data.runAttempt.id }} -{{ data.salt }} " >
182
+ https://hellointern.codingblocks.com/app/certificates/CBOL-{{ data.runAttempt.id }} -{{ data.salt }}
183
+ </a >
184
+ {{ else }}
185
+ <a href =" https://online.codingblocks.com/certificates/CBOL-{{ data.runAttempt.id }} -{{ data.salt }} " >
186
+ https://online.codingblocks.com/certificates/CBOL-{{ data.runAttempt.id }} -{{ data.salt }}
187
+ </a >
188
+ {{ /if }}
189
+ </div >
190
+ </div >
191
+
192
+ </body >
193
+
194
+ </html >
0 commit comments