diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 0030746..8a01940 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -1,46 +1,49 @@ -import React from "react"; +import React, { useMemo } from "react"; import { Container, Row, Col } from "react-bootstrap"; import homeLogo from "../../Assets/home-main.png"; import Particle from "../Particle"; import HomeContent from "./HomeContent"; import Type from "./Type"; +import Image from "react-bootstrap/Image"; function Home() { + const timestamp = useMemo(() => '?v=' + new Date().getTime(), []); return (
- - - - - -

- Hi There!{" "} - - 👋🏻 - -

+ {/* */} + + + + +

+ Hi There!{" "} + + 👋🏻 + +

-

- It's - KasWare Wallet -

+

+ It's + KasWare Wallet +

-
- -
- - - - + + + + + + home pic - -
-
+ + +
+ {/*
*/}
); diff --git a/src/style.css b/src/style.css index aeb3704..7144898 100644 --- a/src/style.css +++ b/src/style.css @@ -602,6 +602,23 @@ button:focus { line-height: 1.6 !important; } +.main-icons { + font-size: 4.5em !important; + opacity: 0.93 !important; + vertical-align: middle !important; + text-align: center !important; + border-radius: 5px !important; + display: table !important; + box-shadow: 4px 5px 4px 3px rgba(89, 4, 168, 0.137) !important; + overflow: hidden !important; + transition: all 0.4s ease 0s !important; +} + +.main-icon-images { + /* padding: 20px !important; */ + line-height: 1.6 !important; +} + .quote-card-view { border: none !important; color: white !important;