diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..1a339b0 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,92 @@ + +body { + background-color: #FDFDFF; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #333333; +} + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: Georgia, 'Times New Roman', Times, serif; +} + +.navbar { + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + +.hero { + background: linear-gradient(135deg, #4A90E2, #50E3C2); + color: white; + padding: 6rem 1rem; + text-align: center; +} + +.hero h1 { + font-size: 3.5rem; + font-weight: bold; +} + +.hero p { + font-size: 1.25rem; + max-width: 600px; + margin: 1rem auto; +} + +.btn-primary { + background-color: #4A90E2; + border-color: #4A90E2; + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; + font-weight: bold; + transition: background-color 0.3s ease; +} + +.btn-primary:hover { + background-color: #357ABD; + border-color: #357ABD; +} + +.btn-secondary { + background-color: #50E3C2; + border-color: #50E3C2; + color: #fff; + padding: 0.5rem 1rem; + border-radius: 0.5rem; + transition: background-color 0.3s ease; +} + +.btn-secondary:hover { + background-color: #40B59A; + border-color: #40B59A; +} + +.section-title { + text-align: center; + margin-bottom: 3rem; + font-size: 2.5rem; + font-weight: bold; +} + +.competition-card { + background-color: #FFFFFF; + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 12px rgba(0,0,0,0.08); + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; +} + +.competition-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 20px rgba(0,0,0,0.12); +} + +.card-body { + padding: 2rem; +} + +.footer { + background-color: #333; + color: white; + padding: 2rem 0; + margin-top: 4rem; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..2c98ca5 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,13 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Smooth scroll for anchor links + const viewCompetitionsBtn = document.querySelector('a[href="#competitions"]'); + if (viewCompetitionsBtn) { + viewCompetitionsBtn.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector('#competitions').scrollIntoView({ + behavior: 'smooth' + }); + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..392054d 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,129 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Virtual Arena for College Fest + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + + +
+
+

Welcome to the Virtual Arena

+

The ultimate platform for college fests. Participate in competitions, showcase your talent, and win big!

+ View Competitions +
+
+ + +
+ +
+

Upcoming Competitions

+
+ 'CodeStorm', + 'description' => 'A 24-hour hackathon to build innovative solutions. Test your coding skills against the best.' + ], + [ + 'title' => 'Design Masters', + 'description' => 'A creative challenge for UI/UX designers. Craft beautiful and user-friendly interfaces.' + ], + [ + 'title' => 'Pitch Perfect', + 'description' => 'An entrepreneurship contest. Present your business idea to a panel of expert judges.' + ], + [ + 'title' => 'Shutter Speed', + 'description' => 'A photography competition. Capture stunning moments and tell a story through your lens.' + ], + [ + 'title' => 'Melody Mania', + 'description' => 'A solo singing competition. Showcase your vocal talent and mesmerize the audience.' + ], + [ + 'title' => 'Debate League', + 'description' => 'A battle of wits and words. Argue your stance on pressing contemporary issues.' + ] + ]; + + foreach ($competitions as $competition): + ?> +
+
+
+

+

+ Learn More +
+
+
+ +
+
+
+ + + + + + + + + + + - + \ No newline at end of file