Skip to content

Commit f77f85a

Browse files
AmanJain18AmanJain18
committed
Fixed Bug #267 
1 parent ae1c83a commit f77f85a

File tree

9 files changed

+71
-49
lines changed

9 files changed

+71
-49
lines changed

‎components/aboutUs.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ const AboutUs = () => {
4848
/>
4949
</div>
5050
) : (
51-
<div className="banner">
51+
<div className="banner bannerfaq">
5252
<div>
5353
<div className="flex flex-col justify-center items-center flex-wrap">
5454
<div className="my-5 mx-3 p-6 md:w-4/5 md:mx-0 flex flex-col justify-center items-center border-white border-2 rounded-lg bg-sky-300">

‎components/faqs.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ const FAQs = () => {
8585

8686
return (
8787
<div>
88-
<div className="banner">
88+
<div className="banner bannerfaq">
8989
<div class="pb-6 text-white">
9090
<h1 class="p-3 text-center font-semibold text-lg md:text-2xl underline underline-offset-8">
9191
Frequently Asked Questions

‎components/homebanner.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ const Homebanner = () => {
3030
</div>
3131
) : (
3232
<div className="banner">
33-
<div className="banner_container">
33+
<div className="banner_container flex">
3434
<div className="left_container">
3535
<div className="what_is_ans">
3636
<p>

‎components/socialbuttons.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import Link from "next/link";
33
const SocialButtons = () => {
44
return (
55
<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">
6-
<div className="hidden md9:flex flex-row items-center justify-center">
6+
<div className="md9:flex flex-row items-center justify-center">
77
<div className="group m-3 inline-block h-16 w-16 py-0 hover:w-52 transition-all ease-out bg-white rounded-full float-left overflow-hidden cursor-pointer">
88
<div className="inline-block h-16 w-16 text-center bg-zinc-900 transition-all ease-out box-border rounded-full leading-[65px] group-hover:bg-[#4267B2]">
99
<i className="fab fa-facebook-f text-2xl leading-[60px] transition-all ease-out text-white"></i>
@@ -22,7 +22,7 @@ const SocialButtons = () => {
2222
</div>
2323
</div>
2424
<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-out bg-white rounded-full float-left overflow-hidden cursor-pointer">
25+
<div className="md9:block group m-3 h-16 w-16 py-0 hover:w-52 transition-all ease-out bg-white rounded-full float-left overflow-hidden cursor-pointer">
2626
<div className="inline-block h-16 w-16 text-center bg-zinc-900 transition-all ease-out box-border rounded-full leading-[65px] group-hover:bg-[#E1306C]">
2727
<i className="fab fa-instagram text-2xl leading-[60px] transition-all ease-out text-white"></i>
2828
</div>

‎pages/faqs.js

Lines changed: 43 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -2,48 +2,55 @@ import Head from "next/head";
22

33
import Navbar from "../components/navbar";
44
import FAQs from "../components/faqs";
5+
import SocialButtons from "../components/socialbuttons";
56
import Footer from "../components/footer";
67

78
export default function Home() {
89
return (
9-
<>
10-
<Head>
11-
<title>Tailwind Bootstrap</title>
12-
<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-
/>
17-
<meta name="title" content="Tailwind Bootstrap" />
18-
<meta name="description" content="TailwindCSS ui component bootstrap" />
10+
<>
11+
<Head>
12+
<title>Tailwind Bootstrap</title>
13+
<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+
/>
18+
<meta name="title" content="Tailwind Bootstrap" />
19+
<meta
20+
name="description"
21+
content="TailwindCSS ui component bootstrap"
22+
/>
1923

20-
<meta property="og:type" content="website" />
21-
<meta
22-
property="og:url"
23-
content="https://tailwindcsscomponents.vercel.app/"
24-
/>
25-
<meta property="og:title" content="Tailwind Bootstrap" />
26-
<meta
27-
property="og:description"
28-
content="TailwindCSS ui component bootstrap"
29-
/>
24+
<meta property="og:type" content="website" />
25+
<meta
26+
property="og:url"
27+
content="https://tailwindcsscomponents.vercel.app/"
28+
/>
29+
<meta property="og:title" content="Tailwind Bootstrap" />
30+
<meta
31+
property="og:description"
32+
content="TailwindCSS ui component bootstrap"
33+
/>
3034

31-
<meta
32-
property="twitter:url"
33-
content="https://tailwindcsscomponents.vercel.app/"
34-
/>
35-
<meta property="twitter:title" content="Tailwind Bootstrap" />
36-
<meta
37-
property="twitter:description"
38-
content="TailwindCSS ui component bootstrap"
39-
/>
40-
</Head>
35+
<meta
36+
property="twitter:url"
37+
content="https://tailwindcsscomponents.vercel.app/"
38+
/>
39+
<meta property="twitter:title" content="Tailwind Bootstrap" />
40+
<meta
41+
property="twitter:description"
42+
content="TailwindCSS ui component bootstrap"
43+
/>
44+
</Head>
4145

42-
<div className=" bg-slate-100 w-full min-h-screen font-poppins">
43-
<Navbar />
44-
<FAQs />
45-
<Footer />
46-
</div>
47-
</>
46+
<div className=" bg-slate-100 w-full min-h-screen font-poppins">
47+
<Navbar />
48+
<FAQs />
49+
<div className="social_buttons">
50+
<SocialButtons />
51+
</div>
52+
<Footer />
53+
</div>
54+
</>
4855
);
4956
}

‎public/home_banner.png

-10.1 KB
Loading

‎styles/components.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
width: 100%;
33
background: linear-gradient(220deg, #1f002d 0%, #00002d 100%);
44
height: max-content;
5-
padding-top: 16vh;
5+
padding-top: 14vh;
66
padding-bottom: 8vh;
77
color: white;
88
font-family: Arial, sans-serif;

‎styles/components/homebanner.css

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,16 @@
33
/* min-height: 80vh; */
44
width: 100%;
55
font-family: Arial, sans-serif;
6-
padding-top: 26vh;
6+
padding-top: 22vh;
77
padding-bottom: 10vh;
88
}
9+
.bannerfaq{
10+
padding-top: 14vh !important;
11+
}
912

1013
.banner_container {
11-
width: 75%;
14+
width: 80%;
1215
margin: 0 auto;
13-
display: flex;
1416
justify-content: space-between;
1517
align-items: center;
1618
gap: 10rem;
@@ -44,6 +46,7 @@
4446

4547
.right_container {
4648
width: 100%;
49+
text-align: center;
4750
}
4851

4952
.right_container img {
@@ -57,13 +60,13 @@
5760
@media (max-width: 900px) {
5861
.banner {
5962
font-family: "poppins";
60-
padding-top: 16vh;
61-
padding-bottom: 8vh;
63+
padding-top: 10vh !important;
64+
padding-bottom: 5vh;
6265
}
6366
.banner_container {
6467
flex-direction: column;
6568
gap: 3rem;
66-
width: 100%;
69+
width: 95%;
6770
padding: 16px;
6871
}
6972
.what_is {

‎styles/components/navbar_style.css

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@ nav {
5454
@media (max-width: 899px) {
5555
.nav_links {
5656
padding: 12px;
57+
font-weight: normal;
5758
/* margin-bottom: 24px; */
5859
}
5960
.nav_links:nth-child(1) {
@@ -69,7 +70,18 @@ nav {
6970
flex-direction: row;
7071
}
7172
}
72-
73+
@media (max-width: 1024px) {
74+
.nav_links {
75+
padding: 12px;
76+
font-size: 16px;
77+
}
78+
}
79+
@media (max-width: 960px) {
80+
.nav_links {
81+
padding: 12px;
82+
font-size: 13px;
83+
}
84+
}
7385
@media (max-width: 899px) {
7486
.nav_container nav div {
7587
flex-direction: column;

0 commit comments

Comments
 (0)