From 0ed23380c126b442772c2d08e3adeb9938e8d54d Mon Sep 17 00:00:00 2001
From: zhl <zhl010101@gmail.com>
Date: Wed, 29 Dec 2021 19:49:57 +0800
Subject: [PATCH] add footer

---
 src/assets/main/footer/discord.png  | Bin 0 -> 1124 bytes
 src/assets/main/footer/fb.png       | Bin 0 -> 784 bytes
 src/assets/main/footer/telegram.png | Bin 0 -> 3449 bytes
 src/assets/main/footer/twitter.png  | Bin 0 -> 2580 bytes
 src/components/main/Card.vue        |   2 +-
 src/components/main/MainFooter.vue  |  83 +++++++++++++++++++++++++++-
 6 files changed, 82 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/main/footer/discord.png
 create mode 100644 src/assets/main/footer/fb.png
 create mode 100644 src/assets/main/footer/telegram.png
 create mode 100644 src/assets/main/footer/twitter.png

diff --git a/src/assets/main/footer/discord.png b/src/assets/main/footer/discord.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b49d56882ae83d0174609f50473596b8f9b1576
GIT binary patch
literal 1124
zcmV-q1e^PbP)<h;3K|Lk000e1NJLTq003VA003VI0{{R3xsvP000024P)t-s0001T
ziQ00B+H#57a*5h<iQ00B+H#57a*5h<iQ00B+H#57a*5h<iQ00B+W-ImYlGNng4k_@
z*>H#2%+&I}$nMwP^qj2aZid-=k=^_J{^jZT#m?|_i`%Wc>Zi8ox5Dgyl-_ra+@P=K
zjGp1r+4Ql#>+$pZ?eP2Q?E1UL?wG0Mh@0Srncw#J{gkHU`1<|f=J?&?_S)d~)!g)>
zvgh>n{K?YsWq#L>q2i}+!hrw)01k9gPE!EhTvrGB^yJvAmyNEi=JS?I000A5Nkl<Z
zXx{DGX_J~j5C&k~WOJwOnO14;OT6!U|NkG0fru8_1R0#F9KPQgsYj$myK1J9=IztR
z5AWc9dH3Pt)7wU#H%+*Ins3hhC(x5m8UGn{<#T#-KwsXRTKgXK<^9{n6X?uS<16UQ
zm&OOsnP%f1=*)8i^yZ)RS)i;M6nv|XrgzwOE2iBK1>NEk?uIRu3_M9U_}Fi$rX#7;
z$4N^)z9{p_wQKkTlS=&b^3~&Gi7)!Kd`Fb|omzeyAO6FC_<xwcTzivvbg8|b;SBHQ
z4?WY3H*;$~wAY*UYBaF+U4!|hZQaA4d*lYT-7%(N1T2|cb7qX~RUeMiq`seo=sVt&
z1fFOj03u=(H1(XF#CTBCx5<nrAeaj05es)>n8&!L?+epKg4aUQHOU>-^5-TK!LLFD
z!mH(X1pGc6F6;O`2_?Zp4c`VT^%ph#zJRh&G*I_@5=w)PvOjX^GL<63s|6a$zLTFV
zqs1h|>q1_AgH(MZ7pL}V_>1wX$X_E`Df-ro&pjNa^_0^IH7oMoh_RwSj0n=;E<13*
z??qgA^w3cByZIFc*@3nEUN~8i<TtOU=m(-O^mbD}C{S$f)%;!Y3Vr;}O|44-SwqzP
zMSe1-*SsZ4-z_bY%TEVy)cniSOKfb{o=fMVdn)+q30CkgUr(l!iA+d2$eb2LdHWUo
zWtjOrNIyrepJBpiMp^rn{JEL>+&e5#5ER0KV<*gfU+w-(M0PiN>x~}?!F2WKj%I(=
z4rN-&M6JJr>5n&v#>;)%pMgYi3L?z>WIptnQ(pP^p*46Blo6qK>W95`#z8Q4w)V2M
zilgi`q>lRkixs$n;gq9am<3mWX^TZ~Q*XZNhf;{+;>_nsSO|p0!KyufZaSX-%CPM0
zg0}sa%>NJn;r}Q8xRN)o?E97caZ=IenN`J4Xj9DxbgKCK2$E_(o1<2R#7AgX@<Gn*
z3ce$loJu}OGZ^0NkARpvm3&|ky%;xU;t~*!EBOE<@z$iLW52|&84{jWA4tTOP9H!l
z_F8=qFGH<9h?)Jff6w(tG*{b#|9sc=Q)%uBbA0o@>%YW>17CEnU+Z3f*Svo~^Zp0j
q`#1FOKgsvcG@tKiKR3_&XTAaQ{vM8P8<?>G0000<MNUMnLSTY9$Y_}W

literal 0
HcmV?d00001

diff --git a/src/assets/main/footer/fb.png b/src/assets/main/footer/fb.png
new file mode 100644
index 0000000000000000000000000000000000000000..7da8038b877c723423d1496df85a7da3c02595d1
GIT binary patch
literal 784
zcmeAS@N?(olHy`uVBq!ia0vp^@gU5>3?z3>dVL&7?G5k=aRt&6<)27G|NsBz%=_50
z`zLSV$B<cH1&TfimwbBn^`A!LXVKD6hwuF1F8H|Z%5VMFFV8>zJ8}O{%eJ51Q@_ep
zfByaV|EC}SZoT?jw(dvV!f$~yzB%-Nwe9_)T=!YB;?wtE{}-S7HTT%B3HyGgFZ=%Q
z-~S6w{_ef`d)3)r(+~Zu-TZ?g?Zf+T|CXKp)wbhj&88nL*&j`qQceRsAW#zI7t9dO
zzV_~~FHdhw?~RLQez?x#*)CoN2F6dGE{-7?_uk$*nRnYjq&3lN-rE~Hmt?G3xa`Cy
zo7*$3_x?{dExpySmS>AkWdqa2{Xz~8q61iV?tC+)J}}$-WbE0pw};Z#SC$sV-~GMt
zyLHRT%l1EGovzyE@;&?{@j1F>_0!FAimx|HDeg|mbuvrvb-I?&vi8&6Us_^H)4Vh_
z_t)FjXO-7!e95xowo?r(nSRHfrGN9|g00v3YDCwkUr+uQ{WxcR%nz%$cSd#Vvc>mJ
z`Z;aBe$j*DFJ+%w#4iix`|?!lu|xdp4&~adk3HgbEw4=HyfS^U^qTnvOXQacuh4gA
zW8G2z==kRs|4!HZxD@pN;P(6fUdC_=o}Mo9w|Tw!Wuy9P)ff87`9JnXYMq?Ae%ey;
z*UvOg9NKPY7r9XOSNErjoF^CB>-^j;@mikc8o$>5Pul<2{&VA8ygcya`T0lmBY$NH
zO4RPtzn@>3Firf{DRK6^tH-x4mA~<Gd&^g4*MNHY<i9fy{Nm>Px;>NQ>vCz{ufm=I
z{}nd;Gd%W7ne*#$ZPu^qK#9#xw}1U)-|X3WXV&S?O?C3!+KZFoKFOOM`!#D#t*lh1
z>q-87Qm=pQufDGhbOFc_u|IrQ+)v0|VV_{SqW)x6!2aWZ#4hCj?5T9PpM1VFvF`ee
z`wTzk?lY`^biw?&f86u*SG?_Y$sdaAo=Hb{cqUIgmHQl+G8jBv{an^LB{Ts5-HD-`

literal 0
HcmV?d00001

diff --git a/src/assets/main/footer/telegram.png b/src/assets/main/footer/telegram.png
new file mode 100644
index 0000000000000000000000000000000000000000..ccf82a694e3c1dffb52efe0ece2dd1444c6c2b38
GIT binary patch
literal 3449
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
b;RpRc@Nv#AM0&H900000NkvXXu0mjfD$=4w

literal 0
HcmV?d00001

diff --git a/src/assets/main/footer/twitter.png b/src/assets/main/footer/twitter.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb65a0dfe679bf80d78415b15f929ace22300f30
GIT binary patch
literal 2580
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
Jy2EEv{|iUUo@@XB

literal 0
HcmV?d00001

diff --git a/src/components/main/Card.vue b/src/components/main/Card.vue
index 7ef2e17..48f170d 100644
--- a/src/components/main/Card.vue
+++ b/src/components/main/Card.vue
@@ -7,7 +7,7 @@
       <div class="info-div">
         <img class="name-img" src="@/assets/main/p3/racoon.png">
         <span class="index-label">#01</span>
-        <span class="price-label">100 USD</span>
+        <span class="price-label">100 USDT</span>
       </div>
     </div>
   </div>
diff --git a/src/components/main/MainFooter.vue b/src/components/main/MainFooter.vue
index 4017b8e..98f5ea7 100644
--- a/src/components/main/MainFooter.vue
+++ b/src/components/main/MainFooter.vue
@@ -1,5 +1,36 @@
 <template>
-  <footer id="footer" ></footer>
+  <footer class="footer" >
+    <div class="leftPart">
+      <img src="@/assets/main/p1/icon_logo_t.png">
+    </div>
+    <div class="centerPart link-list">
+      <a href="">Home</a>
+      <a href="">Instruction</a>
+      <a href="">About</a>
+      <a href="">Marketplace</a>
+      <a href="">Contact us</a>
+      <a href="">Blog</a>
+      <a href="">Policy</a>
+      <a href="">Whitepaper</a>
+    </div>
+    <div class="rightPart">
+      <span class="community-title">JOIN OUR COMMUNITY</span>
+      <div class="community-list">
+        <a href="">
+          <img src="@/assets/main/footer/fb.png">
+        </a>
+        <a href="">
+          <img src="@/assets/main/footer/twitter.png">
+        </a>
+        <a href="">
+          <img src="@/assets/main/footer/discord.png">
+        </a>
+        <a href="">
+          <img src="@/assets/main/footer/telegram.png">
+        </a>
+      </div>
+    </div>
+  </footer>
 </template>
 
 <script lang="ts">
@@ -16,5 +47,53 @@ export default class extends Vue {
 </script>
 
 <style lang="scss" scoped>
-
+  .footer {
+    display: flex;
+    height: 300px;
+  }
+  .leftPart{
+    width: 25vw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .leftPart img{
+    width: 185px;
+  }
+  .centerPart{
+    width: 50vw;
+    display: grid;
+    grid-template-columns: 33% 33% 33%;
+    grid-template-rows: 80px 80px 80px;
+    padding-top: 50px;
+  }
+  .link-list a{
+    text-transform: uppercase;
+    color: white;
+    text-decoration: none;
+    cursor: pointer;
+    font-size: 16px;
+  }
+  .rightPart{
+    width: 25vw;
+    display: flex;
+    flex-direction: column;
+    padding: 50px 20px;
+    align-items: center;
+  }
+  .community-title {
+    color: white;
+    font-size: 20px;
+    margin-bottom: 20px;
+  }
+  .community-list {
+    display: flex;
+  }
+  .community-list a {
+    width: 50px;
+    padding: 0 10px;
+  }
+  .community-list a img{
+    width: 50px;
+  }
 </style>