Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
181 changes: 181 additions & 0 deletions 725.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>College Proposal | Kashish Gondaliya</title>
<style>
:root {
--primary: #1e3a8a;
--secondary: #0284c7;
--dark: #0f172a;
--light: #f8fafc;
--accent: #f59e0b;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
background-color: var(--light);
color: var(--dark);
line-height: 1.6;
}

/* Header / Navigation */
header {
background-color: white;
padding: 1.5rem 10%;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 100;
}

.logo {
font-size: 1.5rem;
font-weight: bold;
color: var(--primary);
}

nav a {
text-decoration: none;
color: var(--dark);
margin-left: 2rem;
font-weight: 500;
transition: color 0.3s;
}

nav a:hover {
color: var(--secondary);
}

/* Hero Section */
.hero {
background: linear-gradient(135deg, rgba(30, 58, 138, 0.95), rgba(2, 132, 199, 0.9)), url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=1920&q=80') center/cover;
color: white;
padding: 8rem 10% 6rem 10%;
text-align: center;
}

.hero h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
letter-spacing: -1px;
}

.hero p {
font-size: 1.25rem;
max-width: 600px;
margin: 0 auto 2rem auto;
opacity: 0.9;
}

.btn {
display: inline-block;
background-color: var(--accent);
color: var(--dark);
padding: 0.75rem 2rem;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: transform 0.2s, background-color 0.2s;
}

.btn:hover {
transform: translateY(-2px);
background-color: #d97706;
}

/* Main Content Container */
.container {
max-width: 1200px;
margin: 4rem auto;
padding: 0 2rem;
}

section {
margin-bottom: 5rem;
}

h2 {
font-size: 2.25rem;
color: var(--primary);
margin-bottom: 1.5rem;
position: relative;
padding-bottom: 0.5rem;
}

h2::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 4px;
background-color: var(--accent);
}

/* Proposal Grid (The "Collage" Visual Layout) */
.proposal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 2rem;
}

.card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
border-top: 4px solid var(--secondary);
}

.card h3 {
color: var(--primary);
margin-bottom: 1rem;
}

/* Timeline / Action Plan */
.timeline {
border-left: 3px solid var(--secondary);
padding-left: 2rem;
margin-left: 1rem;
}

.timeline-item {
position: relative;
margin-bottom: 2.5rem;
}

.timeline-item::before {
content: '';
position: absolute;
left: calc(-2rem - 9px);
top: 5px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--accent);
border: 2px solid white;
}

.timeline-date {
font-weight: bold;
color: var(--secondary);
}

/* Footer */
footer {
background-color: var(--dark);
color: white;
text-align: center;
padding: 3