notesvault/pages/overview.html at ecc09676a8d8ff17a5562b83cec5a65ebfc652b6 · opensource-society/notesvault · 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
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../styling/styles.css"/>
    <link rel="stylesheet" href="../styling/overview.css">
    <title>NotesVault Home</title>
    <link rel="icon" href="favicon.png" type="image/x-icon" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-...hash..." crossorigin="anonymous" referrerpolicy="no-referrer" />

    <script
    src="https://js.sentry-cdn.com/8994bf86fecf7733832520db1565ab1f.min.js"
    crossorigin="anonymous"
></script>
</head>
<body>
    <header>
        <div id="header">
        <div class="hamburger-wrapper">
            <!-- Hamburger icon -->
            <button class="hamburger-menu" title="toggle menu">
            <span class="hamburger-line"></span>
            <span class="hamburger-line"></span>
            <span class="hamburger-line"></span>
            </button>

            <!-- Sidebar menu (hidden by default, visible on hover) -->
            <div class="hover-sidebar">
            <ul>
                <li><a href="../index.html">Dashboard</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="overview.html">Overview</a></li>
                <li><a href="features.html">Features</a></li>
                <li><a href="#">Resources</a></li>
            </ul>
            </div>
        </div>
        <div id="header-title-box">
            <p id="header-title">NotesVault</p>
        </div>


        <!-- Navigation Menu -->
        <div id="header-navigation" class="nav-menu">
            <a href="overview.html">Overview</a>
            <a href="./studentAccount.html">Student Account</a>
            <a href="about.html">About</a>
            <a href="/">Features</a>
        </div>

        <div id="header-signup-box">
           <a href="signup.html"><p>Sign Up</p></a>
        </div>
        </div>
    </header>


    <div class="main">
        <h1 class="heading1">NotesVault</h1>
        <p class="content">One Place for All Your Study Notes and PYQs.</p>

    <!-- NotesVault is a beginner-friendly, open-source web application built with students in mind. It serves as a centralized platform to store, browse, and manage academic notes and Previous Year Questions (PYQs) in a well-organized, semester-wise format. Whether you're revising for exams, searching for subject-wise resources, or looking to contribute to an impactful project, NotesVault offers both utility and learning opportunity.</p> -->
    </div>


    <div class="features">
    <h3 class="features-heading">Key Features</h3>

    <div class="features-grid">
        <div class="box-feature">
            <i class="fas fa-search"></i>
            <h5 class="feature-title">Browse & Search Notes</h5>
            <p class="feature-desc">Find notes instantly using filters and keywords.</p>
        </div>

        <div class="box-feature">
            <i class="fas fa-upload"></i>
            <h5 class="feature-title">Upload Your Content</h5>
            <p class="feature-desc">Easily share your notes and help others learn.</p>
        </div>

        <div class="box-feature">
            <i class="fas fa-tags"></i>
            <h5 class="feature-title">Subject-wise Tagging</h5>
            <p class="feature-desc">Organize notes by subject for quick discovery.</p>
        </div>

        <div class="box-feature">
            <i class="fas fa-layer-group"></i>
            <h5 class="feature-title">Semester Sorting</h5>
            <p class="feature-desc">View notes semester-wise with structured layout.</p>
        </div>

        <div class="box-feature">
            <i class="fas fa-magnifying-glass"></i>
            <h5 class="feature-title">Quick Search Bar</h5>
            <p class="feature-desc">Use the search bar to access any topic in seconds.</p>
        </div>
    </div>
</div>


<div class="why">
    <h2 class="why-heading">Why Should You Use It?</h2>

    <div class="why-cards">
        <div class="why-card">
            <i class="fas fa-book-open"></i>
            <h5>Reduces Chaos During Exams</h5>
            <p>No more hunting for notes across different platforms — find everything in one place.</p>
        </div>

        <div class="why-card">
            <i class="fas fa-users"></i>
            <h5>Makes Collaboration Easier</h5>
            <p>Upload and share notes with classmates seamlessly, encouraging group learning.</p>
        </div>

        <div class="why-card">
            <i class="fas fa-child"></i>
            <h5>Beginner Friendly</h5>
            <p>Simple and intuitive interface that's easy to use even for first-time users.</p>
        </div>
    </div>
