update new footer

Author: wendychaung

front-end/pages/_app.tsx

@@ -14,7 +14,7 @@ function MyApp({ Component, pageProps }: AppProps) {
     <ContextProvider>
       <Component {...pageProps} />
     </ContextProvider>
-    <link rel="stylesheet" href="https://web3camp.us/globals.css"/>
+    <link rel="stylesheet" href="./globals.css"/>
   </>
 }
 

front-end/pages/components/footerBox.tsx

@@ -2,7 +2,11 @@ import styled from "styled-components";
 import {Container} from 'react-bootstrap';
 const Footer = styled.div`
   height: 80px;
-  margin-top: 100px;
+  margin-top: 60px;
+  width: 100%;
+  padding-top: 15px;
+  background: #fff;
+  font-size: 14px;
   .midBox{
     display: flex;
     justify-content: space-between;
@@ -15,18 +19,28 @@ const Footer = styled.div`
   .lft{
     padding-left: 10px;
   }
+  a{
+    display: inline-block;
+    margin-left: 20px;
+  }
 `
 export default function footerBox(){
     return  <Footer>
         <Container>
             <div className="midBox">
-                <div className="lft">&copy; 2022 Web3camp.us</div>
+                <a href="https://web3camp.us" target="_blank" rel="noreferrer">
+                    <div className="lft">&copy; 2022 Web3camp.us</div>
+                </a>
+
                 <div>
-                    <a href="https://github.com/Web3-Camp/multisender" target="_blank" rel="noreferrer">
-                        <img src="https://web3camp.us/assets/images/GitHub-Mark.png" alt=""/>
+                    <a href="https://github.com/Web3Camp-Labs/multisender" target="_blank" rel="noreferrer">
+                        <img src="./github.png" alt=""/>
+                    </a>
+                    <a href="https://twitter.com/Web3Camp" target="_blank" rel="noreferrer">
+                        <img src="./Twitter.png" alt=""/>
                     </a>
                 </div>
             </div>
         </Container>
-</Footer>
+    </Footer>
 }

front-end/pages/components/step2.tsx

@@ -469,7 +469,7 @@ export default function Step2(props:Iprops) {
 
     const downLoadExcel =  (data:string[]) => {
         if (importRecord == null  || !data.length) return;
-        let amountStr = `Address,amount\n`;
+        let amountStr = `Address,Amount\n`;
         let addressStr = "";
         importRecord.map((item)=>{
             const { address, amount} = item;

front-end/pages/index.tsx

@@ -45,8 +45,8 @@ const NavBox = styled.div`
       height: 80px;
     }
   li{
-    background: #fff;
-    padding: 0 40px;
+    background: #FAFBFC;
+    padding: 0 20px;
     .circle{
       width: 80px;
       height: 80px;

front-end/public/Twitter.png

@@ -0,0 +1,82 @@
+@font-face {
+    font-family: "AdobeGurmukhi-Bold";
+    src: url("https://web3camp.us/AdobeGurmukhi-Bold.otf");
+}
+@font-face {
+  font-family: "Helvetica";
+  src: url('https://web3camp.us/Helvetica.ttc');
+}
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+  background: #FAFBFC;
+  color: #666666;
+}
+* {
+  padding: 0;
+  margin: 0;
+font-family: "Helvetica";
+}
+
+a{
+  text-decoration: none;
+  color: #666666;
+}
+a:hover{
+    color: purple;
+  }
+
+ul,li{
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.btn-flat {
+  background-color: #2D1D0A;
+  color: white;
+    /*width: 152px;*/
+    /*height: 46px;*/
+    font-family: "Helvetica";
+}
+.btn-flat:focus{
+   outline: none;
+ }
+.btn-flat:hover{
+   background: purple;
+   color: white;
+ }
+.spinner-primary{
+  color: purple;
+}
+.backgroun-gray{
+    background: #f8f8f8;
+}
+.form-check-input:checked {
+  background-color: purple;
+  border-color: purple;
+}
+.form-check-input:focus{
+   outline: none;
+   border-color: #ccc;
+ }
+.header{
+    /*box-shadow: 0 0 5px #ccc;*/
+    padding:23px 0;
+    background: #fff;
+}
+.header img{
+    height: 45px;
+}
+.headerTxt{
+    font-family: "Helvetica";
+    font-weight: bolder;
+    font-size: 32px;
+    /* text-transform: uppercase; */
+}
+.headetRht{
+    text-align: right;
+    font-size: 12px;
+    padding-top: 20px;
+}