Skip to content

Footer events #25

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

Closed
Anwesha28S wants to merge 5 commits into from
Closed

Footer events #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4722e9e
Update Footer.jsx
Anwesha28S Jul 17, 2025
bcacfa4
Update Events.jsx
Anwesha28S Jul 17, 2025
6a0f5d7
Updated Events with ellipse decoration
Anwesha28S Jul 17, 2025
be8df1a
Removed_img events
Anwesha28S Jul 18, 2025
82fa56c
Update Events.jsx
Anwesha28S Jul 18, 2025
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
5 changes: 0 additions & 5 deletions src/components/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,11 +74,6 @@ const Footer = ({
<div>
<h3 className="text-lg font-semibold">Quick Links</h3>
<ul className="mt-2 space-y-1 text-sm">
<li>
<Link to="/about" className="hover:underline">
About us
</Link>
</li>
<li>
<Link to="/team" className="hover:underline">
Team
Expand Down
24 changes: 12 additions & 12 deletions src/pages/events/Events.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { useState } from "react";
import EventCard from "../../components/EventCard";
import EventCard from "../../../components/EventCard";

const Events = () => {
const [filter, setFilter] = useState("all");
Expand Down Expand Up @@ -33,7 +33,7 @@ const Events = () => {
filter === "all" ? events : events.filter((e) => e.type === filter);

return (
<div className="flex flex-wrap justify-center gap-6 mt-10">
<div className="flex flex-wrap z-10 justify-center gap-6 mt-10">
{filteredEvents.length > 0 ? (
filteredEvents.map((event, index) => (
<EventCard key={index} {...event} />
Expand All @@ -48,29 +48,29 @@ const Events = () => {
};

return (
<div className="px-4 md:px-12 py-8">
<img
src="https://res.cloudinary.com/dswk9scro/image/upload/v1752312233/image_1_nydvj8.png"
alt="events"
className="mx-auto my-12 w-full max-w-xl rounded-xl shadow-md object-cover"
/>
<div className="relative px-4 md:px-12 py-8 overflow-hidden">
<div className="absolute top-[-80px] left-[-60px] w-72 h-72 bg-[#51B8F2] opacity-80 rounded-full blur-3xl z-0 pointer-events-none"></div>
<div className="absolute top-[-60px] right-[-60px] w-56 h-56 bg-[#51B8F2] opacity-80 rounded-full blur-3xl z-0 pointer-events-none"></div>
<div className="absolute bottom-[-80px] left-[-50px] w-64 h-64 bg-[#51B8F2] opacity-75 rounded-full blur-3xl z-0 pointer-events-none"></div>
<div className="absolute bottom-[-60px] right-[-40px] w-48 h-48 bg-[#51B8F2] opacity-75 rounded-full blur-3xl z-0 pointer-events-none"></div>

<div className="text-center">
<h2 className="text-3xl font-bold text-[#0B2044]">
<h2 className="text-3xl z-10 font-bold text-[#0B2044]">
Our Organised Events
</h2>
<p className="text-gray-500 mt-2">
<p className="text-gray-500 z-10 mt-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare.
</p>

{/* Filter Buttons */}
<div className="flex flex-wrap justify-center gap-4 mt-6">
<div className="flex flex-wrap justify-center z-10 gap-4 mt-6">
{["all", "past", "upcoming"].map((type) => (
<button
key={type}
onClick={() => setFilter(type)}
className={`px-4 py-2 rounded transition ${
filter === type
? "bg-[#51B8F2] text-white"
? "bg-[#0B2044] text-white"
: "border border-[#0B2044] text-[#0B2044]"
}`}
>
Expand Down
Loading