!DOCTYPE html
!DOCTYPE html.txt
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document Collection</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 30px;
background-color: #f5f5f5;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
max-height: 90vh;
overflow-y: auto;
padding: 15px;
}
.card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 3px 15px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
}
.card-title {
font-size: 1.2em;
margin: 0 0 12px 0;
color: #2c3e50;
}
.card-description {
font-size: 0.9em;
color: #666;
line-height: 1.6;
margin-bottom: 15px;
flex-grow: 1;
}
.read-more {
display: inline-block;
padding: 10px 25px;
background: #3498db;
color: white;
text-decoration: none;
border-radius: 5px;
transition: background 0.3s ease;
text-align: center;
font-size: 0.9em;
}
.read-more:hover {
background: #2980b9;
}
h2 {
text-align: center;
color: #34495e;
margin-bottom: 30px;
}
</style>
</head>
<body>
<h2>Document Collection</h2>
<div class="grid-container">
<!-- Documents Start -->
<div class="card">
<h3 class="card-title">TheOriginsofLanguage</h3>
<p class="card-description">They claim Language comes from the gods</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/TheOriginsofLanguage.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">ORIGINS AND EVOLUTION OF LANGUAGE - OHHL - PROOFS (1) (2)</h3>
<p class="card-description">Oxford says God brings Language</p>
<a href=https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/ORIGINS-AND-EVOLUTION-OF-LANGUAGE-OHHL-PROOFS-1.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">The_Origin_of_the_Term_Abosom_in_Kamit (1)</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/The_Origin_of_the_Term_Abosom_in_Kamit-1.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">Akanni_Khanit</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/Akanni_Khanit.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">motherofra</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/motherofra.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">godngga</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/godngga.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">7dayweek</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/7dayweek.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">rait</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/rait.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">ra</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/ra.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">ngga</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/ngga.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">kamit</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/kamit.pdf" class="read-more">Read More</a>
</div>
<div class="card">
<h3 class="card-title">numbers</h3>
<p class="card-description">Description coming soon</p>
<a href="https://studio1live.com/bapisdead/sitepad-data/uploads/2025/05/numbers.pdf" class="read-more">Read More</a>
</div>
<!-- Documents End -->
</div>
</body>
</html>