Skip to content

Commit 6ceacd7

Browse files
nmewada01nmewada01
committed
myproject
0 parents  commit 6ceacd7

9 files changed

+2454
-0
lines changed

‎footer.css

+190
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,190 @@
1+
/* * {
2+
margin: 0;
3+
padding: 0;
4+
font-family: 'Open Sans', sans-serif;
5+
color: grey;
6+
background-color: whitesmoke;
7+
} */
8+
9+
#footer {
10+
height: 550px;
11+
width: 100%;
12+
display: flex;
13+
}
14+
15+
.nav5 {
16+
height: 85%;
17+
width: 90%;
18+
margin: auto;
19+
display: flex;
20+
21+
}
22+
23+
#footer>div>div {
24+
width: 33%;
25+
height: 100%;
26+
padding: 0px 25px 0px 25px;
27+
}
28+
29+
h5 {
30+
color: black;
31+
font-size: 14px;
32+
padding: 10px 10px 10px 5px;
33+
margin-top: 25px;
34+
margin-left:3px;
35+
36+
37+
}
38+
39+
.aa>a {
40+
text-decoration: none;
41+
display: flex;
42+
43+
padding: 8px;
44+
font-size: 14px;
45+
color: grey;
46+
}
47+
48+
div>a:hover {
49+
text-decoration: underline;
50+
51+
52+
}
53+
54+
h5+p {
55+
font-size: 14px;
56+
line-height: 25px;
57+
margin-left:10px;
58+
color: grey;
59+
60+
}
61+
62+
p>a {
63+
color: grey;
64+
}
65+
66+
#enterMail {
67+
height: 35px;
68+
width: 88%;
69+
font-size: 14px;
70+
border: 2px solid black;
71+
border-top-style: hidden;
72+
border-right-style: hidden;
73+
border-left-style: hidden;
74+
border-bottom-style: groove;
75+
margin-top: 35px;
76+
margin-left:10px;
77+
color: grey;
78+
79+
}
80+
81+
#enterMail:focus {
82+
outline: none;
83+
}
84+
/* .payment
85+
{
86+
height: 200px;
87+
border: 1px red solid;
88+
} */
89+
.payment a
90+
{
91+
display: flex;
92+
flex-direction: column;
93+
justify-content: space-evenly;
94+
color: grey;
95+
margin-bottom: 10px;
96+
97+
}
98+
.icon1 {
99+
width: 100%;
100+
height: 50px;
101+
display: flex;
102+
103+
}
104+
105+
.icon1>div {
106+
width: 40px;
107+
height: 40px;
108+
border: 2px solid black;
109+
text-align: center;
110+
border-radius: 50%;
111+
overflow: hidden;
112+
color: grey;
113+
114+
}
115+
116+
.icon1>div:nth-child(2) {
117+
margin-left: 20px;
118+
color: grey;
119+
}
120+
121+
.icon1>div:nth-child(3) {
122+
width: 100px;
123+
height: 30px;
124+
margin-top: 1px;
125+
margin-left: 20px;
126+
border-radius: 50px;
127+
padding: 10px 25px 0px 25px;
128+
129+
}
130+
131+
.icon2 {
132+
width: 90%;
133+
height: 80px;
134+
display: flex;
135+
flex-wrap: wrap;
136+
137+
}
138+
139+
.icon2>div {
140+
height: 40px;
141+
width: 40px;
142+
border-radius: 50%;
143+
overflow: hidden;
144+
padding-left: 5px;
145+
padding-top: 5px;
146+
text-align: center;
147+
background-color: whitesmoke;
148+
149+
}
150+
151+
.icon2>div>a {
152+
text-decoration: none;
153+
color: grey;
154+
155+
156+
}
157+
158+
.copyright {
159+
margin-top: 50px;
160+
font-size: 12px;
161+
color:darkgrey;
162+
margin-bottom: 10px;
163+
164+
}
165+
.copyright+div{
166+
display: flex;
167+
}
168+
169+
.nav2{
170+
width:90%;
171+
height:50px;
172+
margin:auto;
173+
display:flex;
174+
}
175+
.terms
176+
{
177+
display: flex;
178+
flex-direction: column;
179+
}
180+
.terms a
181+
{
182+
margin-bottom: 10px;
183+
color: grey;
184+
185+
}
186+
.nav2 img
187+
{
188+
width: 100px;
189+
height: 50px;
190+
}

‎footer.html

