diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..53367dc --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "mern-bootcamp", + "lockfileVersion": 3, + "requires": true, + "packages": {} +} diff --git a/src/webapp/public/images/app-store.png b/src/webapp/public/images/app-store.png new file mode 100644 index 0000000..e97a764 Binary files /dev/null and b/src/webapp/public/images/app-store.png differ diff --git a/src/webapp/public/images/google-play.png b/src/webapp/public/images/google-play.png new file mode 100644 index 0000000..94bd7ae Binary files /dev/null and b/src/webapp/public/images/google-play.png differ diff --git a/src/webapp/src/components/Footer.jsx b/src/webapp/src/components/Footer.jsx index ebe9f5d..dcd878d 100644 --- a/src/webapp/src/components/Footer.jsx +++ b/src/webapp/src/components/Footer.jsx @@ -1,6 +1,91 @@ import React from 'react'; +import { Row, Col, Container } from 'react-bootstrap'; +import { FaTwitter } from "react-icons/fa"; +import { FaFacebookSquare } from "react-icons/fa"; +import { FaYoutube } from "react-icons/fa"; +import { AiFillInstagram } from "react-icons/ai" + const Footer = () => { - return ; + return ( +
+
+ + +
+ {/* + +

Contact Us

+ + +
+ +
    + + + + +
+
+ + +

Download Our Application

+ + +
+ + Google Play + App Store +
+ +
*/} + + +
+

About DevCamper

+ +
+ + +
+

Bootcamps

+ +
+ + +
+

Support

+ +
+ + +
+

Community

+ +
+ +
+
+ + +

All Rights are Reserved by DevCamper Ltd.2024.

+ +
+
+
+ {/* */} +
+ ); }; export default Footer; diff --git a/src/webapp/src/footer.css b/src/webapp/src/footer.css new file mode 100644 index 0000000..76f4a1e --- /dev/null +++ b/src/webapp/src/footer.css @@ -0,0 +1,21 @@ +.footer { + background-color: black; + color: white; +} + +.footer .container { + max-width: 1400px +} + +.social-icons a{ + color: white; + margin: 10px; +} + +.single_footer ul li a { + color: white; +} + +.footerCon-body { + margin-bottom: 5rem; +} \ No newline at end of file diff --git a/src/webapp/src/index.js b/src/webapp/src/index.js index 7118189..313f0d2 100644 --- a/src/webapp/src/index.js +++ b/src/webapp/src/index.js @@ -4,6 +4,7 @@ import 'react-toastify/dist/ReactToastify.css'; import 'bootstrap/dist/css/bootstrap.min.css'; import './bootstrap.css'; import './index.css'; +import './footer.css' import App from './App';