Skip to content

Footer About Component Added #183

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Disha-Hati wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Footer About Component Added #183

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions client/src/App.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { SpeedInsights } from "@vercel/speed-insights/react";
import Notifcation from "./components/NotifcationPage/Notifcation";
import Footer from "./components/Footer";
import Settings from "./components/Settings/Setting";

import About from "./components/About/About";

function App() {
return (
Expand All @@ -25,11 +25,12 @@ function App() {
<Route path="/upload" element={<UploadPage />} />
<Route path="/request" element={<RequestPage />} />
<Route path="/leaderboard" element={<LeaderBoard />} />
<Route path="/settings" element = {<Settings />} />
<Route path="/settings" element={<Settings />} />
<Route path="/about" element={<About />} />
</Routes>
<Analytics />
<SpeedInsights />
<Footer/>
<Footer />
</UserContextProvider>
</>
);
Expand Down
76 changes: 76 additions & 0 deletions client/src/components/About/About.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
const About = () => {
return (
<div className="bg-gray-100 min-h-screen py-8">
<div className="max-w-4xl mx-auto">
<h1 className="text-3xl text-blue-700 font-bold mb-4 text-center">
About ExamTime 🖋️
</h1>
<div className="bg-white shadow-md rounded-lg overflow-hidden">
<div className="p-4">
<p className="text-lg mb-4">
Welcome to ExamTime, your go-to platform for streamlined exam
preparation!
</p>
<p className="text-lg mb-4">What is ExamTime?</p>
<p className="mb-4">
ExamTime is a dynamic online platform built to enhance your exam
preparation experience. We understand the challenges students face
when it comes to gathering study materials during Exam Time. Thus,
ExamTime serves as a centralized hub where students can access and
share valuable study resources in PDF format.
</p>
<p className="text-lg mb-4">Why ExamTime?</p>
<p className="mb-4">
Preparing for exams can be daunting, but it doesn't have to be a
solitary journey. ExamTime is here to revolutionize the way you
study by fostering collaboration and knowledge-sharing among
peers. Whether you're seeking comprehensive study guides, lecture
notes, or practice exams, ExamTime empowers you to find the
resources you need to succeed.
</p>
<p className="text-lg mb-4">Key Features</p>
<ul className="list-disc pl-6 mb-4">
<li>
Centralized Resource Repository: Access a vast collection of
study materials uploaded by fellow students and educators, all
conveniently organized in one place. A Search functionality has
been provided to assist you in finding your right PDF.
</li>
<li>
Effortless Contribution: Join our community of learners by
contributing your own notes and study guides to help others
succeed.
</li>
<li>
Seamless PDF Downloads: Enjoy hassle-free downloading of study
materials in PDF format, ensuring compatibility across devices
for convenient offline studying.
</li>
<li>
Customizable Study Experience: Tailor your study sessions to
suit your learning style and preferences with personalized notes
and annotations.
</li>
</ul>
<p className="text-lg mb-4">Our Mission</p>
<p className="mb-4">
At ExamTime, our mission is simple: to empower students to achieve
their academic goals through collaborative learning and resource
sharing.
</p>
<p className="text-lg mb-4">Join the ExamTime Community</p>
<p>
Ready to elevate your exam preparation game? Join ExamTime today
and become part of a vibrant community dedicated to academic
excellence. Whether you're seeking study materials or eager to
share your expertise, ExamTime is your ultimate destination for
success.
</p>
</div>
</div>
</div>
</div>
);
};

export default About;
86 changes: 48 additions & 38 deletions client/src/components/Footer/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,50 @@
import React from 'react'

const Footer = () => {
return (
<footer class="bg-white dark:bg-gray-900">
<div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
<div class="sm:flex sm:items-center sm:justify-between">
<a href="/">
<img
className="h-auto w-[150px]"
src="https://i.postimg.cc/m2qJB5J2/logo-1.png"
alt="Exam Time"
/>
</a>
<ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
<li>
<a href="#" class="hover:underline me-4 md:me-6">About</a>
</li>
<li>
<a href="#" class="hover:underline me-4 md:me-6">Privacy Policy</a>
</li>
<li>
<a href="#" class="hover:underline me-4 md:me-6">Licensing</a>
</li>
<li>
<a href="#" class="hover:underline">Contact</a>
</li>
</ul>
</div>
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
<span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024
<a href="https://flowbite.com/" class="hover:underline"> ExamTime</a>
. All Rights Reserved.</span>
</div>
</footer>

)
}
return (
<footer className="bg-white dark:bg-gray-900">
<div className="w-full max-w-screen-xl mx-auto p-4 md:py-8">
<div className="sm:flex sm:items-center sm:justify-between">
<a href="/">
<img
className="h-auto w-[150px]"
src="https://i.postimg.cc/m2qJB5J2/logo-1.png"
alt="Exam Time"
/>
</a>
<ul className="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
<li>
<a href="/about" className="hover:underline me-4 md:me-6">
About
</a>
</li>
<li>
<a href="#" className="hover:underline me-4 md:me-6">
Privacy Policy
</a>
</li>
<li>
<a href="#" className="hover:underline me-4 md:me-6">
Licensing
</a>
</li>
<li>
<a href="#" className="hover:underline">
Contact
</a>
</li>
</ul>
</div>
<hr className="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
<span className="block text-sm text-gray-500 sm:text-center dark:text-gray-400">
© 2024
<a href="https://flowbite.com/" className="hover:underline">
{" "}
ExamTime
</a>
. All Rights Reserved.
</span>
</div>
</footer>
);
};

export default Footer
export default Footer;