From 0e5d8de4a82588d1046266687494674b0a7e9017 Mon Sep 17 00:00:00 2001 From: "Jenisha Nagarkoti (nagarkotij)" Date: Tue, 1 Nov 2022 14:55:47 +0000 Subject: [PATCH] Add files via upload --- About.jsx | 35 +++++++++++++++++++++ Club.jsx | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++++ Footer.jsx | 78 ++++++++++++++++++++++++++++++++++++++++++++++ Landing.jsx | 42 +++++++++++++++++++++++++ Navbar.jsx | 59 +++++++++++++++++++++++++++++++++++ 5 files changed, 303 insertions(+) create mode 100644 About.jsx create mode 100644 Club.jsx create mode 100644 Footer.jsx create mode 100644 Landing.jsx create mode 100644 Navbar.jsx diff --git a/About.jsx b/About.jsx new file mode 100644 index 0000000..c0c555c --- /dev/null +++ b/About.jsx @@ -0,0 +1,35 @@ +import React from 'react' + +const About = () => { + return ( +
+
+
+

+ Annual Club Management Sees: +

+

Throughout the year, club managemnet has received well dissertation. The overrall report for the year is shown below: +

+
+ + +
+
+

4,500

+

Session Scheduled

+
+
+

$10

+

Million Processed

+
+
+

10,500

+

Membership Sold

+
+
+
+
+ ) +} + +export default About \ No newline at end of file diff --git a/Club.jsx b/Club.jsx new file mode 100644 index 0000000..50ff6d6 --- /dev/null +++ b/Club.jsx @@ -0,0 +1,89 @@ +import React from 'react' +import fImage from '../assets/football.jpg' +import bImage from '../assets/basketball.jpg' +import cImage from '../assets/cricket.jpg' +import tImage from '../assets/tennis.jpg' +import sImage from '../assets/swimming.jpg' +import aImage from '../assets/archery.jpg' + +const Club = () => { + return ( +
+
+
+

CLUB

+

Join the club now

+
+ + +
+
+ {/* Image for basketball*/} +
+ + + +
+

Basketball

+

Join Session

+
+
+ {/* Image for swimming*/} +
+ + + +
+

Swimming

+

Join Session

+
+
+ {/* Image for Archery*/} + +
+ + + +
+

Archery

+

Join Session

+
+
+
+
+ {/* Image for Cricket*/} +
+ + + +
+

Cricket

+

Join Session

+
+
+ {/* Image for football*/} +
+ + + +
+

Football

+

Join Session

+
+
+ {/* Image for tennis*/} +
+ + + +
+

Tennis

+

Membership Sold

+
+
+
+
+ ) +} + +export default Club \ No newline at end of file diff --git a/Footer.jsx b/Footer.jsx new file mode 100644 index 0000000..6a9c620 --- /dev/null +++ b/Footer.jsx @@ -0,0 +1,78 @@ +import React from 'react' + +import{ + FaFacebook, + FaGithub, + FaInstagram, + FaTwitter, + FaTwitch +} from 'react-icons/fa' + +const footer = () => { + return ( +
+
+
+
Solutions
+
    +
  • Marketing
    • +
  • Analytics
    • +
  • Commerce
    • +
  • Data
    • +
  • Cloud
    • +
+
+
+
Support
+
    +
  • Docementation
    • +
  • Gides
    • +
  • Status
    • +
  • Chat
    • +
+
+
+
Club
+
    +
  • About
    • +
  • Press
    • +
  • Partners
    • +
  • Jobs
    • +
  • Blog
    • +
+
+
+
Legal
+
    +
  • Claims
    • +
  • Privacy
    • +
  • Terms
    • +
  • Policies
    • +
  • Conditions
    • +
+
+
+

Subscribe to our newsletter

+

The latest news, articles, and resources, sent to your inbox weekly.

+
+ + +
+
+
+ +
+

2022 Workflow, LLC. All rights reserved

+
+ + + + + +
+
+
+ ) +} + +export default footer \ No newline at end of file diff --git a/Landing.jsx b/Landing.jsx new file mode 100644 index 0000000..c30ddf3 --- /dev/null +++ b/Landing.jsx @@ -0,0 +1,42 @@ +import React from 'react' +import bB from '../assets/sport.jpg' +import bImg from '../assets/club.png' +import { + StarIcon, + CalendarIcon, + NewspaperIcon, + CurrencyPoundIcon +} from '@heroicons/react/solid' + +const Landing = () => { + return( +
+
+
+

Welcome to the Club

+

Club Champions

+

Login to get access

+ +
+
+ +
+
+

Resources

+ +
+

Blog

+

Press & News

+

Events & Webinars

+

Benefits

+
+
+
+ +
+ ); +} + +export default Landing \ No newline at end of file diff --git a/Navbar.jsx b/Navbar.jsx new file mode 100644 index 0000000..8cd3d31 --- /dev/null +++ b/Navbar.jsx @@ -0,0 +1,59 @@ +import React, {useState} from 'react' +import { MenuIcon, XIcon} from '@heroicons/react/outline' +import { Link } from "react-router-dom" + +{/*
  • Pres
    • */} + + + +const Navbar = () => { + const [nav, setNav] = useState(false) + const handleClick = () => setNav(!nav) + + const handleClose =()=> setNav(!nav) + + return ( +
    +
    +
    +

    Club Champions

    +
      + {/* Navigation*/} +
    • Home
      • +
    • About
      • +
    • Club
      • +
    • Description
      • +
    • Support
      • +
    + +
    +
    + + +
    +
    + {!nav ? : } +
    +
    + {/* Navigation for mobile device*/} + + + +
    + ) +} + +export default Navbar \ No newline at end of file