</div>


    <footer class="modern-footer">
        <div class="footer-container">
            <div class="footer-top">
                <div class="footer-brand">
                    <div class="footer-logo">NotesVault</div>
                    <p class="footer-description">
                        Your go-to companion for organized learning. Keep your study notes and PYQs organized, easy to find, and always just a click away.
                    </p>
                    <div class="social-links">
                        <a href="https://github.com/opensource-society/notesvault" class="social-link" target="_blank" rel="noopener noreferrer" title="GitHub">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.300 24 12c0-6.627-5.373-12-12-12z"/>
                            </svg>
                        </a>
                        <a href="#discord" class="social-link" title="Discord">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M20.317 4.492c-1.53-.69-3.17-1.2-4.885-1.49a.075.075 0 0 0-.079.036c-.21.369-.444.85-.608 1.23a18.566 18.566 0 0 0-5.487 0 12.36 12.36 0 0 0-.617-1.23A.077.077 0 0 0 8.562 3c-1.714.29-3.354.8-4.885 1.491a.07.07 0 0 0-.032.027C.533 9.093-.32 13.555.099 17.961a.08.08 0 0 0 .031.055 20.03 20.03 0 0 0 5.993 2.98.078.078 0 0 0 .084-.026 13.83 13.83 0 0 0 1.226-1.963.074.074 0 0 0-.041-.104 13.201 13.201 0 0 1-1.872-.878.075.075 0 0 1-.008-.125c.126-.093.252-.19.372-.287a.075.075 0 0 1 .078-.01c3.927 1.764 8.18 1.764 12.061 0a.075.075 0 0 1 .079.009c.12.098.245.195.372.288a.075.075 0 0 1-.006.125c-.598.344-1.22.635-1.873.877a.075.075 0 0 0-.041.105c.36.687.772 1.341 1.225 1.962a.077.077 0 0 0 .084.028 19.963 19.963 0 0 0 6.002-2.981.076.076 0 0 0 .032-.054c.5-5.094-.838-9.52-3.549-13.442a.06.06 0 0 0-.031-.028zM8.02 15.278c-1.182 0-2.157-1.069-2.157-2.38 0-1.312.956-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.956 2.38-2.157 2.38zm7.975 0c-1.183 0-2.157-1.069-2.157-2.38 0-1.312.955-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.946 2.38-2.157 2.38z"/>
                            </svg>
                        </a>
                    </div>
                </div>

                <div class="footer-links">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#overview">Overview</a></li>
                        <li><a href="#features">Features</a></li>
                        <li><a href="./BrowseNotes.html">Browse Notes</a></li>
                        <li><a href="#upload">Upload Notes</a></li>
                        <li><a href="#about">About</a></li>
                    </ul>
                </div>

                <div class="footer-community">
                    <h4>Community</h4>
                    <div class="community-badges">
                        <a href="https://gssoc.girlscript.tech/" class="gssoc-badge" target="_blank" rel="noopener noreferrer">
                            <img src="https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe0a1ea17-12ac-433f-9266-afb96c11f06a_200x200.jpeg" alt="GirlScript Summer of Code" />
                        </a>
                        <a href="https://github.com/opensource-society" class="oss-link" target="_blank" rel="noopener noreferrer">
                            <div class="oss-badge">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                                    <path d="M12 0L1.608 6v12L12 24l10.392-6V6L12 0zm0 2.19l8.392 4.85v9.92L12 21.81l-8.392-4.85V7.04L12 2.19z"/>
                                </svg>
                                <span>Open Source Society</span>
                            </div>
                        </a>
                    </div>
                    <p class="community-text">
                        Join our vibrant community of learners and contributors
                    </p>
                </div>
            </div>

            <div class="footer-bottom">
                <div class="footer-divider"></div>
                <div class="footer-bottom-content">
                    <p class="copyright">
                        © 2028 NotesVault. Built with ❤️ by the Open Source Community
                    </p>
                    <div class="footer-bottom-links">
                        <a href="#privacy">Privacy Policy</a>
                        <a href="#terms">Terms of Service</a>
                        <a href="https://github.com/opensource-society/notesvault/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">MIT License</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="../scripts/overview_darktheme.js" defer></script>
</body>
</html>