Skip to content

Commit ad3e062

Browse files
AmanJain18AmanJain18
committed
Fixes Icon cdn error and social icon
1 parent fc50216 commit ad3e062

File tree

9 files changed

+154
-60
lines changed

9 files changed

+154
-60
lines changed

‎components/faqs.js

+5-7
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
/* eslint-disable @next/next/no-img-element */
22
import {useEffect} from "react";
3-
import $ from "jquery";
4-
import Link from "next/link";
5-
import mitt from "next/dist/shared/lib/mitt";
3+
import "font-awesome/css/font-awesome.min.css";
64

75
const FAQs = () => {
86
useEffect(() => {
@@ -43,7 +41,7 @@ const FAQs = () => {
4341
<div class="wrapper bg-white mb-5 py-4 px-8 rounded-md shadow-wrap">
4442
<button class="toggle w-full text-xl bg-transparent flex justify-between items-center font-semibold border-none outline-none cursor-pointer py-4 px-0 focus:outline-none text-amber-500 ">
4543
${data[q].qes}
46-
<i class="fas fa-plus icon p-2"></i>
44+
<i class="fa fa-plus icon p-2"></i>
4745
</button>
4846
<div class="content relative md:text-xl font-medium text-blue-800 text-justify max-h-0 leading-7 md:leading-8 overflow-hidden transition-mh ease-in-out duration-300 before:content-[''] before:absolute before:h-90 before:w-2 before:top-1/2 before:left-0 before:-translate-y-1/2 before:bg-faq1 bg-sky-50">
4947
<p class="p-4">${data[q].ans}</p>
@@ -90,13 +88,13 @@ const FAQs = () => {
9088
return (
9189
<div>
9290
<div className="banner bannerfaq">
93-
<div class="pb-6 text-white">
94-
<h1 class="px-3 mt-8 text-center font-semibold text-lg md:text-2xl underline underline-offset-8 font-sans">
91+
<div className="pb-6 text-white">
92+
<h1 className="px-3 mt-8 text-center font-semibold text-lg md:text-2xl underline underline-offset-8 font-sans">
9593
Frequently Asked Questions ?
9694
</h1>
9795
<div
9896
id="faqs"
99-
class="text-black m-auto mx-6 mt-9 md9:mx-20 xl:!mx-36 lg:!mx-32 px-3 md:px-8 py-10 max-w-96 font-sans"></div>
97+
className="text-black m-auto mx-6 mt-9 md9:mx-20 xl:!mx-36 lg:!mx-32 px-3 md:px-8 py-10 max-w-96 font-sans"></div>
10098
</div>
10199
</div>
102100
</div>

‎components/socialbuttons.js

+32-31
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,52 @@
11
import Link from "next/link";
2+
import "font-awesome/css/font-awesome.min.css";
23

34
const SocialButtons = () => {
45
return (
56
<div className="flex flex-row w-100 items-center justify-center md:flex-row bg-gradient-to-tr from-[#000855] to-[#690101] py-3 md:py-6">
67
<div className=" hidden md9:flex flex-row items-center justify-center">
7-
<div className="group m-3 inline-block h-16 w-16 py-0 hover:w-52 transition-all ease-out rounded-[10px] float-left overflow-hidden cursor-pointer">
8-
<div className="inline-block h-16 w-16 text-center bg-[#292825fa] transition-all ease-in-out duration-300 box-border rounded-[10px] leading-[65px] group-hover:bg-[#4267B2]">
9-
<i className="fab fa-facebook-f text-2xl leading-[60px] transition-all ease-in-out duration-300 text-white"></i>
8+
<div className=" group mx-1 inline-block h-14 w-14 hover:w-48 transition-all ease-out rounded-full float-left cursor-pointer duration-300 shadow-wrap overflow-hidden bg-white">
9+
<div className="inline-block h-14 w-14 text-center bg-[#292825fa] box-border rounded-full leading-[60px] group-hover:bg-[#4267B2] text-2xl transition-all ease-out duration-300">
10+
<i className="fa fa-facebook-f leading-[60px] text-white transition-all ease-out duration-300"></i>
1011
</div>
11-
<span className="text-xl bg-white p-[15px] rounded-[10px] font-medium ml-2 leading-[65px] transition-all ease-out group-hover:text-[#4267B2]">
12+
<span className="text-xl bg-white font-medium ml-5 group-hover:text-[#4267B2] transition-all ease-out duration-300 rounded-full">
1213
<Link href="#">Facebook</Link>
1314
</span>
1415
</div>
15-
<div className="group m-3 inline-block h-16 w-16 py-0 hover:w-52 transition-all ease-in-out duration-300 rounded-[10px] float-left overflow-hidden cursor-pointer">
16-
<div className="inline-block h-16 w-16 text-center bg-[#292825fa] transition-all ease-in-out duration-300 box-border rounded-[10px] leading-[65px] group-hover:bg-[#1DA1F2]">
17-
<i className="fab fa-twitter text-2xl leading-[60px] transition-all ease-out text-white"></i>
16+
<div className="group mx-1 inline-block h-14 w-14 hover:w-48 transition-all ease-out rounded-full float-left cursor-pointer duration-300 shadow-wrap overflow-hidden bg-white">
17+
<div className="inline-block h-14 w-14 text-center bg-[#292825fa] box-border rounded-full leading-[60px] group-hover:bg-[#1da1f2] text-2xl transition-all ease-out duration-300">
18+
<i className="fa fa-twitter text-white transition-all ease-out duration-300"></i>
1819
</div>
19-
<span className="text-xl bg-white p-[15px] rounded-[10px] font-medium ml-2 leading-[65px] transition-all ease-out group-hover:text-[#1DA1F2]">
20+
<span className="text-xl font-medium ml-5 group-hover:text-[#1da1f2] transition-all ease-out duration-300">
2021
<Link href="#">Twitter</Link>
2122
</span>
2223
</div>
2324
</div>
24-
<div className="flex flex-row items-center justify-center">
25-
<div className="hidden md9:block group m-3 h-16 w-16 py-0 hover:w-52 transition-all ease-in-out duration-300 rounded-[10px] float-left overflow-hidden cursor-pointer">
26-
<div className="inline-block h-16 w-16 text-center bg-[#292825fa] transition-all ease-in-out duration-300 box-border rounded-[10px] leading-[65px] group-hover:bg-[#E1306C]">
27-
<i className="fab fa-instagram text-2xl leading-[60px] transition-all ease-out text-white"></i>
25+
<div className="hidden md9:flex flex-row items-center justify-center">
26+
<div className="group mx-1 inline-block h-14 w-14 hover:w-48 transition-all ease-out rounded-full float-left cursor-pointer duration-300 bg-white shadow-wrap overflow-hidden">
27+
<div className="inline-block h-14 w-14 text-center bg-[#292825fa] box-border rounded-full leading-[60px] group-hover:bg-[#e1306c] text-2xl transition-all ease-out duration-300">
28+
<i className="fa fa-instagram text-white transition-all ease-out duration-300"></i>
2829
</div>
29-
<span className="text-xl bg-white p-[15px] rounded-[10px] font-medium ml-2 leading-[65px] transition-all ease-out group-hover:text-[#E1306C]">
30+
<span className="text-xl font-medium ml-5 group-hover:text-[#e1306c] transition-all ease-out duration-300">
3031
<Link href="#">Instagram</Link>
3132
</span>
3233
</div>
3334

34-
<div className="group m-3 inline-block h-16 w-16 py-0 hover:w-52 transition-all ease-in-out duration-300 rounded-[10px] float-left overflow-hidden cursor-pointer">
35-
<div className="inline-block h-16 w-16 text-center bg-[#292825fa] transition-all ease-in-out duration-300 box-border rounded-[10px] leading-[65px] group-hover:bg-[#333]">
36-
<i className="fab fa-github text-2xl leading-[60px] transition-all ease-out text-white"></i>
35+
<div className="group mx-1 inline-block h-14 w-14 hover:w-48 transition-all ease-out rounded-full float-left cursor-pointer duration-300 bg-white shadow-wrap overflow-hidden">
36+
<div className="inline-block h-14 w-14 text-center bg-[#292825fa] box-border rounded-full leading-[60px] group-hover:bg-[#ff0000] text-2xl transition-all ease-out duration-300">
37+
<i className="fa fa-youtube-play text-white transition-all ease-out duration-300"></i>
38+
</div>
39+
<span className="text-xl font-medium ml-5 group-hover:text-[#ff0000] transition-all ease-out duration-300">
40+
<Link href="#">YouTube</Link>
41+
</span>
42+
</div>
43+
</div>
44+
<div className="flex flex-row items-center justify-center">
45+
<div className="group mx-1 inline-block h-14 w-14 hover:w-48 transition-all ease-out rounded-full float-left cursor-pointer duration-300 bg-white shadow-wrap overflow-hidden">
46+
<div className="inline-block h-14 w-14 text-center bg-[#292825fa] box-border rounded-full leading-[60px] group-hover:bg-[#171515] text-2xl transition-all ease-out duration-300">
47+
<i className="fa fa-github text-white transition-all ease-out duration-300"></i>
3748
</div>
38-
<span className="text-xl bg-white p-[15px] rounded-[10px] font-medium ml-2 leading-[65px] transition-all ease-out group-hover:text-[#333]">
49+
<span className="text-xl font-medium ml-5 group-hover:text-[#171515] transition-all ease-out duration-300">
3950
<a
4051
href="https://github.com/jsvigneshkanna"
4152
target="_blank"
@@ -44,21 +55,11 @@ const SocialButtons = () => {
4455
</a>
4556
</span>
4657
</div>
47-
</div>
48-
<div className="flex flex-row items-center justify-center">
49-
<div className=" hidden md9:block group m-3 h-16 w-16 py-0 hover:w-52 transition-all ease-in-out duration-300 rounded-[10px] float-left overflow-hidden cursor-pointer">
50-
<div className="inline-block h-16 w-16 text-center bg-[#292825fa] transition-all ease-in-out duration-300 box-border rounded-[10px] leading-[65px] group-hover:bg-[#ff0000]">
51-
<i className="fab fa-youtube text-2xl leading-[60px] transition-all ease-out text-white"></i>
52-
</div>
53-
<span className="text-xl bg-white p-[15px] rounded-[10px] font-medium ml-2 leading-[65px] transition-all ease-out group-hover:text-[#ff0000]">
54-
<Link href="#">YouTube</Link>
55-
</span>
56-
</div>
57-
<div className="group m-3 inline-block h-16 w-16 py-0 hover:w-52 transition-all ease-in-out duration-300 rounded-[10px] float-left overflow-hidden cursor-pointer">
58-
<div className="inline-block h-16 w-16 text-center bg-[#292825fa] transition-all ease-in-out duration-300 box-border rounded-[10px] leading-[65px] group-hover:bg-[#0A66C2]">
59-
<i className="fab fa-linkedin text-2xl leading-[60px] transition-all ease-out text-white"></i>
58+
<div className="group mx-1 inline-block h-14 w-14 hover:w-48 transition-all ease-out rounded-full float-left cursor-pointer duration-300 bg-white shadow-wrap overflow-hidden">
59+
<div className="inline-block h-14 w-14 text-center bg-[#292825fa] box-border rounded-full leading-[60px] group-hover:bg-[#0A66C2] text-2xl transition-all ease-out duration-300">
60+
<i className="fa fa-linkedin-square text-white transition-all ease-out duration-300"></i>
6061
</div>
61-
<span className="text-xl bg-white p-[15px] rounded-[10px] font-medium ml-2 leading-[65px] transition-all ease-out group-hover:text-[#0A66C2]">
62+
<span className="text-xl font-medium ml-5 group-hover:text-[#0A66C2] transition-all ease-out duration-300">
6263
<a
6364
href="https://www.linkedin.com/in/jsvigneshkanna/"
6465
target="_blank"

‎package-lock.json

+112
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+5
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,13 @@
99
"lint": "next lint"
1010
},
1111
"dependencies": {
12+
"@fortawesome/fontawesome-svg-core": "^6.2.0",
13+
"@fortawesome/free-brands-svg-icons": "^6.2.0",
14+
"@fortawesome/free-solid-svg-icons": "^6.2.0",
15+
"@fortawesome/react-fontawesome": "^0.2.0",
1216
"@octokit/rest": "^19.0.5",
1317
"classnames": "^2.3.2",
18+
"font-awesome": "^4.7.0",
1419
"install-peerdeps": "^3.0.3",
1520
"next": "^12.3.1",
1621
"nextjs": "0.0.3",

‎pages/aboutUs.js

-4
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,6 @@ export default function Home() {
1212
<Head>
1313
<title>Tailwind Bootstrap | About US</title>
1414
<link rel="icon" href="/favicon/favicon.png" type="image/png" />
15-
<link
16-
rel="stylesheet"
17-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
18-
/>
1915
<meta name="title" content="Tailwind Bootstrap" />
2016
<meta name="description" content="TailwindCSS ui component bootstrap" />
2117

‎pages/contributors.js

-4
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,6 @@ export default function Home() {
1111
<Head>
1212
<title>Tailwind Bootstrap | Contributors</title>
1313
<link rel="icon" href="/favi-tailwind.png" type="image/png" />
14-
<link
15-
rel="stylesheet"
16-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
17-
/>
1814
<meta name="title" content="Tailwind Bootstrap" />
1915
<meta name="description" content="TailwindCSS ui component bootstrap" />
2016

‎pages/documentation.js

-4
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,6 @@ const Documentation = () => {
99
<Head>
1010
<title>Tailwind Bootstrap | Documentation</title>
1111
<link rel="icon" href="/favicon/favicon.png" type="image/png" />
12-
<link
13-
rel="stylesheet"
14-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
15-
/>
1612
<meta name="title" content="Tailwind Bootstrap" />
1713
<meta name="description" content="TailwindCSS ui component bootstrap" />
1814

‎pages/faqs.js

-4
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,6 @@ export default function Home() {
1010
<Head>
1111
<title>Tailwind Bootstrap</title>
1212
<link rel="icon" href="/favi-tailwind.png" type="image/png" />
13-
<link
14-
rel="stylesheet"
15-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
16-
/>
1713
<meta name="title" content="Tailwind Bootstrap" />
1814
<meta name="description" content="TailwindCSS ui component bootstrap" />
1915

0 commit comments

Comments
 (0)