-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathMSC-r-UPNC-WC.html
131 lines (117 loc) · 9.93 KB
/
MSC-r-UPNC-WC.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
<!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">
<title>Certificate - Nursing</title>
<!-- <link href="css/style.css" rel="stylesheet"> -->
<style type="text/css">
.d-block,img{display:block}.mainSection .cer-name,.text-uppercase{text-transform:uppercase}
.mb-0,header h3{margin-bottom:0}
.m-0,header p{margin:0;text}
.primary-color,header h3{color:#ec1f07}@font-face{font-family:Calibri;src:url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY67FIEjg&skey=a1029226f80653a8&v=v15) format('woff2');
font-weight:400;font-style:normal}@font-face{font-family:Calibri;src:url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHxIZrCE&skey=cd2dd6afe6bf0eb2&v=v15) format('woff2');
font-weight:700;font-style:normal}*,::after,::before{box-sizing:border-box}
html{font-size:16px}body{color:#0e0e10;font-family:Calibri;font-weight:400}img{max-width:100%}.mt-0{margin-top:0}.mt-5{margin-top:.3125rem}.mt-10{margin-top:10px}.mt-16{margin-top:1rem}
.mb-5{margin-bottom:.3125rem}.mb-10{margin-bottom:.625rem}.mb-15{margin-bottom:.9375rem}.ft-8{font-size:.5rem}.alpha-5{opacity:.5}
.small{font-size:.625rem;line-height:.75rem;color: red;}.h3,h3,p{line-height:1.5}.opt-8{opacity:80%}.text-right{text-align:right}.mainSection .cer-type,.text-center,header h3,header
p {text-align:end}.secondaryColor{color:#2020a7}.cc-container{position:relative;z-index:1}.bg-upsmf,
footer{position:absolute;bottom:0}.bg-upsmf{z-index:0;left:50%;top:55%;width:60%;margin:0 auto;transform:translate(-50%,-50%);opacity:.15;pos}
.en-certificate{width:595px;height:1040px;background-color:#fff;margin:auto;border:1px solid grey;padding:.8rem 1.5rem;position:relative;
display:flex}.h1,h1,h2,h3,h4,h5,h6{line-height:1.5;font-family:Calibri;font-weight:700;margin-bottom:10px}.h3,h3{font-size:1.5rem}
p{font-size:.875rem}hr{border:none;background-color:rgba(0,0,0,.15);height:1px;margin:10px 0}header h3{margin-top:5px}.mainSection
.en-details{width:100%;margin:1.2rem auto 0}.mainSection .cer-name{text-align:center;font-size:20px;color:#ec1f07;margin:1rem 0 0}
.law .act,.mainSection .cer-type{text-transform:uppercase;margin:0; margin-right: 16%;align-items: center;
justify-content: center;}.mainSection .cer-type{font-size:23px;color:#2020a7}
.law .act,.org-section span{font-size:11px;font-family:Calibri;font-weight:700}.mainSection .en-details p{font-style: italic ;}.annot p{word-spacing: 8px;line-height: 30pt;text-align: justify;text-indent: 100px;font-style: italic;}
.subject{display:flex;margin-bottom:2px}.subject p{margin:0 0 5px;}.subject .title{width:6rem;font-weight: bold; color: #2020a7; margin-left: 6%;}.subject
.sep{width:1rem}.subject .result{font-family:Calibri;flex:0 0 62%}footer{left:0;right:0}
.f-division{display:flex;justify-content:space-between;align-items:end}.f-division .profile-scan{width:70%;display:flex;gap:10px}
.f-division .org-section{width:30%}.f-division .profile-scan .scanner,.f-division
.f-division .profile-scan .sig-attest{width:110px;height:70px;overflow:hidden;border:2px solid #000;display:flex;align-items:center;
justify-content:center}.org-section span{margin-bottom:0;text-align: center;}.org-section span img{height:25px;margin:0 auto;width: 103px;}.law .act{padding:0}
.address1{color:#2020a7}.top-logo .img{width:158px; height:156px;margin-left:190px}.act{margin-bottom: auto;text-align:center;font-size: 11pt;}
.act-det{margin-top: initial;text-align:center;font-size: 6pt;}.s-division{display:flex;justify-content:space-between;align-items: end;}.s-division .row .details{margin-bottom: 38px}
.s-division .row img{width: 73px;height: 73px;}
.subject1{display:flex;margin-bottom:2px}.subject1 p{margin:0 0 5px;}.subject1 .title{width:12rem;color: #2020a7;}.subject1
.sep{width:1rem}.subject1 .result{font-family:Calibri;font-weight:500;flex:0 0 62%}.s-division .row .title1{display: flex;justify-content: start;font-weight: bold;}.title2{display: flex;justify-content: end;font-weight: bold;}.profile-scan .studentID img{width:150px;height:170px;border:2px solid #000;overflow:hidden;padding:6px;display:flex;align-items:center;justify-content:center}
.s-division .profile-scan {text-align: center;} .org-section .sign{margin-bottom: 88px;}.texts{ margin-left: 5%;}.texts2{color: #ec1f07}.texts3{color:#2020a7}.watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);WIDTH:50%;z-index:0}
</style>
</head>
<body>
<div class="reg-certificate">
<div class="en-certificate">
<div class="watermark"><img src="https://raw.githubusercontent.com/kumarpawantarento/templates/main/img/watermark.png" alt="web copy certificate"></div>
<div class="bg-upsmf"><img src="https://raw.githubusercontent.com/kumarpawantarento/templates/main/img/bg-upmf.png" alt="upsmf watermark images"></div>
<div class="cc-container">
<header>
</header>
<div class="mainSection">
<div class="top-logo"><img src="https://raw.githubusercontent.com/kumarpawantarento/templates/main/img/diploma_SMF.jpg" alt="upsmf logo images"></div>
<h4 class="cer-type">{{credentialSubject.courseName}}</h4>
<div class="s-division">
<div class="row">
<p class="title1">No. {{credentialSubject.finalYearRollNo}}</p>
</div>
<div class="row">
<p class="title2">Dated. {{credentialSubject.nurseRegDate}}</p>
</div>
</div>
<div class="en-details">
<div class="annot">
<p ><span style="color: #2020a7;">I hereby certify that</span> <font style='font-weight: 1000;'><u>{{credentialSubject.name}}</u></font>
D/O <font style='font-weight: 1000;'><u>{{credentialSubject.mothersName}} & {{credentialSubject.fathersName}} R/o{{credentialSubject.address}}</font style></u> <span style="color: #2020a7;">is registered vide bearing Registration No.</span> {{credentialSubject.regNumber}}<font style="font-weight: 1000;"><span style="color: #2020a7;">Dated:</span>{{credentialSubject.nurseRegDate}}</font> <span style="color: #2020a7;">under Part III-A of the GENERAL NURSING & MIDWIFERY Register under the U.P.
Nurses, Midwives, Asstt. Midwives and Health Visitor's Registration Act 1934.
She has obtained the following Additional Qualification:</span>
</p>
</div>
<div class="en-details">
<h4 class="texts">- {{credentialSubject.courseName}}</h4>
<div class="subject number">
<p class="title">Training Center.</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.nursingCollage}}</p>
</div>
<div class="subject name">
<p class="title">University</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.university}}</p>
</div>
<div class="subject name">
<p class="title">Period</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.joiningMonth}}-{{credentialSubject.joiningYear}} To {{credentialSubject.passingMonth}}-{{credentialSubject.passingYear}}</p>
</div>
</div>
<h6 class="texts2" > U.P. Nurses & Midwives Council has the right to cancel the certificate, if any information is found to be incorrect or fake.
As per present rules, this certificate is having lifetime validity.</6>
</div>
</div>
<footer>
<div class="s-division">
<div class="row">
<div class="details">
<div class="subject1 ">
</div>
<div class="org-section text-center primary-color">
<span class="d-block">5, Sarvapalli,</span>
<span class="d-block">Mall Avenue Road,</span>
<span class="d-block">Lucknow-22</span>
</div>
</div>
</div>
<div class="profile-scan">
<div class="studentID"><img src="{{credentialSubject.candidatePic}}" alt="student ID Photo"></div>
</div>
<div class="org-section text-center primary-color">
<span class="d-block">U.P. State Medical Faculty</span>
<span class="d-block">Lucknow</span>
</div>
</div>
</footer>
</div>
</div>
</div>
</body>
</html>