first apge
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultmessages='true' b:layoutsUrl='true' b:responsive='true' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<!-- FontAwesome Icons -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'/>
<style type='text/css'>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* Minimalist Educational Grid Background & Core Theme Variables */
:root {
--bg-primary: #f8fafc;
--bg-secondary: #ffffff;
--text-primary: #0f172a;
--text-secondary: #475569;
--accent-color: #2563eb;
--accent-hover: #1d4ed8;
--border-color: #e2e8f0;
--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--grid-bg-color: rgba(37, 99, 235, 0.03);
--whatsapp-color: #25d366;
}
[data-theme='dark'] {
--bg-primary: #0f172a;
--bg-secondary: #1e293b;
--text-primary: #f8fafc;
--text-secondary: #94a3b8;
--border-color: #334155;
--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
--grid-bg-color: rgba(255, 255, 255, 0.02);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
body {
font-family: 'Inter', sans-serif;
background-color: var(--bg-primary);
color: var(--text-primary);
line-height: 1.6;
background-image: linear-gradient(var(--grid-bg-color) 1px, transparent 1px),
linear-gradient(90deg, var(--grid-bg-color) 1px, transparent 1px);
background-size: 24px 24px;
}
a {
color: inherit;
text-decoration: none;
}
/* Sticky Navigation Header */
header.sticky-header {
position: sticky;
top: 0;
z-index: 1000;
background-color: var(--bg-secondary);
border-bottom: 1px solid var(--border-color);
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
}
.logo-area {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 1.35rem;
font-weight: 700;
color: var(--accent-color);
}
.logo-area i {
font-size: 1.5rem;
}
.nav-menu {
display: flex;
align-items: center;
gap: 1.5rem;
list-style: none;
}
.nav-menu a {
font-weight: 500;
color: var(--text-secondary);
}
.nav-menu a:hover {
color: var(--accent-color);
}
.nav-actions {
display: flex;
align-items: center;
gap: 1rem;
}
/* Dark Mode Button */
.theme-toggle {
background: none;
border: 1px solid var(--border-color);
color: var(--text-primary);
padding: 0.5rem 0.75rem;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 500;
}
.theme-toggle:hover {
border-color: var(--accent-color);
}
/* Categories Horizontal Bar */
.categories-bar {
background-color: var(--bg-secondary);
border-bottom: 1px solid var(--border-color);
overflow-x: auto;
white-space: nowrap;
padding: 0.75rem 1.5rem;
}
.categories-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 0.75rem;
}
.badge {
background: var(--bg-primary);
border: 1px solid var(--border-color);
color: var(--text-secondary);
padding: 0.35rem 0.85rem;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
}
.badge:hover {
background: var(--accent-color);
color: #ffffff;
border-color: var(--accent-color);
}
/* Main Content Layout */
.container {
max-width: 1200px;
margin: 2rem auto;
padding: 0 1.5rem;
}
.hero-banner {
background: linear-gradient(135deg, var(--accent-color), #1e40af);
color: #ffffff;
padding: 2.5rem 2rem;
border-radius: 12px;
margin-bottom: 2.5rem;
text-align: center;
}
.hero-banner h1 {
font-size: 2rem;
margin-bottom: 0.75rem;
}
.hero-banner p {
font-size: 1.05rem;
opacity: 0.9;
max-width: 800px;
margin: 0 auto 1.5rem auto;
}
.whatsapp-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: var(--whatsapp-color);
color: #ffffff;
font-weight: 600;
padding: 0.75rem 1.5rem;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);
}
.whatsapp-btn:hover {
opacity: 0.95;
}
.section-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
/* Grid Layout for Posts */
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.5rem;
}
.post-card {
background-color: var(--bg-secondary);
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 1.5rem;
box-shadow: var(--card-shadow);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.post-card:hover {
transform: translateY(-3px);
border-color: var(--accent-color);
transition: all 0.2s ease;
}
.post-tag {
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 700;
color: var(--accent-color);
letter-spacing: 0.5px;
margin-bottom: 0.5rem;
}
.post-title {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 0.75rem;
line-height: 1.4;
}
.post-snippet {
color: var(--text-secondary);
font-size: 0.9rem;
margin-bottom: 1.25rem;
}
.post-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
border-top: 1px solid var(--border-color);
font-size: 0.85rem;
color: var(--text-secondary);
}
.read-more {
color: var(--accent-color);
font-weight: 600;
}
/* Floating WhatsApp Button */
.whatsapp-float {
position: fixed;
bottom: 2rem;
right: 2rem;
background-color: var(--whatsapp-color);
color: #ffffff;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 1000;
}
.whatsapp-float:hover {
transform: scale(1.08);
}
/* Footer */
footer {
background-color: var(--bg-secondary);
border-top: 1px solid var(--border-color);
margin-top: 4rem;
padding: 2rem 1.5rem;
text-align: center;
color: var(--text-secondary);
font-size: 0.9rem;
}
@media (max-width: 768px) {
.nav-menu {
display: none;
}
.hero-banner h1 {
font-size: 1.5rem;
}
}
</style>
</head>
<body>
<!-- Sticky Header -->
<header class='sticky-header'>
<div class='nav-container'>
<a class='logo-area' expr:href='data:blog.homepageUrl'>
<i class='fa-solid fa-graduation-cap'/>
<span>EduPapers Hub</span>
</a>
<ul class='nav-menu'>
<li><a href='#boards'>Boards</a></li>
<li><a href='#classes'>11th & 12th</a></li>
<li><a href='#olympiads'>Olympiads</a></li>
<li><a href='#competitive'>Competitive</a></li>
</ul>
<div class='nav-actions'>
<button class='theme-toggle' id='themeToggleBtn' onclick='toggleTheme()'>
<i class='fa-solid fa-moon' id='themeIcon'/>
<span id='themeText'>Dark</span>
</button>
</div>
</div>
</header>
<!-- Horizontal Filter Bar -->
<div class='categories-bar'>
<div class='categories-inner'>
<a class='badge' href='/search/label/CBSE'>CBSE</a>
<a class='badge' href='/search/label/ICSE'>ICSE</a>
<a class='badge' href='/search/label/SSC'>State Board (SSC)</a>
<a class='badge' href='/search/label/IGCSE'>IGCSE</a>
<a class='badge' href='/search/label/IB'>IB Board</a>
<a class='badge' href='/search/label/Olympiad'>Olympiads</a>
<a class='badge' href='/search/label/Arts'>Arts</a>
<a class='badge' href='/search/label/Commerce'>Commerce</a>
<a class='badge' href='/search/label/Science'>Science</a>
<a class='badge' href='/search/label/Competitive'>Competitive Exams</a>
</div>
</div>
<!-- Main Content Area -->
<div class='container'>
<!-- Hero Announcement Box -->
<div class='hero-banner'>
<h1>Previous Year Papers & Study Resources</h1>
<p>Question papers available for SSC, ICSE, CBSE, IGCSE, IB, Olympiads, 11th & 12th (Arts, Commerce, Science), and all Competitive Exams.</p>
<a class='whatsapp-btn' href='https://wa.me/919224762299?text=Hello,%20I%20have%20an%20enquiry%20regarding%20exam%20papers' target='_blank'>
<i class='fa-brands fa-whatsapp'/> Enquiry on WhatsApp (9224762299)
</a>
</div>
<h2 class='section-title'><i class='fa-solid fa-book-open'/> Latest Question Papers</h2>
<!-- Blogger Posts Layout Grid -->
<b:section class='main-posts-grid' id='main' showelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main'>
<div class='posts-grid'>
<b:loop values='data:posts' var='post'>
<article class='post-card'>
<div>
<div class='post-tag'>
<b:if cond='data:post.labels'>
<data:post.labels.first.name/>
<b:else/>
Exam Resource
</b:if>
</div>
<h3 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h3>
<div class='post-snippet'>
<data:post.snippet/>
</div>
</div>
<div class='post-footer'>
<span><data:post.dateHeader/></span>
<a class='read-more' expr:href='data:post.url'>View Paper <i class='fa-solid fa-arrow-right'/></a>
</div>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- Fixed WhatsApp Floating Action Button -->
<a class='whatsapp-float' href='https://wa.me/919224762299?text=Hello,%20I%20have%20an%20enquiry%20regarding%20exam%20papers' target='_blank' title='Contact on WhatsApp'>
<i class='fa-brands fa-whatsapp'/>
</a>
<!-- Footer -->
<footer>
<p>© <script>document.write(new Date().getFullYear())</script> EduPapers Hub. All rights reserved.</p>
<p style='margin-top: 0.5rem;'>For further enquiries, contact on WhatsApp: <strong>+91 9224762299</strong></p>
</footer>
<!-- Theme Toggle & Local Storage Script -->
<script type='text/javascript'>
// Theme toggle mechanism
function setTheme(theme) {
var icon = document.getElementById('themeIcon');
var text = document.getElementById('themeText');
if (theme === 'dark') {
document.documentElement.setAttribute('data-theme', 'dark');
localStorage.setItem('theme', 'dark');
icon.className = 'fa-solid fa-sun';
text.textContent = 'Light';
} else {
document.documentElement.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
icon.className = 'fa-solid fa-moon';
text.textContent = 'Dark';
}
}
function toggleTheme() {
var currentTheme = localStorage.getItem('theme') || 'light';
setTheme(currentTheme === 'light' ? 'dark' : 'light');
}
(function() {
var savedTheme = localStorage.getItem('theme') || 'light';
setTheme(savedTheme);
})();
</script>
</body>
</html>
Comments
Post a Comment