<style>
.table-box {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
}
.table-box th, .table-box td {
border: 1px solid #444;
padding: 10px;
text-align: center;
color: white;
}
.table-box th {
background: #222;
font-size: 18px;
}
.download-box {
text-align: center;
}
.password-input {
padding: 8px;
width: 90%;
border-radius: 8px;
border: none;
outline: none;
font-size: 14px;
margin-bottom: 10px;
}
.glow-on-hover {
width: 90%;
height: 40px;
border: none;
outline: none;
color: #fff;
background: #111;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
font-size: 15px;
}
.glow-on-hover:before {
content: '';
background: linear-gradient(45deg,
#ff0000, #ff7300, #fffb00,
#48ff00, #00ffd5, #002bff,
#7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.glow-on-hover:hover:before,
.glow-on-hover:active:before {
opacity: 1;
}
@keyframes glowing {
0% {background-position: 0 0;}
50% {background-position: 400% 0;}
100% {background-position: 0 0;}
}
body {
background: #000;
}
</style>
<table class="table-box">
<tr>
<th>PDF Name</th>
<th>Download</th>
</tr>
<!-- 20 ROWS AUTO GENERATED -->
<!-- Replace FILE_ID_HERE with your Google Drive file IDs -->
<!-- ROW 1 -->
<tr>
<td>ASL PDF 1</td>
<td>
<div class="download-box">
<input type="password" id="p1" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p1','FILE_ID_1')">Download</button>
<p id="m1" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 2 -->
<tr>
<td>ASL PDF 2</td>
<td>
<div class="download-box">
<input type="password" id="p2" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p2','FILE_ID_2')">Download</button>
<p id="m2" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 3 -->
<tr>
<td>ASL PDF 3</td>
<td>
<div class="download-box">
<input type="password" id="p3" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p3','FILE_ID_3')">Download</button>
<p id="m3" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 4 -->
<tr>
<td>ASL PDF 4</td>
<td>
<div class="download-box">
<input type="password" id="p4" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p4','FILE_ID_4')">Download</button>
<p id="m4" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 5 -->
<tr>
<td>ASL PDF 5</td>
<td>
<div class="download-box">
<input type="password" id="p5" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p5','FILE_ID_5')">Download</button>
<p id="m5" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 6 -->
<tr>
<td>ASL PDF 6</td>
<td>
<div class="download-box">
<input type="password" id="p6" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p6','FILE_ID_6')">Download</button>
<p id="m6" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 7 -->
<tr>
<td>ASL PDF 7</td>
<td>
<div class="download-box">
<input type="password" id="p7" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p7','FILE_ID_7')">Download</button>
<p id="m7" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 8 -->
<tr>
<td>ASL PDF 8</td>
<td>
<div class="download-box">
<input type="password" id="p8" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p8','FILE_ID_8')">Download</button>
<p id="m8" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 9 -->
<tr>
<td>ASL PDF 9</td>
<td>
<div class="download-box">
<input type="password" id="p9" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p9','FILE_ID_9')">Download</button>
<p id="m9" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 10 -->
<tr>
<td>ASL PDF 10</td>
<td>
<div class="download-box">
<input type="password" id="p10" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p10','FILE_ID_10')">Download</button>
<p id="m10" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 11 -->
<tr>
<td>ASL PDF 11</td>
<td>
<div class="download-box">
<input type="password" id="p11" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p11','FILE_ID_11')">Download</button>
<p id="m11" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 12 -->
<tr>
<td>ASL PDF 12</td>
<td>
<div class="download-box">
<input type="password" id="p12" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p12','FILE_ID_12')">Download</button>
<p id="m12" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 13 -->
<tr>
<td>ASL PDF 13</td>
<td>
<div class="download-box">
<input type="password" id="p13" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p13','FILE_ID_13')">Download</button>
<p id="m13" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 14 -->
<tr>
<td>ASL PDF 14</td>
<td>
<div class="download-box">
<input type="password" id="p14" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p14','FILE_ID_14')">Download</button>
<p id="m14" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 15 -->
<tr>
<td>ASL PDF 15</td>
<td>
<div class="download-box">
<input type="password" id="p15" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p15','FILE_ID_15')">Download</button>
<p id="m15" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 16 -->
<tr>
<td>ASL PDF 16</td>
<td>
<div class="download-box">
<input type="password" id="p16" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p16','FILE_ID_16')">Download</button>
<p id="m16" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 17 -->
<tr>
<td>ASL PDF 17</td>
<td>
<div class="download-box">
<input type="password" id="p17" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p17','FILE_ID_17')">Download</button>
<p id="m17" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 18 -->
<tr>
<td>ASL PDF 18</td>
<td>
<div class="download-box">
<input type="password" id="p18" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p18','FILE_ID_18')">Download</button>
<p id="m18" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 19 -->
<tr>
<td>ASL PDF 19</td>
<td>
<div class="download-box">
<input type="password" id="p19" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p19','FILE_ID_19')">Download</button>
<p id="m19" style="color:red;"></p>
</div>
</td>
</tr>
<!-- ROW 20 -->
<tr>
<td>ASL PDF 20</td>
<td>
<div class="download-box">
<input type="password" id="p20" class="password-input" placeholder="Enter Password">
<button class="glow-on-hover" onclick="downloadPDF('p20','FILE_ID_20')">Download</button>
<p id="m20" style="color:red;"></p>
</div>
</td>
</tr>
</table>
<script>
function downloadPDF(passId, fileID) {
var pass = document.getElementById(passId).value;
var msg = document.getElementById("m" + passId.replace("p", ""));
if (pass === "123123123") {
window.location.href = "https://drive.google.com/uc?export=download&id=" + fileID;
} else {
msg.innerHTML = "❌ Wrong Password!";
}
}
</script>
