/* 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; } }

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Comments

One response

  1. A WordPress Commenter Avatar