deepakworld.github.io/certificate.html at main · DeepakWorld/deepakworld.github.io · GitHub

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
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Certification Details | Deepak IT & Web Services</title>
    <style>
        :root {
            --gold: #d4af37;
            --navy: #2c3e50;
            --light-grey: #f4f7f6;
        }

        body {
            font-family: 'Times New Roman', Times, serif;
            background-color: var(--light-grey);
            margin: 0;
            padding: 20px;
            text-align: center;
        }

        .container {
            max-width: 900px;
            margin: auto;
            background: white;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        /* The Certificate Preview Box */
        .cert-preview {
            border: 15px solid var(--navy);
            padding: 30px;
            position: relative;
            background: #fff;
            margin: 30px 0;
        }

        .cert-preview::after {
            content: '';
            position: absolute;
            top: 5px; left: 5px; right: 5px; bottom: 5px;
            border: 2px solid var(--gold);
        }

        .cert-header h1 {
            color: var(--navy);
            font-size: 2.5rem;
            margin-bottom: 0;
            text-transform: uppercase;
        }

        .msme-text {
            color: #7f8c8d;
            font-size: 0.9rem;
            margin-bottom: 30px;
            font-family: Arial, sans-serif;
        }

        .cert-body {
            font-size: 1.3rem;
            line-height: 1.8;
            color: #333;
        }

        .student-name {
            font-size: 2rem;
            color: var(--gold);
            font-weight: bold;
            text-decoration: underline;
            display: block;
            margin: 15px 0;
        }

        .footer-sigs {
            display: flex;
            justify-content: space-between;
            margin-top: 50px;
            padding: 0 50px;
        }

        .sig-block {
            border-top: 1px solid #333;
            width: 200px;
            padding-top: 10px;
            font-family: Arial, sans-serif;
            font-size: 0.9rem;
        }

        .btn-back {
            background: var(--navy);
            color: white;
            padding: 12px 30px;
            text-decoration: none;
            border-radius: 5px;
            display: inline-block;
            margin-top: 20px;
            font-family: Arial, sans-serif;
        }

        .highlight-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            text-align: left;
            margin-top: 40px;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="cert-header">
        <h1>Deepak IT & Web Services</h1>
        <p class="msme-text">A Government of India Registered MSME | Udyam: UDYAM-KR-03-0674838<br>NIC Code: 62011 (Computer Programming & Services)</p>
    </div>

    <h2 style="font-family: Arial; color: #555;">Sample Internship Certificate</h2>

    <div class="cert-preview">
        <div class="cert-body">
            This is to certify that
            <span class="student-name">[STUDENT NAME HERE]</span>
            has successfully completed a <strong>6-Month Industrial Internship</strong> in
            <strong>Software Development & IT Infrastructure</strong>.
            <br>
            During this period, the candidate worked on Live Projects including
            Troubleshooting, Web Hosting, and Network Configuration.
        </div>

        <div class="footer-sigs">
            <div class="sig-block">
                Date of Issue
            </div>
            <div class="sig-block">
                Authorized Signatory<br>
                <strong>Proprietor, Deepak IT</strong>
            </div>
        </div>
    </div>

    <div class="highlight-features">
        <div style="background: #eef9f1; padding: 15px; border-radius: 5px;">
            <strong>✅ Career Value</strong>
            <p>Our certificates include your NIC Code 62011, which proves you worked in a professional Software/IT environment.</p>
        </div>
        <div style="background: #eef9f1; padding: 15px; border-radius: 5px;">
            <strong>✅ Verification Support</strong>
            <p>Employers can verify your internship through our official portal at deepakworld.github.io.</p>
        </div>
    </div>

    <a href="index.html" class="btn-back">Back to Home</a>
</div>

</body>
</html>