E-Learning-Website/courses.html at main · Sadh7/E-Learning-Website · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Courses</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="courses.html">Courses</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="login.html">Login</a></li>
                <li><a href="signup.html">Sign Up</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="course-list">
            <h1>Available Courses</h1>
            <div class="course">
                <h2>UI/UX Design</h2>
                <p>Become a UI/UX design professional.</p>
                <img src="images/ux.png" alt="UI/UX Design Icon" class="course-icon">
            </div>

            <div class="course">
                <h2>AWS</h2>
                <p>Learn cloud computing with AWS.</p>
                <img src="images/web.png" alt="AWS Icon" class="course-icon">
            </div>

            <div class="course">
                <h2>Web Development</h2>
                <p>Full stack web development course.</p>
                <img src="images/development.png" alt="Web Development Icon" class="course-icon">
            </div>

            <div class="course">
                <h2>Web Design</h2>
                <p>Learn the fundamentals of web design.</p>
                <img src="images/web-design.png" alt="Web Design Icon" class="course-icon">
            </div>

            <div class="course">
                <h2>Python</h2>
                <p>Learn Python programming from scratch.</p>
                <img src="images/python.png" alt="Python Icon" class="course-icon">
            </div>

            <div class="course">
                <h2>MySQL</h2>
                <p>Learn database management with MySQL.</p>
                <img src="images/mysql.png" alt="MySQL Icon" class="course-icon">
            </div>

            <div class="course">
                <h2>Microsoft Excel</h2>
                <p>Master Excel from beginner to advanced level.</p>
                <img src="images/excel.png" alt="Excel Icon" class="course-icon">
            </div>

        </section>
    </main>

    <footer>
        <p>&copy; 2024 E-Learning Website. All rights reserved.</p>
    </footer>
</body>
</html>