Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
/* 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; } }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
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.