@@ -155,147 +155,147 @@ const Internship1 = () => {
155155 ) ;
156156} ;
157157
158- const Internship2 = ( ) => {
159- const cardUrl = 'https://www.devdisplay.org/Internship#Vijetha-Softwares-Front-End-Developer' ;
160- return (
161- < div id = "Vijetha-Softwares-Front-End-Developer" className = "group relative mx-auto w-full max-w-[30rem]" >
162- < div className = "relative overflow-hidden rounded-2xl bg-slate-950 shadow-2xl transition-all duration-300 hover:-translate-y-2 hover:shadow-emerald-500/10" >
163- < div className = "absolute -left-16 -top-16 h-32 w-32 rounded-full bg-gradient-to-br from-emerald-500/20 to-teal-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
164- < div className = "absolute -bottom-16 -right-16 h-32 w-32 rounded-full bg-gradient-to-br from-blue-500/20 to-indigo-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
165- < div className = "relative p-6" >
166- < div className = "flex items-start justify-between" >
167- < div className = "flex gap-4" >
168- < div className = "relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2" >
169- < div className = "absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
170- < img src = "/assets/LocalCompany/Vijetha Softwares Pvt.Ltd.jpg" alt = "Custom Icon" className = "h-10 w-10" />
171- </ div >
172- < div >
173- < h3 className = "text-lg font-semibold text-white" > Front End Developer Internship</ h3 >
174- < div className = "mt-1 flex items-center gap-2" >
175- < span className = "text-sm text-slate-400" > Vijetha Softwares Pvt.Ltd</ span >
176- < span className = "inline-block h-1 w-1 rounded-full bg-slate-400" />
177- { /* <div className="flex items-center gap-1">
178- <svg className="h-4 w-4 text-amber-400" fill="currentColor" viewBox="0 0 20 20">
179- <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
180- </svg>
181- <span className="text-sm text-slate-400">4.9</span>
182- </div> */ }
183- </ div >
184- </ div >
185- </ div >
186- < button className = "group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800" >
187- < svg
188- className = "h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
189- fill = "none"
190- viewBox = "0 0 24 24"
191- stroke = "currentColor"
192- >
193- < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "1.5" d = "M3 17l6-6 4 4 8-8" />
194- </ svg >
195- { /* <span className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500">
196- 🔥
197- </span> */ }
198- </ button >
199- </ div >
200- < div className = "mt-6 flex flex-wrap gap-2" >
201- < span className = "inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500" >
202- < FontAwesomeIcon icon = { faClock } className = "h-4 w-4 text-emerald-500" />
203- Ends on 20 April
204- </ span >
205- < span className = "inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500" >
206- < svg className = "h-4 w-4" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
207- < path
208- strokeLinecap = "round"
209- strokeLinejoin = "round"
210- strokeWidth = { 2 }
211- d = "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
212- />
213- </ svg >
214- Onsite
215- </ span >
216- < span className = "inline-flex items-center gap-1 rounded-lg bg-indigo-500/10 px-3 py-1 text-sm text-indigo-500" >
217- < svg className = "h-4 w-4" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
218- < path
219- strokeLinecap = "round"
220- strokeLinejoin = "round"
221- strokeWidth = { 2 }
222- d = "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
223- />
224- </ svg >
225- Full-time
226- </ span >
227- </ div >
228- < div className = "mt-6 space-y-4" >
229- < div className = "flex items-start gap-3" >
230- < div className = "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10" >
231- < svg className = "h-4 w-4 text-emerald-500" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
232- < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = { 2 } d = "M5 13l4 4L19 7" />
233- </ svg >
234- </ div >
235- < p className = "text-sm leading-relaxed text-slate-400" >
236- Proficiency in HTML, CSS, JavaScript, React.js and TailwindCSS.
237- </ p >
238- </ div >
239- < div className = "flex items-start gap-3" >
240- < div className = "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10" >
241- < svg className = "h-4 w-4 text-emerald-500" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
242- < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = { 2 } d = "M5 13l4 4L19 7" />
243- </ svg >
244- </ div >
245- < p className = "text-sm leading-relaxed text-slate-400" >
246- Excellent communication and collaboration skills.
247- </ p >
248- </ div >
249- < div className = "flex items-start gap-3" >
250- < div className = "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10" >
251- < svg className = "h-4 w-4 text-emerald-500" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
252- < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = { 2 } d = "M5 13l4 4L19 7" />
253- </ svg >
254- </ div >
255- < p className = "text-sm leading-relaxed text-slate-400" > Experience with responsive design principles.</ p >
256- </ div >
257- </ div >
258- < div className = "mt-8 flex gap-3" >
259- < a
260- href = "https://unstop.com/internships/front-end-developer-internship-vijetha-softwares-pvtltd-1442249?lb=fAzXUaUr& utm_medium = Share & utm_source = shortUrl "
261- target = "_blank"
262- rel = "noopener noreferrer"
263- className = "group/btn relative flex-1 overflow-hidden rounded-xl bg-gradient-to-r from-emerald-500 to-teal-500 p-px font-semibold text-white"
264- >
265- < div className = "relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0" >
266- < span className = "relative flex items-center justify-center gap-2" >
267- Apply Now
268- < svg
269- className = "h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
270- fill = "none"
271- viewBox = "0 0 24 24"
272- stroke = "currentColor"
273- >
274- < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = { 2 } d = "M17 8l4 4m0 0l-4 4m4-4H3" />
275- </ svg >
276- </ span >
277- </ div >
278- </ a >
279- < button
280- onClick = { ( ) => shareContent ( cardUrl ) }
281- className = "flex items-center justify-center gap-2 rounded-xl bg-slate-900 px-4 py-3 font-semibold text-white transition-colors hover:bg-slate-800"
282- >
283- < svg className = "h-5 w-5" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
284- < path
285- strokeLinecap = "round"
286- strokeLinejoin = "round"
287- strokeWidth = "1.5"
288- d = "M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
289- />
290- </ svg >
291- Share
292- </ button >
293- </ div >
294- </ div >
295- </ div >
296- </ div >
297- ) ;
298- } ;
158+ // const Internship2 = () => {
159+ // const cardUrl = 'https://www.devdisplay.org/Internship#Vijetha-Softwares-Front-End-Developer';
160+ // return (
161+ // <div id="Vijetha-Softwares-Front-End-Developer" className="group relative mx-auto w-full max-w-[30rem]">
162+ // <div className="relative overflow-hidden rounded-2xl bg-slate-950 shadow-2xl transition-all duration-300 hover:-translate-y-2 hover:shadow-emerald-500/10">
163+ // <div className="absolute -left-16 -top-16 h-32 w-32 rounded-full bg-gradient-to-br from-emerald-500/20 to-teal-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
164+ // <div className="absolute -bottom-16 -right-16 h-32 w-32 rounded-full bg-gradient-to-br from-blue-500/20 to-indigo-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
165+ // <div className="relative p-6">
166+ // <div className="flex items-start justify-between">
167+ // <div className="flex gap-4">
168+ // <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
169+ // <div className="absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
170+ // <img src="/assets/LocalCompany/Vijetha Softwares Pvt.Ltd.jpg" alt="Custom Icon" className="h-10 w-10" />
171+ // </div>
172+ // <div>
173+ // <h3 className="text-lg font-semibold text-white">Front End Developer Internship</h3>
174+ // <div className="mt-1 flex items-center gap-2">
175+ // <span className="text-sm text-slate-400">Vijetha Softwares Pvt.Ltd</span>
176+ // <span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
177+ // {/* <div className="flex items-center gap-1">
178+ // <svg className="h-4 w-4 text-amber-400" fill="currentColor" viewBox="0 0 20 20">
179+ // <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
180+ // </svg>
181+ // <span className="text-sm text-slate-400">4.9</span>
182+ // </div> */}
183+ // </div>
184+ // </div>
185+ // </div>
186+ // <button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
187+ // <svg
188+ // className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
189+ // fill="none"
190+ // viewBox="0 0 24 24"
191+ // stroke="currentColor"
192+ // >
193+ // <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
194+ // </svg>
195+ // {/* <span className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500">
196+ // 🔥
197+ // </span> */}
198+ // </button>
199+ // </div>
200+ // <div className="mt-6 flex flex-wrap gap-2">
201+ // <span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
202+ // <FontAwesomeIcon icon={faClock} className="h-4 w-4 text-emerald-500" />
203+ // Ends on 20 April
204+ // </span>
205+ // <span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
206+ // <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
207+ // <path
208+ // strokeLinecap="round"
209+ // strokeLinejoin="round"
210+ // strokeWidth={2}
211+ // d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
212+ // />
213+ // </svg>
214+ // Onsite
215+ // </span>
216+ // <span className="inline-flex items-center gap-1 rounded-lg bg-indigo-500/10 px-3 py-1 text-sm text-indigo-500">
217+ // <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
218+ // <path
219+ // strokeLinecap="round"
220+ // strokeLinejoin="round"
221+ // strokeWidth={2}
222+ // d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
223+ // />
224+ // </svg>
225+ // Full-time
226+ // </span>
227+ // </div>
228+ // <div className="mt-6 space-y-4">
229+ // <div className="flex items-start gap-3">
230+ // <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
231+ // <svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
232+ // <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
233+ // </svg>
234+ // </div>
235+ // <p className="text-sm leading-relaxed text-slate-400">
236+ // Proficiency in HTML, CSS, JavaScript, React.js and TailwindCSS.
237+ // </p>
238+ // </div>
239+ // <div className="flex items-start gap-3">
240+ // <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
241+ // <svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
242+ // <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
243+ // </svg>
244+ // </div>
245+ // <p className="text-sm leading-relaxed text-slate-400">
246+ // Excellent communication and collaboration skills.
247+ // </p>
248+ // </div>
249+ // <div className="flex items-start gap-3">
250+ // <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
251+ // <svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
252+ // <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
253+ // </svg>
254+ // </div>
255+ // <p className="text-sm leading-relaxed text-slate-400">Experience with responsive design principles.</p>
256+ // </div>
257+ // </div>
258+ // <div className="mt-8 flex gap-3">
259+ // <a
260+ // href="https://unstop.com/internships/front-end-developer-internship-vijetha-softwares-pvtltd-1442249?lb=fAzXUaUr&utm_medium=Share&utm_source=shortUrl"
261+ // target="_blank"
262+ // rel="noopener noreferrer"
263+ // className="group/btn relative flex-1 overflow-hidden rounded-xl bg-gradient-to-r from-emerald-500 to-teal-500 p-px font-semibold text-white"
264+ // >
265+ // <div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
266+ // <span className="relative flex items-center justify-center gap-2">
267+ // Apply Now
268+ // <svg
269+ // className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
270+ // fill="none"
271+ // viewBox="0 0 24 24"
272+ // stroke="currentColor"
273+ // >
274+ // <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
275+ // </svg>
276+ // </span>
277+ // </div>
278+ // </a>
279+ // <button
280+ // onClick={() => shareContent(cardUrl)}
281+ // className="flex items-center justify-center gap-2 rounded-xl bg-slate-900 px-4 py-3 font-semibold text-white transition-colors hover:bg-slate-800"
282+ // >
283+ // <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
284+ // <path
285+ // strokeLinecap="round"
286+ // strokeLinejoin="round"
287+ // strokeWidth="1.5"
288+ // d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
289+ // />
290+ // </svg>
291+ // Share
292+ // </button>
293+ // </div>
294+ // </div>
295+ // </div>
296+ // </div>
297+ // );
298+ // };
299299
300300// const Internship3 = () => {
301301// const cardUrl = 'https://www.devdisplay.org/Internship#Webfuture-Front-End-Development';
0 commit comments