trial/library.html at main · SCodeGit/trial · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Peki College E-Library Registration</title>

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

<style>
body {
    font-family: 'Roboto', sans-serif;
}
</style>

</head>

<body class="bg-gray-100 text-gray-800">

<!-- HEADER -->
<header class="bg-blue-900 text-white shadow-md">
    <div class="max-w-7xl mx-auto px-6 py-6 text-center">
        <h1 class="text-2xl md:text-3xl font-bold">
            Peki College of Education
        </h1>
        <p class="text-blue-200 text-sm">
            E-Library Registration Portal
        </p>
    </div>
</header>

<!-- INTRO SECTION -->
<section class="py-12 px-6">
    <div class="max-w-5xl mx-auto bg-white shadow-md rounded-lg p-8">

        <h2 class="text-xl font-semibold mb-4 text-blue-900">
            E-Library Registration Process
        </h2>

        <p class="mb-6 leading-relaxed">
            To gain access to the Peki College of Education E-Library system,
            all students are required to complete registration before login credentials are issued.
        </p>

        <div class="bg-blue-50 border-l-4 border-blue-800 p-4 mb-6">
            <strong>Students may register using either of the following methods:</strong>
            <ul class="list-disc ml-6 mt-3 space-y-2">
                <li>Physical registration at the School Library Office.</li>
                <li>Online registration using the official Google Form below.</li>
            </ul>
        </div>

        <p class="mb-4">
            After submission, your details will be verified and entered into the E-Library system.
            Only approved students will receive login access And can login in 24hrs .
        </p>

    </div>
</section>

<!-- FORM SECTION -->
<section class="pb-16 px-6">
    <div class="max-w-6xl mx-auto bg-white shadow-lg rounded-lg p-6">

        <h3 class="text-lg font-semibold text-center text-blue-900 mb-6">
            Online Registration Form
        </h3>

        <iframe
            src="https://docs.google.com/forms/d/e/1FAIpQLSdmJGBHHF43yuH1St1RDffQopRFRAFEbjLVHCFfOQH_9tSD2g/viewform?embedded=true"
            width="100%"
            height="900"
            frameborder="0"
            marginheight="0"
            marginwidth="0">
            Loading…
        </iframe>

        <!-- 24 HOUR NOTICE -->
        <div class="mt-8 bg-yellow-50 border-l-4 border-yellow-600 p-5 rounded">
            <h4 class="font-semibold text-yellow-800 mb-2">
                Important Notice
            </h4>
            <p class="text-sm text-gray-700 leading-relaxed">
                After successful registration, please allow up to <strong>24 hours</strong>
                for verification and approval. You will gain access using your
                <strong>Student ID</strong> and <strong>PIN</strong> provided during submission.
            </p>

            <p class="mt-4 text-sm">
                Once approved, access the E-Library here:
                <a href="https://pekicoelibrary.net"
                   target="_blank"
                   class="text-blue-800 font-semibold underline hover:text-blue-600">
                   www.pekicoelibrary.net
                </a>
            </p>
        </div>

    </div>
</section>

<!-- FOOTER -->
<footer class="bg-blue-900 text-white text-center py-4 text-sm">
    © 2026 Peki College of Education | E-Library System
</footer>

</body>
</html>