diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..cf37ea2 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,38 @@ + +body { + font-family: 'Poppins', sans-serif; + background-color: #F8F9FA; +} + +.hero-section { + background: linear-gradient(135deg, #F8F9FA, #E9ECEF); + padding: 6rem 0; + text-align: center; +} + +.hero-section h1 { + font-weight: 700; +} + +.course-card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; +} + +.course-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 12px rgba(0,0,0,0.15); +} + +.course-card img { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +.footer { + background-color: #343A40; + color: white; + padding: 2rem 0; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..47192ea --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,12 @@ + +document.addEventListener('DOMContentLoaded', function() { + const browseBtn = document.getElementById('browse-courses-btn'); + const coursesSection = document.getElementById('courses-section'); + + if (browseBtn && coursesSection) { + browseBtn.addEventListener('click', function(e) { + e.preventDefault(); + coursesSection.scrollIntoView({ behavior: 'smooth' }); + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..6465d29 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,120 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + SSC FREE COURSES + + + + + + + + + + + + + + + + + + -
-
-

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

-
-
- + + + + + +
+
+
+
+

Unlock Your Potential with Our Expert-Led Courses

+

From comprehensive video lectures to challenging mock tests, we provide the tools you need to succeed.

+ Browse Courses +
+
+
+
+ + +
+
+

Featured Courses

+
+ 'Complete Guide to Web Development', + 'description' => 'Master HTML, CSS, JavaScript, and more. Go from beginner to pro in weeks.', + 'image' => 'https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' + ], + [ + 'title' => 'Digital Marketing Masterclass', + 'description' => 'Learn SEO, social media marketing, and content strategies to grow any business.', + 'image' => 'https://images.pexels.com/photos/265087/pexels-photo-265087.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' + ], + [ + 'title' => 'Data Science with Python', + 'description' => 'Dive into data analysis, machine learning, and visualization with Python.', + 'image' => 'https://images.pexels.com/photos/590016/pexels-photo-590016.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' + ] + ]; + + foreach ($courses as $course): + ?> +
+
+ <?php echo htmlspecialchars($course['title']); ?> +
+
+

+ View Details +
+
+
+ +
+
+
+ + + + + + + + - + \ No newline at end of file