Skip to content

Commit

Permalink
Merge pull request #10 from Vivek-yadav01/main
Browse files Browse the repository at this point in the history 
updatedPreviousYearSection
  • Loading branch information
@parteekcoder
parteekcoder authored Jan 12, 2024
2 parents a307a2e + ec03d82 commit 8bd34de
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 30 deletions.
69 changes: 39 additions & 30 deletions src/components/Testimonies.js
View file
Original file line number Diff line number Diff line change
@@ -1,57 +1,66 @@
import t1 from "../../public/images/Reviews/tweetbird2.svg";
import t2 from "../../public/images/Reviews/tweetbird3.svg";
import style from "../styles/testimonie.module.css";

function Testimonies() {
return (
<div className="flex flex-col text-center bg-[#1F1F1F] pb-4 px-4 w-full space-y-4 md:space-y-0 pb-[10px] ">
<div className="text-center text-white text-5xl my-12 ">
<div className="flex flex-col text-center bg-[#1F1F1F] p-0 space-y-4 px-2vw h-fit mt-[-2px] pb-[2px]">
<div className={` m-auto py-2 ${style.heading1} text-sm`}>
PREVIOUS YEAR REVIEWS
</div>
<div className="flex text-baseline">
<img
src={t1.src}
className="z-[2] md:h-[40vw] md:ml-0 md:mb-0 h-[200px] "
alt="#"
/>
<div className=" flex relative ">
<div className=" relative md:top-[1vw] top-[12vw] z-[4]">
<img src={t1.src} alt="#" className="z-[4]" />
</div>

<div className="bg-white text-center border-2 border-pink-400 md:ml-[-20vw] md:pl-[100px] md:py-[40px] md:w-[910px] md:h-[250px] md:mr-[5vw] py-2 px-2 ml-[-10vw]">
<div className="bg-white text-center border-4 border-pink-400 lg:w-[80vw] md:h-[26vw] lg:h-[20vw] w-[100vw] w-fit h-fit relative lg:right-[20vw] left-[-20vw] right-0 md:pl-[10vw] pl-[5vw] pr-[1vw] py-[2.5vw] ">
<div>
<div className="flex font-bold text-xl ">
<div className="flex sm:font-bold sm:text-xl text-lg ">
<div className="bg-[#1F1F1F] w-[30px] h-[30px] mr-4"></div>
<h1>Aditya</h1>
</div>
<div className="text-left md:text-base text-xs ">
<div
className={`sm:text-left text-start sm:text-base text-[10px] ${style.font}`}
>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute top-[-1.2vw] right-[-1.3vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute top-[-1.2vw] right-[2vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute top-[2.1vw] right-[-1.3vw]"></div>
Being a first-timer at the GDSC hackathon in NITJ was a thrilling
experience. The collaborative environment, coupled with helpful
mentors, made the event a fantastic introduction to coding
challenges. The well-organized setup and friendly atmosphere
enhanced my learning and confidence. It was more than just a
competition; it was a glimpse into a vibrant tech community.
Looking forward to more GDSC events!
experience.The collaborative environment,coupled with helpful
mentors,made the event a fantastic introduction to coding
challenges.It was more than just a competition;it was a glimpse
into a vibrant tech community.Looking forward to more GDSC events!
</div>
</div>
</div>
</div>
<div className="flex ">
<div className="bg-white text-center border-2 border-pink-400 md:h-[250px] md:mr-[-20vw] md:pr-[100px] md:py-[40px] md:mt-[-2vw] md:w-[900px] md:ml-[5vw] mr-[-10vw] w-[90vw] py-2 px-2 ">
<div className="flex relative">
<div className="bg-white text-center border-4 border-pink-400 lg:w-[80vw] w-fit h-fit lg:h-[20vw] md:h-[26vw] relative lg:left-[20vw] right-[-20vw] md:pr-[10vw] pr-[5vw] pl-[1vw] py-[2.5vw] ">
<div>
<div className="flex text-xl font-bold justify-end ">
<div className="flex text-xl sm:font-bold sm:text-xl text-lg justify-end ">
<h1>Nikhil</h1>
<div className="bg-[#1F1F1F] w-[30px] h-[30px] ml-4"></div>
<div className="bg-[#1F1F1F] w-[30px] h-[30px] ml-4 "></div>
</div>
<div className="text-right md:text-base text-xs ">
<div
className={`sm:text-right text-end sm:text-base text-[10px] ${style.font}`}
>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute bottom-[-1.2vw] left-[-1.3vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute top-[-1.2vw] right-[-1.3vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute top-[-1.2vw] right-[2vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute top-[2.1vw] right-[-1.3vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute bottom-[-1.2vw] left-[2.0vw]"></div>
<div className="bg-[#1F1F1F] w-[3.5vw] h-[3.5vw] absolute bottom-[2.1vw] left-[-1.3vw]"></div>
Participating in the GDSC hackathon at NITJ was an incredible
experience. The event, filled with innovative energy. The emphasis
on teamwork and collaboration, coupled with guidance from mentors,
created a dynamic learning environment. The well-organized event,
from registration to problem statements. Overall, the hackathon
not only sharpened our technical skills but also strengthened the
sense of community within the college.
experience.The event,filled with innovative energy.The
well-organized event,from registration to problem statements.
Overall,the hackathon not only sharpened our technical skills but
also strengthened the sense of community within the college.
</div>
</div>
</div>

<img src={t2.src} className="md:h-[40vw] h-[200px] " alt="#" />
<div className="relative md:top-[1vw] top-[12vw] right-0 overflowing-component ">
<img src={t2.src} className="" alt="#" />
</div>
</div>
</div>
);
Expand Down
24 changes: 24 additions & 0 deletions src/styles/testimonie.module.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
@font-face {
font-family: Minecrafter;
src: url(../../public/MinecraftRegular-Bmg3.otf);
}
.heading1 {
display: flex;
width: 90vw;
height: 200px;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
/* Minecrafter Regular/7xl */
font-family: "Minecrafter", sans-serif;
font-size: 60px;
font-style: normal;
font-weight: 600;
line-height: 100%;
/* 72px */
}

.font {
font-family: Space Grotesk;
}

0 comments on commit 8bd34de

Please sign in to comment.