Skip to content

Commit

Permalink
final paginations
Browse files Browse the repository at this point in the history
  • Loading branch information
@virajchandra51
virajchandra51 committed Oct 5, 2023
1 parent fc336fe commit e56e3ab
Show file tree
Hide file tree
Showing 15 changed files with 334 additions and 151 deletions.
4 changes: 4 additions & 0 deletions src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ const TeamTCP = lazy(() => import("./pages/teamTcp/TeamTcp"))
const Error404 = lazy(() => import("./pages/Error404/Error404"))
const ContactUs = lazy(() => import("./pages/contactUs/ContactUs"))
const FAQs = lazy(() => import("./pages/faqs/FAQs"))
const Events = lazy(() => import("./pages/events/Events"))
const Speakers = lazy(() => import("./pages/speakers/Speakers"))

export default class App extends Component {
render() {
Expand All @@ -24,6 +26,8 @@ export default class App extends Component {
<Route path="/team" element={<TeamTCP />} />
<Route path="/contactus" element={<ContactUs />} />
<Route path="/faqs" element={<FAQs />} />
<Route path="/events" element={<Events />} />
<Route path="/speakers" element={<Speakers />} />
</Routes>
</Suspense>
</BrowserRouter>
Expand Down
47 changes: 29 additions & 18 deletions src/components/footer/Footer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,29 +116,40 @@ const Footer = ({ id }) => {
<p className="codeutsava__footer-container2-right-text">Home</p>
</a>
</Link>
<a
href="/#aboutus"
className="codeutsava__footer-container2-right-links"
>
<p className="codeutsava__footer-container2-right-text">About Us</p>
</a>
<a
href="/#events"
className="codeutsava__footer-container2-right-links"
>
<p className="codeutsava__footer-container2-right-text">Events</p>
</a>
<a
href="/#sponsers"
className="codeutsava__footer-container2-right-links"
>
<p className="codeutsava__footer-container2-right-text">Sponsors</p>
</a>
<Link to="/events">
<a
href="/#events"
className="codeutsava__footer-container2-right-links"
>
<p className="codeutsava__footer-container2-right-text">Events</p>
</a>
</Link>

<Link to="/speakers">
<a
href="/#sponsers"
className="codeutsava__footer-container2-right-links"
>
<p className="codeutsava__footer-container2-right-text">
Speakers
</p>
</a>
</Link>
<Link to="/faqs">
<a href="" className="codeutsava__footer-container2-right-links">
<p className="codeutsava__footer-container2-right-text">FAQ</p>
</a>
</Link>
<Link to="/contactus">
<a
href="/#contactus"
className="codeutsava__footer-container2-right-links"
>
<p className="codeutsava__footer-container2-right-text">
Contact Us
</p>
</a>
</Link>
</div>
</div>
<div className="codeutsava__footer-container3">
Expand Down
63 changes: 40 additions & 23 deletions src/components/navbar/Navbar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,16 @@ const Navbar = () => {
}

return (
<div
className="codeutsava__navbar-container"
>
<div className="codeutsava__navbar-container">
<header className="codeutsava__navbar">
<div className="codeutsava__navbar-body">
<div className="codeutsava__navbar-brochure">
<a href="/"><img className="codeutsava__navbar-brochure-image " src={codeutsava} /></a>
<a href="/">
<img
className="codeutsava__navbar-brochure-image "
src={codeutsava}
/>
</a>
<button className="codeutsava__navbar-brochure-button feedback-button">
<img src={feedBack} alt="Feedback" />
<a href={guidelines} download="Guidelines">
Expand All @@ -45,14 +48,20 @@ const Navbar = () => {
</a>
</li>
<li className="codeutsava__navbar-navitem">
<a href="#events">
<h3 className="codeutsava__navbar-menu-heading">Events</h3>
</a>
<Link to="/events">
<a href="#events">
<h3 className="codeutsava__navbar-menu-heading">Events</h3>
</a>
</Link>
</li>
<li className="codeutsava__navbar-navitem">
<a href="#speakers">
<h3 className="codeutsava__navbar-menu-heading">Speakers</h3>
</a>
<Link to="/speakers">
<a href="#speakers">
<h3 className="codeutsava__navbar-menu-heading">
Speakers
</h3>
</a>
</Link>
</li>
<li className="codeutsava__navbar-navitem">
<a href="#format">
Expand Down Expand Up @@ -125,10 +134,14 @@ const Navbar = () => {
className="codeutsava__navbar-hamburger-logo"
style={{ transform: "translateX(-8px)" }}
>
<a href="/"><img src={codeutsava} /></a>
<a href="/">
<img src={codeutsava} />
</a>
</div>
<div className="codeutsava__navbar-hamburger-logo"
style={{ transform: "translateX(-8px)" }}>
<div
className="codeutsava__navbar-hamburger-logo"
style={{ transform: "translateX(-8px)" }}
>
<img src={tcp} />
</div>
</nav>
Expand All @@ -153,18 +166,22 @@ const Navbar = () => {
</a>
</li>
<li className="codeutsava__navbar-hamburger-navitem">
<a href="#events" onClick={toggleMenu}>
<h3 className="codeutsava__navbar-hamburger-menu-heading">
Events
</h3>
</a>
<Link to="/events">
<a href="#events" onClick={toggleMenu}>
<h3 className="codeutsava__navbar-hamburger-menu-heading">
Events
</h3>
</a>
</Link>
</li>
<li className="codeutsava__navbar-hamburger-navitem">
<a href="#speakers" onClick={toggleMenu}>
<h3 className="codeutsava__navbar-hamburger-menu-heading">
Speakers
</h3>
</a>
<Link to="/speakers">
<a href="#speakers" onClick={toggleMenu}>
<h3 className="codeutsava__navbar-hamburger-menu-heading">
Speakers
</h3>
</a>
</Link>
</li>
<li className="codeutsava__navbar-hamburger-navitem">
<a href="#format" onClick={toggleMenu}>
Expand Down
3 changes: 2 additions & 1 deletion src/pages/contactUs/ContactUs.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
.codeutsava__contact-container {
color: white;
margin: 6rem 0;
margin-bottom: 10rem;
margin-top: 6rem;
font-family: "Poppins";
}

Expand Down
5 changes: 2 additions & 3 deletions ...pages/home/sections/section3/Section3.css → src/pages/events/Events.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,8 +97,7 @@
}
}
@media screen and (min-width: 484px) and (max-width: 768px) {
.slider{
margin-left: 10px;
.slider {
margin-left: 10px;
}
}

100 changes: 62 additions & 38 deletions src/pages/home/sections/section3/Section3.js → src/pages/events/Events.js
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,17 @@
import React from "react";

import { useState, useEffect, useRef } from "react";

import "./Section3.css";

import EventCard from "../../../../components/eventCard/EventCard";

import Events from "../../../../assets/data/eventsData";

import { previousYear, baseUrl } from "../../../../constants";

import frank from "../../../../assets/images/frakenstein.png";

import "./Events.css";
import EventCard from "../../components/eventCard/EventCard";
import EventData from "../../assets/data/eventsData";
import { previousYear, baseUrl } from "../../constants";
import frank from "../../assets/images/frakenstein.png";
import Footer from "../../components/footer/Footer";
import NavbarTeam from "../../components/navbarTeam/NavbarTeam";
import IntroAudio from "../../components/introAudio/IntroAudio";
import axios from "axios";
import downArrow from "../../assets/images/downArrow.svg";

import downArrow from "../../../../assets/images/downArrow.svg";

const Section3 = () => {
const Events = () => {
const url = baseUrl + "events/" + previousYear;
const [state, setState] = useState({
data: [],
Expand Down Expand Up @@ -150,36 +145,65 @@ const Section3 = () => {
});

return (
<div className="codeutsava__section3" id="events">
<div className="codeutsava__section3-title">
<img src={frank}></img>
Events
<div className="bg-image">
<div className="codeutsava__navbar-container">
<NavbarTeam />
</div>
<div className="codeutsava__section3-events-container">
<div style={carousalStyle} className="slider">
<div style={slidesOverflow}>
<div style={getSlidesStyle()}>
{Events.map((event, index) => (
<EventCard
key={index}
img={event.img}
title={event.title}
date={event.date}
link={event.link}
<div className="container mx-auto main-container">
<div className="codeutsava__section3" id="events">
<div className="codeutsava__section3-title">
<img src={frank}></img>
Events
</div>
<div className="codeutsava__section3-events-container">
<div style={carousalStyle} className="slider">
<div style={slidesOverflow}>
<div style={getSlidesStyle()}>
{EventData.map((event, index) => (
<EventCard
key={index}
img={event.img}
title={event.title}
date={event.date}
link={event.link}
/>
))}
</div>
</div>
<div style={leftArrowStyle} onClick={() => goToPrevious()}>
<img
src={downArrow}
style={{
height: "30px",
transform: "rotate(90deg)",
transform: "translateX(-30px) rotate(90deg)",
filter: "invert(80%)",
}}
/>
))}
</div>
<div style={rightArrowStyles} onClick={() => goToNext()}>
<img
src={downArrow}
style={{
height: "30px",
transform: "rotate(90deg)",
transform: "translateX(30px) rotate(-90deg)",
filter: "invert(80%)",
}}
/>
</div>
</div>
</div>
<div style={leftArrowStyle} onClick={() => goToPrevious()}>
<img src={downArrow} style={{height: '30px', transform: 'rotate(90deg)', transform: 'translateX(-30px) rotate(90deg)', filter: 'invert(80%)'}}/>
</div>
<div style={rightArrowStyles} onClick={() => goToNext()}>
<img src={downArrow} style={{height: '30px', transform: 'rotate(90deg)', transform: 'translateX(30px) rotate(-90deg)', filter: 'invert(80%)'}}/>
</div>
</div>
</div>
<div className="intro_audio_new_design">
<IntroAudio />
</div>
<div className="codeutsava__footer-container">
<Footer />
</div>
</div>
);
};

export default Section3;
export default Events;
2 changes: 1 addition & 1 deletion src/pages/faqs/FAQs.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.codeutsava__section7 {
padding-top: 2rem;
font-family: "Poppins";
margin-bottom: 4rem;
margin-bottom: 10rem;
}

.codeutsava__section7-title {
Expand Down
Loading

0 comments on commit e56e3ab

Please sign in to comment.