1
- import React , { useState } from 'react' ;
1
+ import React from 'react' ;
2
2
import Logo from '../image/logo.png' ;
3
3
import '../css/tailwind.css' ;
4
4
import '../App.css' ;
5
- import { GithubFilled , TwitterCircleFilled , FacebookFilled } from '@ant-design/icons' ;
5
+ import { GithubFilled , TwitterCircleFilled } from '@ant-design/icons' ;
6
6
// import 'bulma/css/bulma.css'
7
7
function Footer ( ) {
8
8
return (
@@ -13,54 +13,20 @@ function Footer(){
13
13
14
14
< div className = "flex flex-wrap " >
15
15
< div className = "w-full md:w-1/3 " >
16
- < img src = { Logo } className = "w-64 " />
16
+ < img src = { Logo } className = "w-64 " alt = "popschools" />
17
17
</ div >
18
18
19
19
< div className = "w-full md:w-2/3" >
20
20
21
21
< div className = "grid grid-cols-2 md:grid-cols-3" >
22
- < div >
23
- < div data-aos = "fade-down" data-aos-duration = "1000" >
24
- < p className = "py-3 px-3 text-gray-600 font-bold" > Essential links</ p >
25
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Popschool club</ p > </ a >
26
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Mutualaid.fund</ p > </ a >
27
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > ForkThisRepo.com</ p > </ a >
28
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > PopSchools.studio</ p > </ a >
29
- </ div >
30
- < div data-aos = "fade-down" data-aos-duration = "1000" >
31
- < p className = "pt-16 px-3 text-gray-600 font-bold" > Developers</ p >
32
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Open source projects</ p > </ a >
33
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Webinars</ p > </ a >
34
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Communities</ p > </ a >
35
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Meetup</ p > </ a >
36
- </ div >
37
- </ div >
38
- < div >
39
- < div data-aos = "fade-down" data-aos-duration = "1000" >
40
- < p className = "pt-3 px-3 text-gray-600 font-bold" > Organization</ p >
41
-
42
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > About us</ p > </ a >
43
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Sponsors</ p > </ a >
44
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Career</ p > </ a >
45
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Contact</ p > </ a >
46
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Team</ p > </ a >
47
- </ div >
48
- < div data-aos = "fade-down" data-aos-duration = "1000" >
49
- < p className = "pt-5 px-3 text-gray-600 font-bold" > Resources</ p >
50
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Blog</ p > </ a >
51
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Webinars</ p > </ a >
52
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Career Guidance</ p > </ a >
53
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 py-2" > Meetup</ p > </ a >
54
- </ div >
55
- </ div >
22
+
56
23
< div >
57
24
< p className = "py-3 px-3 text-gray-600 font-bold" > On Social Media</ p >
58
25
< p className = "text-gray-600 py-4 px-3" > Follow us on our social media</ p >
59
26
< hr />
60
27
61
28
< a href = "https://github.com/PopSchools/popschools.org" > < span className = " px-3 text-gray-600 text-4xl inline-block" > < GithubFilled /> </ span > </ a >
62
- < span className = "px-3 text-gray-600 text-4xl inline-block" > < TwitterCircleFilled /> </ span >
63
- < span className = "px-3 text-gray-600 text-4xl inline-block" > < FacebookFilled /> </ span >
29
+ < a href = "https://twitter.com/popschoolsorg" > < span className = "px-3 text-gray-600 text-4xl inline-block" > < TwitterCircleFilled /> </ span > </ a >
64
30
</ div >
65
31
66
32
</ div >
@@ -69,12 +35,7 @@ function Footer(){
69
35
< span className = "text-left text-gray-600 py-2 px-3" > < span dangerouslySetInnerHTML = { { "__html" : "©" } } /> { ( new Date ( ) . getFullYear ( ) ) } Popschools, Inc</ span >
70
36
</ div >
71
37
72
- < div className = "py-6" >
73
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 inline-block mr-2" > Privacy</ p > </ a >
74
- < a href = "" > < p className = "px-3 text-gray-600 hover:text-gray-600 inline-block mr-2" > Terms and Condition</ p > </ a >
75
-
76
- </ div >
77
-
38
+
78
39
</ div >
79
40
80
41
0 commit comments