Skip to content

Commit 7adce86

Browse files
Prince61141Prince61141
committed
.
1 parent ef740b2 commit 7adce86

4 files changed

Lines changed: 14 additions & 107 deletions

File tree

‎FrontEnd/Pages/Courses/course-details.html‎

Lines changed: 14 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8">
65
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -10,19 +9,16 @@
109
<script src="../FrontEnd/Scripts/script.js"></script>
1110
<link rel="stylesheet" href="../FrontEnd/Styles/header-footer.css">
1211
</head>
13-
1412
<body class="bg-blue-900 text-white">
13+
<header id="dashboard-header">
14+
</header>
1515

16-
<header id="dashboard-header"></header>
17-
18-
<div class="container mx-auto px-4 py-8">
19-
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
16+
<div class="container mx-auto px-4 py-10">
17+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10">
2018
<!-- Course Information -->
21-
<div class="lg:col-span-2 center">
22-
<h1 class="text-3xl font-bold"><?php echo htmlspecialchars($row['title']); ?></h1>
23-
<p class="mt-4 text-lg text-gray-300">
24-
<?php echo htmlspecialchars($row['description']); ?>
25-
</p>
19+
<div class="lg:col-span-2 bg-gray-800 p-6 rounded-lg shadow-lg transition-transform transform hover:scale-105">
20+
<h1 class="text-4xl font-bold"><?php echo htmlspecialchars($row['title']); ?></h1>
21+
<p class="mt-4 text-lg text-gray-300"><?php echo htmlspecialchars($row['description']); ?></p>
2622
<div class="flex items-center mt-4 space-x-2">
2723
<span class="text-yellow-400 text-xl">&#9733; 4.5</span>
2824
<a href="#" class="text-purple-500 underline">323 ratings</a>
@@ -37,29 +33,22 @@ <h1 class="text-3xl font-bold"><?php echo htmlspecialchars($row['title']); ?></h
3733

3834
<!-- Pricing and Actions -->
3935
<div class="bg-gray-800 p-6 rounded-lg shadow-md">
40-
<img src="../uploads/courses_image/<?php echo htmlspecialchars($row['image_path']); ?>" alt="Course Preview"
41-
class="w-full h-auto rounded-lg mb-4">
36+
<img src="../uploads/courses_image/<?php echo htmlspecialchars($row['image_path']); ?>" alt="Course Preview" class="w-full h-auto rounded-lg mb-4 shadow-md">
4237
<div class="text-4xl font-bold text-white">₹<?php echo htmlspecialchars($row['price']); ?></div>
4338
<div class="text-gray-400 line-through">₹1,999</div>
4439
<div class="text-red-500 font-semibold mt-1">78% off</div>
4540
<div class="text-red-400 mt-2">⏳ Sale is Live!</div>
4641

47-
<div class="mt-6">
48-
<button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg">
49-
<a href="enroll.php?id=<?php echo htmlspecialchars($row['id']); ?>" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg outline-none">
50-
Add to cart
51-
</a>
52-
</button>
53-
<button class="w-full mt-4 border-2 border-white hover:bg-gray-700 text-white font-semibold py-3 rounded-lg">
54-
<a href="enroll.php?id=<?php echo htmlspecialchars($row['id']); ?>" class="w-full mt-4 hover:bg-gray-700 text-white font-semibold py-3 rounded-lg">Buy now</a>
55-
</button>
42+
<div class="mt-6 space-y-4">
43+
<a href="enroll.php?id=<?php echo htmlspecialchars($row['id']); ?>" class="block w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg text-center transition duration-300 transform hover:scale-105">Add to cart</a>
44+
<a href="enroll.php?id=<?php echo htmlspecialchars($row['id']); ?>" class="block w-full border-2 border-white hover:bg-gray-700 text-white font-semibold py-3 rounded-lg text-center transition duration-300 transform hover:scale-105">Buy now</a>
5645
</div>
5746
</div>
5847
</div>
5948
</div>
6049

6150
<!-- Footer -->
62-
<div id="dashboard-footer"></div>
51+
<footer id="dashboard-footer">
52+
</footer>
6353
</body>
64-
65-
</html>
54+
</html>

