Skip to content
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.

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

Donners2 #34

Merged
merged 7 commits into from
Aug 11, 2024
Merged
Show file tree
Hide file tree
Changes from 5 commits
Commits
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
31 changes: 31 additions & 0 deletions src/pages/404/components/Section404.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import React from 'react'
import Header from '../../../components/layout/Header'
import Hero1 from '../../../components/layout/Hero1'
import Footer from '../../../components/layout/Footer'
const Section404 = () => {
return (
<div>
<Header/>
<Hero1
title ="404"
text="Home"
span ="404"
/>

<div className="bg-primary-color mt-20 mx-[450px] w-[900px] h-[500px] text-slate-200 text-center">
<h1 className="font-bold text-5xl pt-20 mx-14 ">404</h1>
<h2 className='font-semibold text-3xl pt-8 '>Something went wrong.</h2>
<p className='text-xl pt-8 px-20 pr-20'>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Enim ea mollitia, iusto ipsa voluptates cupiditate ad eaque quibusdam soluta quas!</p>

<a href="#" className="border w-32 p-1 rounded mb-3 mx-96 flex mt-20">
Back to Home
<i className="fa fa-angle-right pr-2 px-2 pt-1"></i>
</a>
</div>
<Footer/>
</div>
)
}

export default Section404;
31 changes: 31 additions & 0 deletions src/pages/donners/Donners.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import React from 'react'
import Header from '../../components/layout/Header'
import Footer from '../../components/layout/Footer'
import Hero1 from '../../components/layout/Hero1'
import Pagination from '../../components/Pagination'
import DonnersSection from './components/DonnersSection'

const Donners = () => {
return (
<div>

<Header/>

<Hero1
title="Donners"
text = "Home"
span ="Donners"

/>

<DonnersSection/>


<Pagination/>
<Footer/>

</div>
)
}

export default Donners
80 changes: 80 additions & 0 deletions src/pages/donners/components/DonnersSection.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
import React from 'react'
import image17 from '../../../assets/images/Rectangle17.jpg'
import image18 from '../../../assets/images/Rectangle18.jpg'
import image19 from '../../../assets/images/Rectangle19.jpg'
import image20 from '../../../assets/images/Rectangle20.jpg'
import image14 from '../../../assets/images/Ellipse 94.png'
import image10 from "../../../assets/images/man.jpg";
import image12 from "../../../assets/images/Rayon.jpg";
import image13 from "../../../assets/images/muslim.jpg";
import image21 from "../../../assets/images/Rectangle21.jpg"
import image22 from "../../../assets/images/Rectangle22.jpg";
import image23 from "../../../assets/images/Rectangle23.jpg";

const DonnersSection = () => {
return (
<div>
<div className=' mt-20'>
<h1 className='text-4xl pb-7 font-semibold text-center'>Meet Our Donners</h1>
<p className=' text-center pb-10 text-2xl px-28 pr-28'>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem suscipit dolor architecto.
Repudiandae quae aut beatae tempora. Voluptatibus, doloremque ullam!</p>
<div className='flex g-3 justify-evenly '>
<div>
<img src={image19} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image17} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image20} alt='' className='w-80 h-96'/>
</div>

</div>

<div className='flex g-3 justify-evenly pt-6'>
<div>
<img src={image12} alt='' className='w-80 h-96'/>

</div>
<div>
<img src={image18} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image19} alt='' className='w-80 h-96'/>
</div>

</div>

<div className='flex g-3 justify-evenly pt-6'>
<div>
<img src={image10} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image22} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image13} alt='' className='w-80 h-96'/>
</div>

</div>

<div className='flex g-3 justify-evenly pt-6'>
<div>
<img src={image21} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image12} alt='' className='w-80 h-96'/>
</div>
<div>
<img src={image23} alt='' className='w-80 h-96'/>
</div>

</div>

</div>

</div>
)
}

export default DonnersSection
9 changes: 3 additions & 6 deletions src/pages/home/Home.jsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import React from "react";
// import image9 from "../../assets/images/Ellipse 94.png";
// import image10 from "../../assets/images/images 1.png";

import image8 from "../../assets/images/Rectangle 10.png";
import image7 from "../../assets/images/Rectangle 9.png";

import "../../assets/styles/style.css";
import Footer from "../../components/layout/Footer";
Expand Down Expand Up @@ -35,10 +36,6 @@ function Home() {
{/* Help section */}
<HelpSection></HelpSection>

{/* about us section */}

{/* <AboutSection></AboutSection> */}
{/* donate section */}

<DonationSection></DonationSection>

Expand Down