Library-Management-WebApp/about.html at main · RohanSoni0507/Library-Management-WebApp · 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
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: transparent;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        h1 {
            margin-top: 1em;
            font-size: 24px;
            text-align: center;
            color: #ffffff;
            margin-bottom: 2em;
        }

        p {
            text-align: justify;
            margin: 0;
            color: #ffffff;
        }

        ul {
            padding-left: 20px;
        }

        li {
            text-align: justify;
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="menu-toggle">
            <div class="bar"></div>
            <div class="bar"></div>
            <div class="bar"></div>
        </div>
        <ul class="nav-links">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact Us</a></li>
            <li><a href="#"><span>🙂 Welcome, User</span></a></li>
        </ul>
    </div>
    <ul class="slide-in-menu">
        <li class="close-button">
            <a href="#" id="close-menu">
                <i class="fas fa-times"></i>
            </a>
        </li>
        <li><a href="update.html">Latest Updates</a></li>
        <li><a href="semester.html">Semesters</a></li>
        <li><a href="guide.html">Guide</a></li>
        <li><a href="projects.html">More Projects</a></li>
        <li class="social-media-link"><a href="https://www.facebook.com/rohansoni0507?mibextid=nW3QTL"><i class="fab fa-facebook-f"></i></a></li>
        <li class="social-media-link"><a href="https://www.instagram.com/rohansoni0507/?igshid=NGVhN2U2NjQ0Yg%3D%3D"><i class="fab fa-instagram"></i></a></li>
        <li class="social-media-link"><a href="https://twitter.com/RohanSoni118254?t=IPXe6fEidR0cfmS4T5zZWw&s=09"><i class="fab fa-twitter"></i></a></li>
        <li class="social-media-link"><a href="https://www.linkedin.com/in/rohan-soni-963038224/"><i class="fab fa-linkedin"></i></a></li>
        <li class="social-media-link"><a href="https://github.com/RohanSoni0507"><i class="fab fa-github"></i></a></li>
    </ul>
    <div class="container">
        <h1>About Our Library Management System</h1>
        <p>
            Welcome to our online library project! Our mission is to provide a convenient and accessible platform for students and readers to access a wide range of educational resources. Whether you're studying computer science, mathematics, ethics, or any other subject, you'll find a collection of books and materials to aid in your learning journey.
        </p>
        <p>
            We've curated a diverse selection of books, study materials, and resources to cater to various educational needs. You can explore subject-specific books, reference materials, and even additional resources like lesson plans and assignments.
        </p>
        <p>
            Our website allows you to explore different subjects and access PDF versions of books and materials, making it easier to study and learn. You can also sort books by name, making it simpler to find the resources you need. Feel free to use this platform to enhance your knowledge and succeed in your academic pursuits.
        </p>
    </div>
    <script src="script.js"></script>
</body>
</html>