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.

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

Fixed the about us and contact us Ui #319

Merged
merged 2 commits into from
Jun 21, 2024
Merged

Fixed the about us and contact us Ui #319

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c671af0
fixed about us and contact us ui
happyrao78 Jun 21, 2024
13a7e02
Merge branch 'Akshatchaube01:main' into newbranch
happyrao78 Jun 21, 2024
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
30 changes: 16 additions & 14 deletions src/components/AboutUs.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,39 +74,41 @@ const AboutUs = () => {
};

return (
<div className="about-container md:m-16 mt-8 p-8">
<div className="about-container md:m-16 mt-8 p-25 ">
<Particles id="tsparticles" options={useMemo(() => particles, [])} />
<BackToTop />
<div className="about-content flex items-center mb-24 gap-x-12">
<div className="about-content items-center mb-24 ">
<span className="image-container image-container-one grid justify-center">
<Tilty>
<img
src={aboutImage}
alt="About us"
className="ml-10 shadow-sm shadow-sky-600 about-image w-[350px] rounded-full hover:scale-[0.9] transition"
/>
</Tilty>
</span>
<div className="text-container flex-1">
<h1 className="rounded-md about-title text-4xl text-center italic font-bold p-2 mb-8 mt-[100px] bg-gradient-to-r from-sky-500">
About Us
</h1>

<p className="about-text italic text-lg font-light text-justify mb-4">
{about.topTxt}
</p>
<p className="about-text italic text-lg font-light text-justify">
{about.bottomTxt}
</p>
</div>
<div className="image-container image-container-one mr-8">
<Tilty>
<img
src={aboutImage}
alt="About us"
className="ml-8 shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
/>
</Tilty>
</div>

</div>

<div className="our-vision flex mb-28">
<div className="image-container image-container-two">
<div className="our-vision mb-28 ">
<div className="image-container image-container-two grid justify-center ml-25">
<Tilty>
<img
src={carImage}
alt="About us"
className="shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
className="shadow-sm shadow-sky-600 about-image w-[350px] rounded-full hover:scale-[0.9] transition mb-10"
/>
</Tilty>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/ContactUs.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ const Contact = () => {

<motion.div
variants={slideIn("left", "tween", 0.2, 1)}
className="flex-[0.75] bg-black-100 p-8 rounded-2xl"
className=" bg-black-100 p-8 rounded-2xl"
>
<p
className={
Expand Down