Learning-Management-System/home.html at master · mouli3029/Learning-Management-System · 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
75
76
77
78
79
80
81
<!DOCTYPE html>
<html>
    <head>
        <title>Home Page</title>
        <link rel="stylesheet" href="./home.css">
        <!-- CSS only -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    </head>
    <body>
        <div class="home">
            <div class="nav">
                <ul class="nav-item-left">
                    <li><img class="img" src="./images/logo.png" width="70px" height="40px"/></li>
                    <li><a class="nav-link" href="./home.html">Home</a></li>
                    <li><a class="nav-link active" href="./courses.html">Courses</a></li>
                </ul>
                <ul class="nav-item-right">
                    <li><a class="nav-link" onclick="activateLogin()" href="./login.html">Login</a></li>
                    <li><a class="nav-link" onclick="activateRegister()" href="./signup.html">Register</a></li>
                </ul>
            </div>
            <div class="main">
                <div class="main-left">
                  <img class="main-img" src="./images/logo.png">
                  <h2 class="heading">LMS</h2>
                  <p class="quote">Learning never exhausts the mind</p>
                </div>
                <div class="main-right">
                    <img class="svg-img" src="./images/home.png">
                </div>
            </div>
            <hr style="margin: 10px 0px 10px 0px;color: antiquewhite;"/>
            <div class="courses">
                <h1 class="recently-added">Recently Added Courses</h1>
                <div class="cards card-container">
                    <div class="card" style="width: 18rem;">
                        <img class="card-img-top" src="./images/cns.jpg" alt="Computer Networks">
                        <div class="card-body">
                          <h5 class="card-title">Computer Network and Security</h5>
                          <p class="card-text">Deals with how computers communicate with each other and Security</p>
                          <button class="button">
                            <a href="./subjects/cns.html">Open</a>
                          </button>
                        </div>
                      </div>
                      <div class="card" style="width: 18rem;">
                        <img class="card-img-top" src="./images/dbms.png" alt="DBMS">
                        <div class="card-body">
                          <h5 class="card-title">Database Management System</h5>
                          <p class="card-text">Deals with Databases.</p>
                          <button class="button">
                            <a href="./subjects/dbms.html">Open</a>
                          </button>
                        </div>
                      </div>
                      <div class="card" style="width: 18rem;">
                        <img class="card-img-top" src="./images/ds.jpg" alt="Data Science">
                        <div class="card-body">
                          <h5 class="card-title">Data Science</h5>
                          <p class="card-text">Deals with analysing and predicting from data.</p>
                          <button class="button">
                            <a href="./subjects/ds.html">Open</a>
                          </button>
                        </div>
                      </div>
                      <div class="card" style="width: 18rem;">
                        <img class="card-img-top" src="./images/EP.jpg" alt="Enterprise Programming">
                        <div class="card-body">
                          <h5 class="card-title">Enterprise Programming</h5>
                          <p class="card-text">Deals with Java FullStack Development.</p>
                          <button class="button">
                            <a href="./subjects/ep.html">Open</a>
                          </button>
                        </div>
                      </div>
                </div>
            </div>
        </div>
        <script src="enroll_course.js"></script>
    </body>
</html>