Default page

⚝ One Hat Cyber Team ⚝

Your IP: 216.73.216.70
Server IP: 198.23.59.68
Server: Linux vps104032.mylogin.co 4.18.0-1160.119.1.vz7.224.4 #1 SMP Mon Sep 30 15:36:27 MSK 2024 x86_64
PHP Version: 8.3.30
Buat File | Buat Folder

Dir : ~/home/www/psim.vps104032.mylogin.co/storage/app/

Edit File: temp_membership.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PSIM Membership Certificate</title>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js" defer></script>

.certificate-container {
            position: relative;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }

.certificate-bg {
            width: 100%;
            position: relative;
        }

.form-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

.name-field {
            position: absolute;
            top: 46%;
            width: 53%;
            text-align: center;
        }

input#member-name {
            font-size: 40px;
            line-height: 40px;
            padding-top: 4px;
        }

.input-group {
            position: relative;
            display: flex;
            align-items: center;
        }

.pmdc-field {
            position: absolute;
            top: 58.5%;
            left: 35%;
            width: 16%;
        }

.issue-date-field {
            position: absolute;
            top: 58.8%;
            right: 21%;
            width: 16%;
        }

.membership-field {
            position: absolute;
            top: 64.3%;
            left: 35%;
            width: 16%;
        }

.valid-field {
            position: absolute;
            top: 64%;
            right: 20%;
            width: 17%;
        }

.certificate-input {
            background: transparent;
            border: none;
            border-bottom: 2px solid #fff;
            color: #fff;
            font-size: 18px;
            /* line-height: 18px; */
            padding-top: 2px;
            width: 100%;
            text-align: center;
            font-family: 'Astonice Semibold', Arial, sans-serif;
        }

.field-label {
            position: absolute;
            text-align: right;
            color: #daa520;
            font-size: 16px;
            font-weight: 600;
            padding-right: 10px;
            white-space: nowrap;
            right: 155px;
            top: 10px;
        }
        .field-label.valid-date {
            right: 165px;
        }

.controls {
            margin-top: 30px;
            text-align: center;
        }

@media print {
            .controls { display: none; }
            body { background-color: transparent; }
        }
    </style>
</head>
<body>
    <div class="certificate-container" id="certificate">
        
        <img src="http://psim.org.pk/themes/psim/images/certificatebg-image.png" alt="Certificate Background" class="certificate-bg" crossorigin="anonymous">

<div class="pmdc-field">
                <div class="input-group">
                    <span class="field-label">PMDC / GMC / Licence #</span>
                    <input type="text" class="certificate-input" id="pmdc-number" placeholder="1234-P">
                </div>
            </div>

<div class="issue-date-field">
                <div class="input-group">
                    <span class="field-label">Issue Date</span>
                    <input type="text" class="certificate-input" id="issue-date" placeholder="2025-04-13">
                </div>
            </div>

<div class="membership-field">
                <div class="input-group">
                    <span class="field-label">PSIM Membership #</span>
                    <input type="text" class="certificate-input" id="membership-number" placeholder="Associate Membership">
                </div>
            </div>

<div class="valid-field">
                <div class="input-group">
                    <span class="field-label valid-date">Valid till</span>
                    <input type="text" class="certificate-input" id="valid-date" placeholder="Valid till">
                </div>
            </div>
        </div>
    </div>

</body>
</html>