-
Notifications
You must be signed in to change notification settings - Fork 3
/
degree.html
151 lines (139 loc) · 10.3 KB
/
degree.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
<!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>Registration 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}
.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:center}.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:58%;width:42%;margin:0 auto;transform:translate(-50%,-50%);opacity:.15;pos}
.en-certificate{width:595px;height:907px;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}.mainSection .cer-type{font-size:21px;color:#2020a7}
.law .act,.org-section span{font-size:11px;font-family:Calibri;font-weight:700}.mainSection .en-details
.subject{display:flex;margin-bottom:2px}.subject p{margin:0 0 5px;}.subject .title{width:12rem;color: #2020a7;}.subject
.sep{width:1rem}.subject .result{font-family:Calibri;font-weight:700;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 .profile-scan
.studentID{width:150px;height:140px;border:2px solid #000;overflow:hidden;padding:6px;display:flex;align-items:center;justify-content:center}
.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}.org-section span img{height:25px;margin:0 auto;width: 103px;}.law .act{padding:0}
.address1{color:#2020a7}.top-logo{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 {flex: 1;align-items: end;}.row1 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%}
</style>
</head>
<body>
<div class="reg-certificate">
<div class="en-certificate">
<div class="bg-upsmf"><img src="https://raw.githubusercontent.com/kumarpawantarento/templates/main/img/bg-upmf.png" alt="upsmf watermark images" alt="upsmf watermark images"></div>
<div class="cc-container">
<header>
<h3>UTTAR PRADESH NURSES STATE MEDICAL FACULTY</h3>
<p class="address1">5, Sarvapalli, Mall Avenue Road, Lucknow - 226001</p>
</header>
<div class="mainSection">
<div class="top-logo"><img src="https://raw.githubusercontent.com/kumarpawantarento/templates/main/img/bg-upmf.png" alt="upsmf logo images"></div>
<h4 class="act">Empowered Under INDIAN MEDICAL DEGREE ACT 1916</h4>
<h6 class="act-det">(Government of India Notification Department of Education,Health and Lands No.1964, dated 16<sup>th</sup> December 1926 with effect from 15<sup>th</sup>November 1929)</h6>
<h4 class="cer-name">ENROLLMENT / REGISTRATION CERTIFICATE</h4>
<h4 class="cer-type">{{credentialSubject.courseName}}</h4>
<div class="en-details">
<div class="subject number">
<p class="title">No.</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.regNumber}}</p>
</div>
<div class="subject name">
<p class="title">Name</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.name}}</p>
</div>
<div class="subject motherName">
<p class="title">Mother's Name</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.mothersName}}</p>
</div>
<div class="subject fatherName">
<p class="title">Father's Name</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.fathersName}}</p>
</div>
<div class="subject address">
<p class="title">Address</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.address}}</p>
</div>
<div class="subject center">
<p class="title">Training Center</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.nursingCollage}}</p>
</div>
<div class="subject center">
<p class="title">University</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.university}}</p>
</div>
<div class="subject passyear">
<p class="title">Year of Passing</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.passingMonth}}-{{credentialSubject.passingYear}}</p>
</div>
<div class="s-division">
<div class="row">
<div class="subject1 ">
<p class="title">Place</p>
<p class="sep">:</p>
<p class="result">Lucknow</p>
</div>
<div class="subject1 ">
<p class="title">Dated</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.nurseRegDate}}</p>
</div>
<div class="subject1 ">
<p class="title">Fee Receipt No</p>
<p class="sep">:</p>
<p class="result">{{credentialSubject.feeReciptNo}}</p>
</div>
</div>
<div class="row1">
<img src="{{qrCode}}">
</div>
</div>
</div>
</div>
<footer>
<p class="small opt-8">U.P. State Medical Faculty has the right to cancel the certificate, if any information is found to be
incorrect or fake.As per persent rule, this certificate is having lifetime validity.</p>
<div class="f-division">
<div class="profile-scan">
<div class="studentID"><img src="{{credentialSubject.candiadtePic}}" alt="student ID Photo"></div>
</div>
<div class="org-section text-center primary-color">
<span class="d-block">Secretary</span>
<span class="d-block">U.P. State Medical Faculty</span>
<span class="d-block">Lucknow</span>
</div>
</div>
</footer>
</div>
</div>
</div>
</body>
</html>