-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
132 lines (107 loc) · 4.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programming Education</title>
<link rel="stylesheet" href="/css/demo.css">
<link rel="stylesheet" href="/css/index.css">
<link rel="icon" type="image/png" href="logo/fav.jpeg">
</head>
<body>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/getcourse">Courses</a></li>
<li><a href="/problemset">Practice</a></li>
<li><a href="/quiz">Quiz</a></li>
<li><a href="/aboutus">About Us</a></li>
<li style="display: block;"><a href="/login">Login/Signup</a></li>
<li style="display: none;"><a href="/logout">Logout</a></li>
<li><a href="/profile">Profile</a></li>
</ul>
</nav>
<section class="hero">
<h1>Learn, Practice, and Master Programming</h1>
<p>Start your journey to becoming a coding expert today!</p>
<button>Get Started</button>
</section><br>
<section class="format">
<h2>Explore Programming Languages</h2>
<section class="languages">
<div class="card">
<h3>C++</h3>
<img src="Logo/c++.png" alt="Photo" class="card-img">
<div class="card-info">
<p>Learn the basics of C++ programming language. join community</p>
</div>
</div>
<div class="card">
<h3>Python</h3>
<img src="Logo/python.png" alt="Photo" class="card-img">
<div class="card-info">
<p>Python is a high-level, interpreted programming language known for its simplicity.</p>
</div>
</div>
<div class="card">
<h3>Java</h3>
<img src="Logo/java.png" alt="Photo" class="card-img">
<div class="card-info">
<p>Java is a popular programming language known for its platform independence.</p>
</div>
</div>
</section>
<h2>Featured Courses</h2>
<section class="featured">
<div class="card">
<h3>HTML</h3>
<img src="Logo/html.png" alt="Photo" class="card-img">
<div class="card-info">
<p class="info-line">Learn HTML basics</p>
</div>
</div>
<div class="card">
<h3>JavaScript Fundamentals</h3>
<img src="Logo/js.png" alt="Photo" class="card-img">
<div class="card-info">
<p>Learn the basics of JavaScript programming language.</p>
</div>
</div>
</section>
<h2>Practice Your Skills</h2>
<section class="practice">
<div class="card1">
<h3>Challenge 1: HTML Basics and fundamentals</h3>
<div class="card-info">
<p>Write HTML code to create a simple webpage.</p>
<button class="enroll-btn"><a style="color: white; text-decoration: none;" href="/quiz">Try Now</a></button>
</div>
</div>
<div class="card1">
<h3>Challenge 2: JavaScript Functions</h3>
<div class="card-info">
<p>Implement JavaScript functions to perform basic calculations.</p>
<button class="enroll-btn"><a style="color: white; text-decoration: none;" href="/quiz">Try Now</a></button>
</div>
</div>
</section>
<section class="community">
<h2>Join Our Community</h2>
<p>Join our community forums to connect with fellow learners and share your experiences!</p>
<a href="addproblem">Add problems</a>
</section>
</section>
<footer>
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
</ul>
<div class="social-icons">
<a href="#"><img src="/Logo/Facebook.png" alt="Facebook" style="width:40px;height:30px;"></a>
<a href="#"><img src="/Logo/x.png" alt="Twitter" style="width:25px;height:25px;"></a>
<a href="#"><img src="/Logo/instagram.png" alt="Instagram" style="width:30px;height:30px;"></a>
</div>
<p>© 2024 Programming Education. All rights reserved.</p>
</footer>
</body>
</html>