/* Theme Name: ScholarshipFinder Description: A modern scholarship search and discovery platform Version: 1.0 Author: Your Name */ :root { --primary-blue: #1e3a8a; --secondary-gold: #f59e0b; --accent-green: #10b981; --light-gray: #f8fafc; --dark-gray: #374151; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; line-height: 1.6; color: var(--dark-gray); } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header Styles */ .site-header { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; width: 100%; top: 0; z-index: 1000; } .navbar { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; } .logo { font-size: 1.8rem; font-weight: bold; color: var(--primary-blue); text-decoration: none; } .nav-menu { display: flex; list-style: none; gap: 2rem; } .nav-menu a { text-decoration: none; color: var(--dark-gray); font-weight: 500; transition: color 0.3s; } .nav-menu a:hover { color: var(--primary-blue); } /* Hero Section */ .hero-section { background: linear-gradient(135deg, var(--primary-blue), #3b82f6); color: white; padding: 120px 0 80px; text-align: center; } .hero-title { font-size: 3rem; margin-bottom: 1rem; font-weight: 700; } .hero-subtitle { font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9; } /* Search Bar */ .search-container { max-width: 600px; margin: 0 auto; position: relative; } .search-form { display: flex; background: white; border-radius: 50px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .search-input { flex: 1; padding: 15px 20px; border: none; font-size: 1rem; outline: none; } .search-btn { background: var(--secondary-gold); color: white; border: none; padding: 15px 30px; font-weight: bold; cursor: pointer; transition: background 0.3s; } .search-btn:hover { background: #d97706; } /* Scholarship Cards */ .scholarships-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin: 3rem 0; } .scholarship-card { background: white; border-radius: 10px; padding: 1.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s; } .scholarship-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .scholarship-amount { background: var(--accent-green); color: white; padding: 0.5rem 1rem; border-radius: 20px; font-weight: bold; display: inline-block; margin-bottom: 1rem; } .scholarship-title { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--primary-blue); } .scholarship-org { color: var(--dark-gray); margin-bottom: 1rem; } .scholarship-deadline { background: #fef3c7; color: #92400e; padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.9rem; font-weight: 500; } /* Filters */ .filters-container { background: var(--light-gray); padding: 2rem 0; } .filters-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } .filter-group { display: flex; flex-direction: column; } .filter-label { font-weight: 600; margin-bottom: 0.5rem; color: var(--dark-gray); } .filter-select { padding: 0.8rem; border: 1px solid #d1d5db; border-radius: 5px; font-size: 1rem; } /* Responsive Design */ @media (max-width: 768px) { .hero-title { font-size: 2rem; } .search-form { flex-direction: column; border-radius: 10px; } .search-btn { border-radius: 0; } .scholarships-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }

Come See us: 123 Main St

•

Find us on Social Media

Welcome

5 Easy Scholarships You Can Apply for Today

Here are five scholarships with simple applications and quick deadlines. Apply now!

Here are five scholarships with simple applications and quick deadlines. Apply now!