+106
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<script src="https://kit.fontawesome.com/22fe5662e5.js" crossorigin="anonymous"></script>
9+
<link rel="stylesheet" href="footer.css">
10+
<title>Footer</title>
11+
12+
</head>
13+
14+
<body>
15+
<div id="footer">
16+
<div class="nav5">
17+
<div>
18+
<h5>Get To Know Us</h5>
19+
<a href="">About banggood.in</a>
20+
<a href="">Guarantees & Return Policy</a>
21+
<a href="">Contact Us</a>
22+
<a href="">Help Center</a>
23+
<a href="">Site Map</a>
24+
<a href="">Intellectual Property Claims</a>
25+
26+
<h5>Subscribe</h5>
27+
<p>By subscribing you agree to receive email from us.
28+
Please read our <a href="">Privacy Policy</a></p>
29+
30+
<input type="text" autofocus="autofocus" value="" placeholder="Email Address" id="enterMail" />
31+
32+
</div>
33+
<div>
34+
<h5>Payment & Shipping</h5>
35+
<a href="">Payment Methods</a>
36+
<a href="">BGpay Intruction</a>
37+
<a href="">Shipping Guide</a>
38+
<a href="">Location We Ship To</a>
39+
<a href="">Estimated Delivery Time</a>
40+
41+
<h5>Partnership Programs</h5>
42+
<a href="">Drop shipping</a>
43+
<a href="">Review Club</a>
44+
<a href="">Affiliate Program</a>
45+
<a href="">Wholesale Program</a>
46+
<a href="">Fashion Blogger Program</a>
47+
48+
</div>
49+
<div class="social">
50+
<h5>Download App</h5>
51+
<div class="icon1">
52+
<div><i class="fa-brands fa-apple fa-2x"></i></div>
53+
<div> <i class="fa-brands fa-android fa-2x"></i></div>
54+
<div><i class="fa-solid fa-qrcode"></i>QR Code <i class="fa-solid fa-caret-down"></i></div>
55+
</div>
56+
57+
58+
<h5>Follow Us</h5>
59+
<div class="icon2">
60+
<div> <a href=""><i class="fa-brands fa-facebook fa-1x"></i></a></div>
61+
<div><a href=""> <i class="fa-brands fa-instagram fa-1x"></i></a></div>
62+
<div><a href=""> <i class="fa-brands fa-youtube fa-1x"></i></a></div>
63+
<div><a href=""><i class="fa-brands fa-twitter fa-1x"></i></a></div>
64+
<div><a href=""> <i class="fa-brands fa-pinterest fa-1x"></i></a></div>
65+
<div> <a href=""><i class="fa-brands fa-tiktok fa-1x"></i></a></div>
66+
<div><a href=""> <i class="fa-brands fa-vk fa-1x"></i></a></div>
67+
<div><a href=""><i class="fa-brands fa-blogger-b fa-1x"></i></a></div>
68+
<div><a href=""><i class="fa-brands fa-reddit-alien fa-1x"></i></a></div>
69+
<div> <a href=""><i class="fa-brands fa-telegram fa-1x"></i></a></div>
70+
<div><a href=""><i class="fa-brands fa-whatsapp fa-1x"></i></a></div>
71+
</div>
72+
73+
74+
<p class="copyright"><i class="fa-solid fa-copyright"></i>
75+
2006-2022 BANGGOOD</p>
76+
<div>
77+
<a href="">TERMS </a>
78+
<a href="">PRIVACY</a>
79+
<a href="">SPECIALIZED AFFAIRS</a>
80+
</div>
81+
</div>
82+
</div>
83+
84+
85+
</div>
86+
<div class="nav2">
87+
<img src="https://www.paypalobjects.com/webstatic/mktg/logo-center/PP_Acceptance_Marks_for_LogoCenter_76x48.png" />
88+
<img src="https://usa.visa.com/dam/VCOM/global/about-visa/images/logo-olympics-800x450.jpg"/>
89+
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAgCAMAAABq4atUAAAAhFBMVEX3nhvrABv/////XwD+7/D958XsDyj5tlT82qn/+fDwP1P+8+L+awXyIxD7zozwFxT5r7f1f4zyX2/uL0X9bwb+7dT3pCn93+L3mRn6hhD+WQH81Jr5vGHtHzb4r0X94Lf7z9T1Lw35QQj8egv0b376v8X2kJv2X0P6wnD5ihL4bE74nyWXYNIuAAABPklEQVQ4jZ2V61KDMBCFFwIkBEWgAloubZXWqu//fnInJSd2yvnFZPLNHnaTE7IXRYncWVYlm2heSouSE2WcF4GykaaPPLEWebHTrR1aYFYt1pATW7fyLnagIp24ewPlO0vT1y9pEgp09HTmmT296dR1hhzIMEiFI+QAby+s06sO0WGA1j3otO8h9q5Dmd9BOTB3GhiTQbITnZkK4VJBCxm6MJYCf1XYFIFCHzPEgD9uE3K3MMgf+SRN/R70CSCXjENixlG5BNzdg8ItULHN3qZGNMDffoFwyx8fbrnxGD1+YP0WQvf29E+h8N4l/IaF+owwjgr2OxVDsFS4F+jeiiXCIGUMozEsUSD96GGZqWHZKl710ItALKfrB8BJFKy69A+AWypIPSW5ArU6N1J6npTxeV4KxJXXVPNS+MrGP15ME2pz0EKIAAAAAElFTkSuQmCC"/>
90+
<img src="https://www.rupay.co.in/images/rupay/header-logo.png"/>
91+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/paytm.png"/>
92+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/sbi-card.png" />
93+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/pnb.png" />
94+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/transerv.png" />
95+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/paypoint.png" />
96+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/yesbank.png"/>
97+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/zokodu.png"/>
98+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/kotak-mahindra.png"/>
99+
<img src="https://www.rupay.co.in/images/rupay/rupay-on-the-go-studio-ipl/banklogo/fino.png"/>
100+
</div>
101+
</body>
102+
103+
</html>
104+
<script>
105+
106+
</script>

0 commit comments

Comments
 (0)