‎FrontEnd/Pages/Courses/free-courses.html‎

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,6 @@
8888
<img src="/Web_Technology/uploads/courses_image/${course.image_path}" alt="Course Image">
8989
<div class="content">
9090
<h3>${course.title}</h3>
91-
<p>${course.description}</p>
9291
<a href="../../../BackEnd/course-detail.php?id=${course.id}">Learn More</a>
9392
</div>
9493
`;
@@ -120,45 +119,6 @@ <h1 class="text-3xl md:text-5xl lg:text-6xl font-bold mb-4">Explore Our Courses<
120119
</div>
121120
</div>
122121

123-
<!-- Courses List -->
124-
<section class="py-16 md:py-20">
125-
<div class="container mx-auto px-4 md:px-8">
126-
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
127-
<!-- Course Card 1 -->
128-
<div class="bg-white rounded-lg shadow-md overflow-hidden">
129-
<img src="https://via.placeholder.com/400x250" alt="Course Image" class="w-full h-32 object-cover">
130-
<div class="p-6">
131-
<h3 class="text-xl font-semibold mb-2">Course Title 1</h3>
132-
<p class="text-gray-700 mb-4">A brief description of the course that highlights key features and
133-
benefits.</p>
134-
<a href="#" class="text-blue-900 font-semibold hover:underline">Learn More</a>
135-
</div>
136-
</div>
137-
<!-- Course Card 2 -->
138-
<div class="bg-white rounded-lg shadow-md overflow-hidden">
139-
<img src="https://via.placeholder.com/400x250" alt="Course Image" class="w-full h-32 object-cover">
140-
<div class="p-6">
141-
<h3 class="text-xl font-semibold mb-2">Course Title 2</h3>
142-
<p class="text-gray-700 mb-4">A brief description of the course that highlights key features and
143-
benefits.</p>
144-
<a href="#" class="text-blue-900 font-semibold hover:underline">Learn More</a>
145-
</div>
146-
</div>
147-
<!-- Course Card 3 -->
148-
<div class="bg-white rounded-lg shadow-md overflow-hidden">
149-
<img src="https://via.placeholder.com/400x250" alt="Course Image" class="w-full h-32 object-cover">
150-
<div class="p-6">
151-
<h3 class="text-xl font-semibold mb-2">Course Title 3</h3>
152-
<p class="text-gray-700 mb-4">A brief description of the course that highlights key features and
153-
benefits.</p>
154-
<a href="#" class="text-blue-900 font-semibold hover:underline">Learn More</a>
155-
</div>
156-
</div>
157-
<!-- Add more course cards as needed -->
158-
</div>
159-
</div>
160-
</section>
161-
162122
<!-- Footer -->
163123
<div id="footer2"></div>
164124

‎FrontEnd/Pages/Courses/paid-course.html‎

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,6 @@
9191
<img src="/Web_Technology/uploads/courses_image/${course.image_path}" alt="Course Image">
9292
<div class="content">
9393
<h3>${course.title}</h3>
94-
<p>${course.description}</p>
9594
<h3>₹${course.price}</h3>
9695
<a href="../../../BackEnd/course-detail.php?id=${course.id}">Enroll Now</a>
9796
</div>
@@ -121,45 +120,6 @@ <h1 class="text-3xl md:text-5xl lg:text-6xl font-bold mb-4">Premium Courses</h1>
121120
</div>
122121
</div>
123122

124-
<!-- Paid Courses List -->
125-
<section class="py-16 md:py-20">
126-
<div class="container mx-auto px-4 md:px-8">
127-
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
128-
<!-- Course Card 1 -->
129-
<div class="bg-white rounded-lg shadow-md overflow-hidden">
130-
<img src="https://via.placeholder.com/400x250" alt="Course Image" class="w-full h-32 object-cover">
131-
<div class="p-6">
132-
<h3 class="text-xl font-semibold mb-2">Advanced Data Science</h3>
133-
<p class="text-gray-700 mb-4">Dive deep into data science with advanced techniques and real-world applications.</p>
134-
<p class="text-lg font-bold text-gray-900 mb-4">₹12,000</p>
135-
<a href="#" class="text-blue-900 font-semibold hover:underline">Enroll Now</a>
136-
</div>
137-
</div>
138-
<!-- Course Card 2 -->
139-
<div class="bg-white rounded-lg shadow-md overflow-hidden">
140-
<img src="https://via.placeholder.com/400x250" alt="Course Image" class="w-full h-32 object-cover">
141-
<div class="p-6">
142-
<h3 class="text-xl font-semibold mb-2">Full Stack Web Development</h3>
143-
<p class="text-gray-700 mb-4">Master full stack development with hands-on projects and in-depth knowledge.</p>
144-
<p class="text-lg font-bold text-gray-900 mb-4">₹15,000</p>
145-
<a href="#" class="text-blue-900 font-semibold hover:underline">Enroll Now</a>
146-
</div>
147-
</div>
148-
<!-- Course Card 3 -->
149-
<div class="bg-white rounded-lg shadow-md overflow-hidden">
150-
<img src="https://via.placeholder.com/400x250" alt="Course Image" class="w-full h-32 object-cover">
151-
<div class="p-6">
152-
<h3 class="text-xl font-semibold mb-2">Machine Learning Essentials</h3>
153-
<p class="text-gray-700 mb-4">Learn the fundamentals of machine learning and apply them to real-world problems.</p>
154-
<p class="text-lg font-bold text-gray-900 mb-4">₹10,000</p>
155-
<a href="#" class="text-blue-900 font-semibold hover:underline">Enroll Now</a>
156-
</div>
157-
</div>
158-
<!-- Add more course cards as needed -->
159-
</div>
160-
</div>
161-
</section>
162-
163123
<!-- Footer -->
164124
<div id="footer2"></div>
165125

‎FrontEnd/Styles/Styles.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -158,8 +158,6 @@ svg {
158158
.course_card img {
159159
width: 100%;
160160
height: 12rem;
161-
-o-object-fit: cover;
162-
object-fit: cover;
163161
}
164162

165163
.course_details {

0 commit comments

Comments
 (0)