Skip to content
This repository was archived by the owner on Oct 13, 2025. It is now read-only.

Commit e89d2df

Browse files
authored
Merge pull request #23 from RisingMortal/priyanshu
feat: priyanshu2101065ec added
2 parents 8dcadd2 + cf07f80 commit e89d2df

File tree

3 files changed

+185
-0
lines changed

3 files changed

+185
-0
lines changed

src/components/Home.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import Sharvil2201228 from "./developers/Sharvil2201228.js";
66
import Shruti2201022 from "./developers/Shruti2201022.js";
77
import Vipul2101152 from "./developers/Vipul2101152.js";
88
import Manish2101163 from "./developers/Manish2101163.js";
9+
import Priyanshu2101065 from "./developers/Priyanshu2101065.js"
910

1011
const Home = () => {
1112
return (
@@ -17,6 +18,7 @@ const Home = () => {
1718
<Shruti2201022 />
1819
<Vipul2101152 />
1920
<Manish2101163/>
21+
<Priyanshu2101065/>
2022
</div>
2123
);
2224
};
1.43 MB
Loading
Lines changed: 183 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,183 @@
1+
import React from "react";
2+
import Priyanshu from '../assets/priyanshu_img.JPG';
3+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4+
import { faLinkedinIn } from "@fortawesome/free-brands-svg-icons";
5+
6+
const Priyanshu2101065 = () => (
7+
<>
8+
<div className="pt-16 min-h-lvh">
9+
<div className="mx-auto max-w-7xl py-24 px-4 sm:px-6 lg:px-8">
10+
<div className="relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
11+
<svg
12+
xmlns="http://www.w3.org/2000/svg"
13+
width={1440}
14+
height={560}
15+
preserveAspectRatio="none"
16+
viewBox="0 0 1440 560"
17+
className="absolute left-1/2 top-1/4 -z-10 w-full max-w-7xl -translate-x-1/2 -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
18+
aria-hidden="true"
19+
>
20+
<g mask='url("#SvgjsMask1895")' fill="none">
21+
<path fill='url("#SvgjsLinearGradient1896")' d="M0 0H1440V560H0z" />
22+
<path
23+
d="M248.137 68.474L271.902-65.56l-112.51 38.74z"
24+
fill="rgba(28, 83, 142, 0.4)"
25+
className="triangle-float2"
26+
/>
27+
<path
28+
d="M612.09 260.01a177.66 177.66 0 10355.32 0 177.66 177.66 0 10-355.32 0z"
29+
fill="rgba(28, 83, 142, 0.4)"
30+
className="triangle-float3"
31+
/>
32+
<path
33+
d="M543.615 315.069c19.756-.302 37.545-10.408 48.26-27.008 11.822-18.314 19.512-41.827 8.2-60.46-11.046-18.195-35.178-18.615-56.46-19.033-22.402-.44-48.522-2.239-60.44 16.735-12.348 19.659-3.408 45.015 9.558 64.272 11.356 16.865 30.552 25.804 50.882 25.494M950.19 385.72a119.42 119.42 0 10238.84 0 119.42 119.42 0 10-238.84 0z"
34+
fill="rgba(28, 83, 142, 0.4)"
35+
className="triangle-float1"
36+
/>
37+
<path
38+
d="M359.71 387.06a143.02 143.02 0 10286.04 0 143.02 143.02 0 10-286.04 0z"
39+
fill="rgba(28, 83, 142, 0.4)"
40+
className="triangle-float1"
41+
/>
42+
<path
43+
d="M315.71 333.63a129.28 129.28 0 10258.56 0 129.28 129.28 0 10-258.56 0z"
44+
fill="rgba(28, 83, 142, 0.4)"
45+
className="triangle-float1"
46+
/>
47+
<path
48+
d="M930.91 233.2a137.74 137.74 0 10275.48 0 137.74 137.74 0 10-275.48 0z"
49+
fill="rgba(28, 83, 142, 0.4)"
50+
className="triangle-float3"
51+
/>
52+
<path
53+
d="M776.895 205.536c26.079-1.014 46.756-20.454 58.489-43.767 10.539-20.941 7.979-45.077-3.485-65.526-11.761-20.978-30.97-37.932-55.004-38.807-25.464-.927-49.09 12.81-62.405 34.535-13.967 22.787-17.401 51.25-4.53 74.674 13.319 24.239 39.299 39.965 66.935 38.891"
54+
fill="rgba(28, 83, 142, 0.4)"
55+
className="triangle-float1"
56+
/>
57+
<path
58+
d="M493.68 47.71a110.83 110.83 0 10221.66 0 110.83 110.83 0 10-221.66 0z"
59+
fill="rgba(28, 83, 142, 0.4)"
60+
className="triangle-float2"
61+
/>
62+
<path
63+
d="M845.044 255.92l-91.056-56.899-56.898 91.056 91.056 56.899z"
64+
fill="rgba(28, 83, 142, 0.4)"
65+
className="triangle-float1"
66+
/>
67+
<path
68+
d="M1165.277 520.353l99.242 131.699 32.457-230.942z"
69+
fill="rgba(28, 83, 142, 0.4)"
70+
className="triangle-float2"
71+
/>
72+
<path
73+
d="M754.07 477.97a171.97 171.97 0 10343.94 0 171.97 171.97 0 10-343.94 0z"
74+
fill="rgba(28, 83, 142, 0.4)"
75+
className="triangle-float3"
76+
/>
77+
<path
78+
d="M861.305 475.864l96.26-11.819-11.819-96.26-96.26 11.82z"
79+
fill="rgba(28, 83, 142, 0.4)"
80+
className="triangle-float1"
81+
/>
82+
<path
83+
d="M594.127 599.586c29.459-.161 63.402-1.609 77.804-27.307 14.231-25.392-2.016-55.118-17.964-79.469-14.016-21.402-34.257-39.245-59.84-39.331-25.714-.086-46.334 17.493-60.538 38.928-16.356 24.683-33.315 54.948-18.753 80.73 14.686 26.001 49.429 26.612 79.291 26.449"
84+
fill="rgba(28, 83, 142, 0.4)"
85+
className="triangle-float3"
86+
/>
87+
<path
88+
d="M237.902 474.86L101.09 486.828l11.97 136.813 136.813-11.97z"
89+
fill="rgba(28, 83, 142, 0.4)"
90+
className="triangle-float2"
91+
/>
92+
<path
93+
d="M-31.813 484.497c17.434.121 28.331-16.645 37.076-31.727 8.785-15.151 17.066-32.478 9.236-48.144-8.486-16.978-27.346-26.782-46.312-26.035-17.846.703-32.519 13.422-40.394 29.452-6.997 14.243-3.212 30.186 4.201 44.217 8.089 15.31 18.877 32.117 36.193 32.237"
94+
fill="rgba(28, 83, 142, 0.4)"
95+
className="triangle-float3"
96+
/>
97+
<path
98+
d="M1150.52 280.754l5.893 112.42 106.527-118.311z"
99+
fill="rgba(28, 83, 142, 0.4)"
100+
className="triangle-float2"
101+
/>
102+
<path
103+
d="M1347.96 294.118l-69.316-91.984-91.983 69.315 69.314 91.983z"
104+
fill="rgba(28, 83, 142, 0.4)"
105+
className="triangle-float1"
106+
/>
107+
<path
108+
d="M1020.187 405.784l14.128-134.415L899.9 257.241l-14.127 134.415z"
109+
fill="rgba(28, 83, 142, 0.4)"
110+
className="triangle-float3"
111+
/>
112+
<path
113+
d="M286.549 400.561c56.239 2.913 110.728-25.488 139.108-74.128 28.592-49.003 25.652-109.93-3.217-158.771-28.356-47.972-80.17-77.328-135.891-76.571-54.455.739-104.401 31.921-129.646 80.176-23.612 45.134-11.626 97.6 13.445 141.94 25.563 45.211 64.334 84.667 116.201 87.354"
114+
fill="rgba(28, 83, 142, 0.4)"
115+
className="triangle-float2"
116+
/>
117+
</g>
118+
<defs>
119+
<mask id="SvgjsMask1895">
120+
<path fill="#fff" d="M0 0H1440V560H0z" />
121+
</mask>
122+
<linearGradient
123+
x1="84.72%"
124+
y1="139.29%"
125+
x2="15.28%"
126+
y2="-39.29%"
127+
gradientUnits="userSpaceOnUse"
128+
id="SvgjsLinearGradient1896"
129+
>
130+
<stop stopColor="rgba(80, 72, 235, 1)" offset={0} />
131+
<stop stopColor="rgba(72, 166, 235, 1)" offset={1} />
132+
</linearGradient>
133+
<style>
134+
{
135+
"@keyframes float1{0%,to{transform:translate(0,0)}50%{transform:translate(-10px,0)}}@keyframes float2{0%,to{transform:translate(0,0)}50%{transform:translate(-5px,-5px)}}@keyframes float3{0%,to{transform:translate(0,0)}50%{transform:translate(0,-10px)}}.triangle-float1{animation:float1 5s infinite}.triangle-float2{animation:float2 4s infinite}.triangle-float3{animation:float3 6s infinite}"
136+
}
137+
</style>
138+
</defs>
139+
</svg>
140+
<div className="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
141+
<h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">
142+
Priyanshu Raj
143+
</h2>
144+
<p className="mt-6 text-lg leading-8 text-gray-300">
145+
A 3rd year student from Electronics and Communicaton branch, and Full stack web developer
146+
</p>
147+
<div className="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
148+
<button
149+
type="button"
150+
className="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-50"
151+
>
152+
ECE
153+
</button>
154+
<a
155+
href="https://www.linkedin.com/in/itsimmortal/"
156+
className="text-sm font-semibold leading-6 text-white"
157+
>
158+
<FontAwesomeIcon icon={faLinkedinIn} size="2xl" style={{ color: "#ffffff", }} />
159+
</a>
160+
<a
161+
href="https://github.com/RisingMortal"
162+
className="text-sm font-semibold leading-6 text-white"
163+
>
164+
Github <span aria-hidden="true"></span>
165+
</a>
166+
</div>
167+
</div>
168+
<div className="relative mt-16 h-80 lg:mt-8 lg:h-auto">
169+
<img
170+
className="absolute left-0 top-0 w-full max-w-none rounded-md bg-white/5 ring-1 ring-white/10 sm:w-[32rem]"
171+
src={Priyanshu}
172+
alt=""
173+
width={1824}
174+
height={1080}
175+
/>
176+
</div>
177+
</div>
178+
</div>
179+
</div>
180+
</>
181+
);
182+
183+
export default Priyanshu2101065;

0 commit comments

Comments
 (0)