Created all Frontend component folders and files
This commit is contained in:
parent
4f1128e27a
commit
adbecd1feb
20
Websites/BankModern/.eslintrc.cjs
Normal file
20
Websites/BankModern/.eslintrc.cjs
Normal file
@ -0,0 +1,20 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: { browser: true, es2020: true },
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
'plugin:react/recommended',
|
||||
'plugin:react/jsx-runtime',
|
||||
'plugin:react-hooks/recommended',
|
||||
],
|
||||
ignorePatterns: ['dist', '.eslintrc.cjs'],
|
||||
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
|
||||
settings: { react: { version: '18.2' } },
|
||||
plugins: ['react-refresh'],
|
||||
rules: {
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
}
|
||||
24
Websites/BankModern/.gitignore
vendored
Normal file
24
Websites/BankModern/.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
8
Websites/BankModern/README.md
Normal file
8
Websites/BankModern/README.md
Normal file
@ -0,0 +1,8 @@
|
||||
# React + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
BIN
Websites/BankModern/bun.lockb
Executable file
BIN
Websites/BankModern/bun.lockb
Executable file
Binary file not shown.
13
Websites/BankModern/index.html
Normal file
13
Websites/BankModern/index.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
29
Websites/BankModern/package.json
Normal file
29
Websites/BankModern/package.json
Normal file
@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "modern_bank",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.15",
|
||||
"@types/react-dom": "^18.2.7",
|
||||
"@vitejs/plugin-react": "^4.0.3",
|
||||
"autoprefixer": "^10.4.16",
|
||||
"eslint": "^8.45.0",
|
||||
"eslint-plugin-react": "^7.32.2",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.3",
|
||||
"postcss": "^8.4.31",
|
||||
"tailwindcss": "^3.3.3",
|
||||
"vite": "^4.4.5"
|
||||
}
|
||||
}
|
||||
6
Websites/BankModern/postcss.config.js
Normal file
6
Websites/BankModern/postcss.config.js
Normal file
@ -0,0 +1,6 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
1
Websites/BankModern/public/vite.svg
Normal file
1
Websites/BankModern/public/vite.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
42
Websites/BankModern/src/App.css
Normal file
42
Websites/BankModern/src/App.css
Normal file
@ -0,0 +1,42 @@
|
||||
#root {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 6em;
|
||||
padding: 1.5em;
|
||||
will-change: filter;
|
||||
transition: filter 300ms;
|
||||
}
|
||||
.logo:hover {
|
||||
filter: drop-shadow(0 0 2em #646cffaa);
|
||||
}
|
||||
.logo.react:hover {
|
||||
filter: drop-shadow(0 0 2em #61dafbaa);
|
||||
}
|
||||
|
||||
@keyframes logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
a:nth-of-type(2) .logo {
|
||||
animation: logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.read-the-docs {
|
||||
color: #888;
|
||||
}
|
||||
27
Websites/BankModern/src/App.jsx
Normal file
27
Websites/BankModern/src/App.jsx
Normal file
@ -0,0 +1,27 @@
|
||||
import React from "react";
|
||||
import styles from "./styles";
|
||||
|
||||
import {Navbar, Billing, CardDeal, Business, Clients, CTA, Stats,
|
||||
Footer, Testimonials, Hero,} from "../../BankModern/src/components/Index";
|
||||
|
||||
const App = () => {
|
||||
return (
|
||||
<div className="bg-primary w-full overflow-hidden">
|
||||
<div className={"${styles.paddingX} ${styles.flexCenter}"}>
|
||||
<div className={"${styles.boxWidth}"}><Navbar/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={"bg-primary ${styles.flexStart}"}>
|
||||
<div className={"${styles.boxWidth}"}><Hero/></div>
|
||||
</div>
|
||||
<div className={"bg-primary ${styles.paddingX} ${styles.flexStart}"}>
|
||||
<div className={"${styles.boxWidth}"}>
|
||||
<Stats/> <Billing/> <Business/> <CardDeal/> <Testimonials/> <Clients/> <CTA/> <Footer/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default App;
|
||||
4
Websites/BankModern/src/assets/Discount.svg
Normal file
4
Websites/BankModern/src/assets/Discount.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.4" d="M15.9988 29.331C14.9735 29.331 13.9495 28.9417 13.1668 28.1643L12.1935 27.191C11.8161 26.815 11.3108 26.607 10.7748 26.6057H9.40546C7.19212 26.6057 5.39079 24.8043 5.39079 22.591V21.2203C5.38946 20.6857 5.18146 20.1803 4.80412 19.8003L3.84679 18.8443C2.27879 17.2857 2.27212 14.7377 3.83212 13.1683L4.80546 12.1937C5.18146 11.8163 5.38946 11.311 5.39079 10.775V9.40699C5.39079 7.19232 7.19212 5.39099 9.40546 5.39099H10.7761C11.3108 5.39099 11.8148 5.18299 12.1948 4.80299L13.1535 3.84699C14.7121 2.27899 17.2588 2.27099 18.8295 3.83232L19.8028 4.80565C20.1815 5.18299 20.6855 5.39099 21.2201 5.39099H22.5908C24.8041 5.39099 26.6055 7.19232 26.6055 9.40699V10.7763C26.6068 11.311 26.8148 11.8163 27.1921 12.1963L28.1495 13.1537C28.9081 13.9083 29.3281 14.9137 29.3321 15.987C29.3348 17.0537 28.9241 18.0577 28.1761 18.8163C28.1628 18.8297 28.1508 18.8443 28.1375 18.8563L27.1908 19.803C26.8148 20.1803 26.6068 20.6857 26.6055 21.2217V22.591C26.6055 24.8043 24.8041 26.6057 22.5908 26.6057H21.2201C20.6855 26.607 20.1801 26.815 19.8015 27.1923L18.8428 28.1497C18.0615 28.9363 17.0295 29.331 15.9988 29.331" fill="#393939"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3904 13.4012C13.1704 13.6212 12.8851 13.7399 12.5691 13.7399C12.2731 13.7399 11.9824 13.6186 11.7491 13.3999C11.5277 13.1799 11.4024 12.8786 11.4024 12.5732C11.4024 12.2826 11.5251 11.9839 11.7411 11.7532C11.8597 11.6332 12.0011 11.5426 12.1424 11.4946C12.5451 11.3106 13.0797 11.4186 13.3971 11.7519C13.5104 11.8652 13.5971 11.9892 13.6544 12.1186C13.7171 12.2572 13.7491 12.4146 13.7491 12.5732C13.7491 12.8906 13.6224 13.1852 13.3904 13.4012ZM20.254 11.7464C19.7993 11.2931 19.0593 11.2931 18.6047 11.7464L11.7513 18.5998C11.2967 19.0544 11.2967 19.7944 11.7513 20.2504C11.9727 20.4704 12.2647 20.5918 12.5767 20.5918C12.8887 20.5918 13.1807 20.4704 13.4007 20.2504L20.254 13.3971C20.7087 12.9411 20.7087 12.2024 20.254 11.7464ZM19.8744 18.3519C19.4424 18.1706 18.9304 18.2692 18.5891 18.6106C18.5184 18.6932 18.4184 18.8212 18.3504 18.9719C18.2784 19.1346 18.2691 19.3092 18.2691 19.4266C18.2691 19.5439 18.2784 19.7172 18.3504 19.8799C18.4171 20.0292 18.4971 20.1506 18.6024 20.2559C18.8437 20.4799 19.1237 20.5932 19.4357 20.5932C19.7317 20.5932 20.0224 20.4732 20.2611 20.2506C20.4731 20.0386 20.5891 19.7452 20.5891 19.4266C20.5891 19.1066 20.4731 18.8146 20.2597 18.6012C20.1424 18.4852 20.0011 18.3946 19.8744 18.3519Z" fill="#00F6FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
3
Websites/BankModern/src/assets/Send.svg
Normal file
3
Websites/BankModern/src/assets/Send.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M31.4966 0.931172C30.6963 0.109757 29.5118 -0.196261 28.4074 0.125863L2.65282 7.61524C1.48754 7.93897 0.661604 8.8683 0.439113 10.0489C0.21182 11.2504 1.00574 12.7757 2.04297 13.4135L10.0959 18.3629C10.9218 18.8702 11.9878 18.743 12.6713 18.0537L21.8927 8.77488C22.3569 8.2917 23.1252 8.2917 23.5894 8.77488C24.0536 9.24196 24.0536 9.99895 23.5894 10.4821L14.352 19.7625C13.6669 20.4503 13.5389 21.5213 14.0431 22.3524L18.9635 30.486C19.5397 31.4524 20.5321 32 21.6206 32C21.7486 32 21.8927 32 22.0207 31.9839C23.2693 31.8228 24.2617 30.9692 24.6298 29.7612L32.2649 4.03967C32.6011 2.94445 32.297 1.75259 31.4966 0.931172" fill="#00F6FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 752 B |
3
Websites/BankModern/src/assets/Shield.svg
Normal file
3
Websites/BankModern/src/assets/Shield.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="28" height="32" viewBox="0 0 28 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5649 31.8619C13.7421 31.9544 13.9402 32.0015 14.1384 31.9999C14.3365 31.9984 14.533 31.9497 14.7118 31.8556L20.4204 28.8039C22.0392 27.941 23.3069 26.9761 24.2959 25.8527C26.4463 23.4051 27.6206 20.2813 27.5997 17.0602L27.532 6.43517C27.5256 5.21138 26.7218 4.11938 25.533 3.72243L14.9131 0.159303C14.2737 -0.0572148 13.573 -0.0525079 12.9448 0.170286L2.36516 3.8605C1.18284 4.27314 0.393559 5.37298 0.400003 6.59834L0.467655 17.2155C0.488595 20.4413 1.70312 23.551 3.88895 25.9735C4.88764 27.0812 6.1666 28.032 7.80315 28.8808L13.5649 31.8619ZM12.0537 19.3743C12.2921 19.6034 12.6014 19.7163 12.9106 19.7132C13.2199 19.7116 13.5276 19.5955 13.7627 19.3633L20.0013 13.213C20.47 12.7501 20.4652 12.0064 19.9916 11.5498C19.5164 11.0933 18.7513 11.0964 18.2826 11.5593L12.8929 16.8718L10.6861 14.7505C10.211 14.294 9.44745 14.2987 8.9771 14.7615C8.50837 15.2244 8.5132 15.9681 8.98838 16.4246L12.0537 19.3743Z" fill="#00F6FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
3
Websites/BankModern/src/assets/Star.svg
Normal file
3
Websites/BankModern/src/assets/Star.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M25.4696 19.7122C25.0552 20.1138 24.8648 20.6946 24.9592 21.2642L26.3816 29.1362C26.5016 29.8034 26.22 30.4786 25.6616 30.8642C25.1144 31.2642 24.3864 31.3122 23.7896 30.9922L16.7032 27.2962C16.4568 27.165 16.1832 27.0946 15.9032 27.0866H15.4696C15.3192 27.109 15.172 27.157 15.0376 27.2306L7.94959 30.9442C7.59919 31.1202 7.20239 31.1826 6.81359 31.1202C5.86639 30.941 5.23439 30.0386 5.38959 29.0866L6.81359 21.2146C6.90799 20.6402 6.71759 20.0562 6.30319 19.6482L0.525591 14.0482C0.042391 13.5794 -0.125609 12.8754 0.095191 12.2402C0.309591 11.6066 0.856791 11.1442 1.51759 11.0402L9.46959 9.88663C10.0744 9.82423 10.6056 9.45623 10.8776 8.91223L14.3816 1.72823C14.4648 1.56823 14.572 1.42103 14.7016 1.29623L14.8456 1.18423C14.9208 1.10103 15.0072 1.03223 15.1032 0.976232L15.2776 0.912232L15.5496 0.800232H16.2232C16.8248 0.862632 17.3544 1.22263 17.6312 1.76023L21.1816 8.91223C21.4376 9.43543 21.9352 9.79863 22.5096 9.88663L30.4616 11.0402C31.1336 11.1362 31.6952 11.6002 31.9176 12.2402C32.1272 12.8818 31.9464 13.5858 31.4536 14.0482L25.4696 19.7122Z" fill="#00F6FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Websites/BankModern/src/assets/airbnb.png
Normal file
BIN
Websites/BankModern/src/assets/airbnb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
4
Websites/BankModern/src/assets/apple.svg
Normal file
4
Websites/BankModern/src/assets/apple.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 15 KiB |
4
Websites/BankModern/src/assets/arrow-up.svg
Normal file
4
Websites/BankModern/src/assets/arrow-up.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.98978 15.2615C4.75588 14.9828 4.76972 14.5786 5.00787 14.3167L5.07837 14.2489L16.0903 5.00887C16.3943 4.75371 16.8477 4.79338 17.1029 5.09746C17.3367 5.37621 17.3229 5.78038 17.0848 6.04234L17.0143 6.11006L6.00238 15.3501C5.69829 15.6053 5.24494 15.5656 4.98978 15.2615Z" fill="white"/>
|
||||
<path d="M8.33877 5.57975C7.94325 5.546 7.64998 5.19801 7.68372 4.8025C7.7144 4.44294 8.00478 4.16787 8.35448 4.14619L8.46097 4.14745L16.6132 4.843C16.9739 4.87377 17.2493 5.16571 17.2697 5.51648L17.268 5.62327L16.538 13.7732C16.5026 14.1686 16.1534 14.4604 15.758 14.425C15.3986 14.3928 15.1247 14.1012 15.1045 13.7514L15.1062 13.645L15.7714 6.21386L8.33877 5.57975Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 786 B |
BIN
Websites/BankModern/src/assets/bill.png
Normal file
BIN
Websites/BankModern/src/assets/bill.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 652 KiB |
BIN
Websites/BankModern/src/assets/binance.png
Normal file
BIN
Websites/BankModern/src/assets/binance.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
Websites/BankModern/src/assets/card.png
Normal file
BIN
Websites/BankModern/src/assets/card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 483 KiB |
3
Websites/BankModern/src/assets/close.svg
Normal file
3
Websites/BankModern/src/assets/close.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.4099 9L16.7099 2.71C16.8982 2.5217 17.004 2.2663 17.004 2C17.004 1.7337 16.8982 1.47831 16.7099 1.29C16.5216 1.1017 16.2662 0.995911 15.9999 0.995911C15.7336 0.995911 15.4782 1.1017 15.2899 1.29L8.99994 7.59L2.70994 1.29C2.52164 1.1017 2.26624 0.995911 1.99994 0.995911C1.73364 0.995911 1.47824 1.1017 1.28994 1.29C1.10164 1.47831 0.995847 1.7337 0.995847 2C0.995847 2.2663 1.10164 2.5217 1.28994 2.71L7.58994 9L1.28994 15.29C1.19621 15.383 1.12182 15.4936 1.07105 15.6154C1.02028 15.7373 0.994141 15.868 0.994141 16C0.994141 16.132 1.02028 16.2627 1.07105 16.3846C1.12182 16.5064 1.19621 16.617 1.28994 16.71C1.3829 16.8037 1.4935 16.8781 1.61536 16.9289C1.73722 16.9797 1.86793 17.0058 1.99994 17.0058C2.13195 17.0058 2.26266 16.9797 2.38452 16.9289C2.50638 16.8781 2.61698 16.8037 2.70994 16.71L8.99994 10.41L15.2899 16.71C15.3829 16.8037 15.4935 16.8781 15.6154 16.9289C15.7372 16.9797 15.8679 17.0058 15.9999 17.0058C16.132 17.0058 16.2627 16.9797 16.3845 16.9289C16.5064 16.8781 16.617 16.8037 16.7099 16.71C16.8037 16.617 16.8781 16.5064 16.9288 16.3846C16.9796 16.2627 17.0057 16.132 17.0057 16C17.0057 15.868 16.9796 15.7373 16.9288 15.6154C16.8781 15.4936 16.8037 15.383 16.7099 15.29L10.4099 9Z" fill="#FFFFFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
Websites/BankModern/src/assets/coinbase.png
Normal file
BIN
Websites/BankModern/src/assets/coinbase.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
Websites/BankModern/src/assets/dropbox.png
Normal file
BIN
Websites/BankModern/src/assets/dropbox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
3
Websites/BankModern/src/assets/facebook.svg
Normal file
3
Websites/BankModern/src/assets/facebook.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.5001 0C4.7011 0 0 4.72075 0 10.544C0 15.7667 3.78548 20.092 8.74886 20.9296V12.7437H6.21594V9.79796H8.74886V7.62588C8.74886 5.10564 10.2817 3.73225 12.5209 3.73225C13.5934 3.73225 14.515 3.8125 14.7826 3.84784V6.48217L13.2295 6.48292C12.012 6.48292 11.7773 7.06377 11.7773 7.91643V9.79645H14.6824L14.3035 12.7422H11.7773V21C16.9724 20.3651 21 15.9296 21 10.5409C21 4.72075 16.2989 0 10.5001 0Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 526 B |
70
Websites/BankModern/src/assets/google.svg
Normal file
70
Websites/BankModern/src/assets/google.svg
Normal file
@ -0,0 +1,70 @@
|
||||
<svg width="145" height="44" viewBox="0 0 145 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M138.829 43.0374H5.33958C2.40285 43.0374 0 40.6165 0 37.6577V5.3797C0 2.42085 2.4028 0 5.33958 0H138.829C141.766 0 144.169 2.42085 144.169 5.3797V37.6577C144.169 40.6165 141.766 43.0374 138.829 43.0374" fill="black"/>
|
||||
<path d="M50.6369 11.0213C50.6369 11.9227 50.3719 12.6406 49.8413 13.176C49.2385 13.8128 48.453 14.1314 47.4873 14.1314C46.5624 14.1314 45.7761 13.8086 45.1295 13.1622C44.4817 12.5162 44.1584 11.7151 44.1584 10.7594C44.1584 9.80322 44.4817 9.00265 45.1295 8.35614C45.7761 7.71022 46.5624 7.38696 47.4873 7.38696C47.9462 7.38696 48.3855 7.47739 48.8026 7.6577C49.2197 7.83845 49.5543 8.07839 49.8046 8.37887L49.2414 8.94666C48.8172 8.43603 48.2332 8.1809 47.4873 8.1809C46.8128 8.1809 46.2296 8.41968 45.7374 8.89753C45.2451 9.37586 44.999 9.99616 44.999 10.7594C44.999 11.5227 45.2451 12.1429 45.7374 12.6213C46.2296 13.0992 46.8128 13.3379 47.4873 13.3379C48.2028 13.3379 48.7993 13.0978 49.2769 12.6171C49.5869 12.3039 49.7662 11.8686 49.8141 11.3095H47.4872V10.5341H50.5922C50.6222 10.7027 50.6368 10.8645 50.6368 11.0213" fill="white"/>
|
||||
<path d="M50.636 11.0212H50.5292C50.5283 11.9021 50.2729 12.5863 49.7648 13.0999L49.7637 13.1008L49.7632 13.1016C49.1796 13.7164 48.4295 14.0224 47.4863 14.0237C46.5862 14.0224 45.8327 13.7131 45.2036 13.086C44.5759 12.4577 44.2655 11.6906 44.2643 10.7593C44.2655 9.82756 44.5759 9.06094 45.2036 8.43305C45.8327 7.80555 46.5862 7.49578 47.4863 7.49448C47.9314 7.49448 48.3553 7.582 48.7595 7.75637C49.1641 7.93209 49.4837 8.16236 49.7219 8.44823L49.8036 8.3788L49.7282 8.30273L49.165 8.8709L49.2404 8.94658L49.3227 8.87772C48.8787 8.3418 48.2556 8.07164 47.4863 8.07324C46.7868 8.07237 46.1715 8.3242 45.6625 8.82018C45.1486 9.31775 44.8904 9.97297 44.8913 10.7593C44.8904 11.5457 45.1486 12.2009 45.6625 12.6985C46.1715 13.1945 46.7868 13.4463 47.4863 13.4454C48.2255 13.4467 48.8555 13.194 49.3514 12.6931C49.6826 12.3585 49.8704 11.895 49.9196 11.3187L49.9296 11.2019H47.5931V10.6416H50.5913V10.534L50.4861 10.5529C50.5153 10.7161 50.5291 10.8711 50.5291 11.0212H50.7427C50.7427 10.8577 50.7276 10.6896 50.6964 10.5148L50.6805 10.4264H47.3796V11.417H49.8132V11.3095L49.7069 11.3002C49.6598 11.8416 49.4887 12.2493 49.2004 12.541C48.7416 13.0016 48.1784 13.2289 47.4863 13.2302C46.8369 13.2293 46.2858 13.0041 45.8107 12.5439C45.3401 12.0853 45.1061 11.4999 45.1049 10.7593C45.1061 10.0188 45.3401 9.43332 45.8107 8.97477C46.2858 8.51458 46.8368 8.28929 47.4863 8.28842C48.2085 8.29016 48.7537 8.53053 49.1588 9.01597L49.2339 9.10591L49.8792 8.45491L49.9484 8.38518L49.8854 8.30984C49.623 7.99471 49.2735 7.74457 48.8438 7.55889C48.4133 7.37262 47.959 7.2793 47.4863 7.2793C46.5369 7.27848 45.7176 7.61469 45.0531 8.28005C44.3861 8.94411 44.0499 9.77882 44.0508 10.7593C44.0499 11.7394 44.3861 12.5746 45.0535 13.239C45.7176 13.9039 46.5369 14.2398 47.4863 14.2389C48.475 14.2398 49.2952 13.9089 49.9176 13.2503L49.8403 13.176L49.9158 13.2521C50.469 12.6952 50.7435 11.9429 50.7427 11.0212H50.6359H50.636ZM55.5583 8.32459H52.6403V10.3715H55.2718V11.1472H52.6403V13.194H55.5583V13.9871H51.8177V7.53152H55.5583V8.32459" fill="white"/>
|
||||
<path d="M55.5595 8.32449V8.2169H52.5348V10.479H55.1662V11.0392L52.5347 11.0395V13.3015H55.4527V13.8794H51.9257V7.63901H55.4527V8.32449H55.5595V8.2169V8.32449H55.6663V7.42383H51.7122V14.0946H55.6663V13.0864H52.7483V11.2547H55.3798V10.2638H52.7483V8.43208H55.6663V8.32449H55.5595V8.32449ZM59.0315 13.9871H58.2076V8.32444H56.418V7.53137H60.8211V8.32444H59.0315V13.987" fill="white"/>
|
||||
<path d="M59.0317 13.9871V13.8794H58.3146V8.2169H56.525V7.63906H60.7145V8.2169H58.9249V13.987H59.0317V13.8794V13.987H59.1385V8.43208H60.9281V7.42383H56.3114V8.43203H58.101V14.0946H59.1385V13.987H59.0317V13.9871ZM64.0071 13.9871V7.53137H64.8301V13.987H64.0071" fill="white"/>
|
||||
<path d="M64.0106 13.9871H64.1174V7.63901H64.7268V13.8794H64.0106V13.987H64.1174H64.0106V14.0946H64.9404V7.42383H63.9038V14.0946H64.0106V13.987V13.9871ZM68.4858 13.9871H67.6619V8.32444H65.8724V7.53137H70.2754V8.32444H68.4858V13.987" fill="white"/>
|
||||
<path d="M68.4843 13.9872V13.8796H67.7672V8.21707H65.9777V7.63923H70.1672V8.21707H68.3776V13.9872H68.4843V13.8796V13.9872H68.5912V8.43225H70.3807V7.424H65.7642V8.43221H67.5537V14.0947H68.5912V13.9871H68.4843V13.9872ZM74.5189 12.6125C74.9932 13.0962 75.5735 13.3378 76.2597 13.3378C76.946 13.3378 77.5266 13.0962 78.0001 12.6125C78.4748 12.1288 78.7126 11.5104 78.7126 10.7594C78.7126 10.0084 78.4748 9.39007 78.0001 8.90633C77.5266 8.42258 76.946 8.1809 76.2597 8.1809C75.5735 8.1809 74.9932 8.42258 74.5189 8.90633C74.0454 9.39007 73.8077 10.0084 73.8077 10.7594C73.8077 11.5104 74.0454 12.1288 74.5189 12.6125ZM78.6091 13.1529C77.9792 13.8056 77.1958 14.1314 76.2597 14.1314C75.3228 14.1314 74.5397 13.8056 73.9112 13.1529C73.2808 12.501 72.9671 11.703 72.9671 10.7594C72.9671 9.81579 73.2808 9.01764 73.9112 8.36586C74.5398 7.71307 75.3228 7.38696 76.2597 7.38696C77.1909 7.38696 77.9721 7.71481 78.605 8.37007C79.237 9.02528 79.5532 9.82169 79.5532 10.7594C79.5532 11.703 79.2377 12.501 78.6091 13.1529Z" fill="white"/>
|
||||
<path d="M74.5155 12.6124L74.4396 12.6881C74.9315 13.1911 75.5451 13.4467 76.2563 13.4454C76.9671 13.4467 77.5816 13.1911 78.0726 12.6881C78.5677 12.1845 78.8168 11.533 78.816 10.7593C78.8167 9.98564 78.5677 9.33415 78.0726 8.83058C77.5816 8.32749 76.9671 8.07198 76.2563 8.07324C75.5451 8.07198 74.9315 8.32749 74.4396 8.83058C73.9457 9.33415 73.6962 9.98564 73.6975 10.7593C73.6962 11.533 73.9457 12.1845 74.4396 12.6881L74.5155 12.6124L74.5915 12.5368C74.1385 12.0723 73.9119 11.4881 73.9111 10.7593C73.9119 10.0306 74.1385 9.44638 74.5914 8.98188C75.0486 8.51753 75.5947 8.28973 76.2563 8.28847C76.9175 8.28973 77.4648 8.51753 77.9208 8.98188C78.3746 9.44638 78.6012 10.0306 78.602 10.7593C78.6012 11.488 78.3746 12.0723 77.9208 12.5368C77.4648 13.0012 76.9175 13.2289 76.2563 13.2302C75.5947 13.2289 75.0486 13.0012 74.5914 12.5368L74.5155 12.6124ZM78.6057 13.1528L78.5294 13.0781C77.917 13.7102 77.1682 14.0225 76.2563 14.0237C75.344 14.0224 74.5952 13.7102 73.984 13.0781L73.9811 13.0747L73.984 13.0781C73.3729 12.4438 73.0714 11.6789 73.0705 10.7593C73.0714 9.8397 73.3729 9.07482 73.984 8.4406C74.5952 7.80845 75.344 7.49579 76.2563 7.49453C77.1623 7.49579 77.9094 7.80975 78.5252 8.44519C79.1384 9.08236 79.4417 9.84604 79.443 10.7593C79.4417 11.6789 79.1393 12.4438 78.5294 13.0781L78.6057 13.1528L78.6825 13.2276C79.3299 12.5577 79.6573 11.7268 79.6566 10.7593C79.6574 9.79734 79.3286 8.9681 78.6783 8.29524C78.0276 7.61972 77.2124 7.27814 76.2563 7.2793C75.2952 7.27814 74.4776 7.61812 73.831 8.29103V8.29055C73.1823 8.9609 72.8561 9.79183 72.8569 10.7593C72.8561 11.7268 73.1823 12.5577 73.831 13.228L73.8339 13.2311L73.831 13.2276C74.4776 13.9005 75.2952 14.2398 76.2563 14.2389C77.217 14.2398 78.0346 13.9005 78.6825 13.2276L78.6057 13.1528V13.1528ZM80.7052 13.9872V7.53147H81.7073L84.8213 12.5535H84.8568L84.8213 11.3094V7.53147H85.6453V13.9871H84.7859L81.5279 8.72168H81.4924L81.5279 9.9662V13.9871H80.7053" fill="white"/>
|
||||
<path d="M80.7101 13.9871H80.817V7.63901H81.6529L84.767 12.661H84.9714L84.933 11.3078V7.63906H85.5433V13.8794H84.85L81.5921 8.61404H81.3877L81.426 9.96789V13.8794H80.7102V13.987H80.817H80.7102V14.0946H81.6396V9.96445L81.6041 8.71873L81.4973 8.72163V8.82922H81.5328V8.72163L81.4422 8.77883L84.7315 14.0946H85.7569V7.42383H84.7195V11.3106L84.7549 12.5563L84.8617 12.5534V12.4458H84.8262V12.5534L84.9168 12.4963L81.7713 7.42383H80.6034V14.0946H80.7102V13.987L80.7101 13.9871ZM114.201 32.2779H116.193V18.8275H114.201L114.201 32.2779ZM132.149 23.6726L129.865 29.5041H129.796L127.426 23.6726H125.279L128.834 31.8231L126.807 36.3568H128.887L134.365 23.6726L132.149 23.6726ZM120.848 30.7502C120.195 30.7502 119.285 30.4215 119.285 29.6079C119.285 28.5697 120.419 28.1717 121.397 28.1717C122.274 28.1717 122.685 28.3621 123.218 28.6219C123.063 29.8676 121.999 30.7502 120.848 30.7502V30.7502ZM121.089 23.3784C119.646 23.3784 118.152 24.0188 117.534 25.4378L119.302 26.1817C119.68 25.4378 120.384 25.1952 121.123 25.1952C122.153 25.1952 123.201 25.8185 123.218 26.926V27.0643C122.857 26.8566 122.085 26.5452 121.14 26.5452C119.234 26.5452 117.292 27.6005 117.292 29.5734C117.292 31.3731 118.856 32.5326 120.607 32.5326C121.947 32.5326 122.685 31.927 123.15 31.2176H123.218V32.2557H125.141V27.0987C125.141 24.7111 123.373 23.3784 121.089 23.3784V23.3784ZM108.773 25.3099H105.939V20.6995H108.773C110.263 20.6995 111.109 21.9422 111.109 23.0047C111.109 24.047 110.263 25.3099 108.773 25.3099ZM108.722 18.8275H103.948V32.2779H105.939V27.182H108.722C110.931 27.182 113.102 25.571 113.102 23.0047C113.102 20.4385 110.931 18.8275 108.722 18.8275V18.8275ZM82.6854 30.7527C81.3087 30.7527 80.1561 29.5915 80.1561 27.9965C80.1561 26.3847 81.3087 25.2058 82.6854 25.2058C84.0445 25.2058 85.1111 26.3847 85.1111 27.9965C85.1111 29.5915 84.0445 30.7527 82.6854 30.7527H82.6854ZM84.9735 24.4258H84.9046C84.4575 23.8885 83.5968 23.4032 82.5131 23.4032C80.2421 23.4032 78.1605 25.4138 78.1605 27.9965C78.1605 30.5619 80.2421 32.5553 82.5131 32.5553C83.5968 32.5553 84.4575 32.0698 84.9046 31.5155H84.9735V32.1741C84.9735 33.9251 84.0445 34.861 82.5477 34.861C81.3262 34.861 80.5692 33.9767 80.2592 33.2315L78.5218 33.9595C79.0207 35.1728 80.3456 36.6637 82.5477 36.6637C84.8875 36.6637 86.8661 35.2767 86.8661 31.8967V23.6806H84.9735V24.4258ZM88.2423 32.2779H90.238V18.827H88.2423V32.2779ZM93.1801 27.8406C93.1284 26.0724 94.5392 25.1713 95.5542 25.1713C96.3461 25.1713 97.0168 25.5697 97.24 26.1422L93.1801 27.8406ZM99.3737 26.3153C98.9956 25.2923 97.8423 23.4032 95.4853 23.4032C93.1455 23.4032 91.2016 25.2579 91.2016 27.9792C91.2016 30.5447 93.1284 32.5553 95.7089 32.5553C97.791 32.5553 98.9956 31.2726 99.4944 30.5274L97.9459 29.4871C97.4301 30.25 96.7242 30.7527 95.7089 30.7527C94.694 30.7527 93.9715 30.2845 93.5067 29.3661L99.5798 26.8352L99.3737 26.3153ZM50.9884 24.8073V26.7486H55.5991C55.4615 27.8406 55.1001 28.6378 54.5495 29.1926C53.8788 29.8688 52.8293 30.614 50.9883 30.614C48.1495 30.614 45.9303 28.3087 45.9303 25.4486C45.9303 22.5886 48.1495 20.283 50.9884 20.283C52.5197 20.283 53.6376 20.8898 54.4636 21.6698L55.8227 20.3006C54.6701 19.191 53.1387 18.3417 50.9884 18.3417C47.1 18.3417 43.8312 21.5312 43.8312 25.4486C43.8312 29.3661 47.1 32.5553 50.9884 32.5553C53.0875 32.5553 54.6701 31.8623 55.9087 30.5619C57.1819 29.2792 57.5777 27.4766 57.5777 26.0207C57.5777 25.5697 57.5435 25.154 57.4742 24.8073H50.9884ZM62.8197 30.7527C61.443 30.7527 60.2558 29.6086 60.2558 27.9792C60.2558 26.3325 61.443 25.2058 62.8197 25.2058C64.1958 25.2058 65.383 26.3325 65.383 27.9792C65.383 29.6087 64.1958 30.7527 62.8197 30.7527ZM62.8197 23.4032C60.3075 23.4032 58.2601 25.3272 58.2601 27.9792C58.2601 30.614 60.3075 32.5553 62.8197 32.5553C65.3313 32.5553 67.3787 30.614 67.3787 27.9792C67.3787 25.3272 65.3313 23.4032 62.8197 23.4032ZM72.7654 30.7527C71.3893 30.7527 70.202 29.6086 70.202 27.9792C70.202 26.3325 71.3893 25.2058 72.7654 25.2058C74.1416 25.2058 75.3288 26.3325 75.3288 27.9792C75.3288 29.6087 74.1416 30.7527 72.7654 30.7527H72.7654ZM72.7654 23.4032C70.2534 23.4032 68.2064 25.3272 68.2064 27.9792C68.2064 30.614 70.2534 32.5553 72.7654 32.5553C75.2771 32.5553 77.3246 30.614 77.3246 27.9792C77.3246 25.3272 75.2771 23.4032 72.7654 23.4032H72.7654Z" fill="white"/>
|
||||
<path d="M13.441 11.2681C13.1648 11.5181 13 11.9352 13 12.4888V12.3637V30.6325V30.5122C13 31.0235 13.1414 31.4183 13.3808 31.6726L13.4419 31.7313V31.7316C13.6357 31.9071 13.8842 32.0003 14.1691 32C14.4473 32 14.7605 31.911 15.0909 31.7229L27.0349 24.9118L31.1375 22.572C31.6586 22.2749 31.9511 21.8917 32 21.5013V21.4997C31.9511 21.1084 31.6586 20.7255 31.1376 20.4283L27.0345 18.0888L15.0909 11.2777C14.7598 11.0894 14.4465 11 14.1674 11C13.8829 11 13.6348 11.0929 13.441 11.2681H13.441Z" fill="#00C1FF"/>
|
||||
<path d="M13.4155 32L13.358 31.9397C13.1329 31.6788 13 31.2736 13 30.7489V30.8724V12.129V12.2528C13 11.6846 13.155 11.2566 13.4146 11L23 21.5003L13.4155 32Z" fill="url(#paint0_linear_310_549)"/>
|
||||
<path d="M26.6573 25L23 21.4997L26.657 18L31.072 20.4002C31.6326 20.705 31.9474 21.0979 32 21.4994V21.501C31.9474 21.9015 31.6326 22.2947 31.072 22.5995L26.6573 25" fill="url(#paint1_linear_310_549)"/>
|
||||
<path d="M13.7488 32C13.4555 32.0002 13.1996 31.9115 13 31.7443V31.7441L23.4994 22L27 25.2493L14.6983 31.7361C14.3579 31.9152 14.0354 32 13.7488 32Z" fill="url(#paint2_linear_310_549)"/>
|
||||
<path d="M23.4999 22L13 11.2809C13.1996 11.0973 13.4552 11 13.7481 11C14.0355 11 14.3582 11.0936 14.6992 11.291L27 18.4264L23.4999 22" fill="url(#paint3_linear_310_549)"/>
|
||||
<path d="M13.804 32C13.5136 32 13.2599 31.9095 13.0623 31.7391L13.0619 31.7394C13.0611 31.7386 13.0603 31.7379 13.0593 31.7372L13.0053 31.6867C13.0036 31.6852 13.002 31.6833 13 31.6815L13.0623 31.6219C13.2599 31.7923 13.5133 31.8828 13.8037 31.8825C14.0874 31.8825 14.4067 31.7961 14.7436 31.6135L26.922 25L27 25.0746L26.921 25.1175L14.7436 31.7306C14.4365 31.897 14.1444 31.9837 13.8806 31.9982C13.8551 31.9994 13.8295 32 13.804 32" fill="url(#paint4_linear_310_549)"/>
|
||||
<path d="M27.0771 25L27 24.9339L31.1315 22.9211C31.6562 22.6656 31.9508 22.3358 32 22C32 22.1232 31.9679 22.2465 31.9042 22.3664C31.7757 22.6081 31.5181 22.8365 31.1315 23.0249L27.0771 25" fill="url(#paint5_linear_310_549)"/>
|
||||
<path d="M32 22C31.9508 21.5512 31.6562 21.112 31.1316 20.7712L27 18.0881L27.0771 18H27.0774L31.1316 20.6332C31.71 21.0092 31.9997 21.5045 32 22" fill="url(#paint6_linear_310_549)"/>
|
||||
<path d="M26.9216 18L14.7436 11.3868C14.406 11.2039 14.0865 11.1172 13.802 11.1172C13.5119 11.1172 13.2589 11.2074 13.0613 11.3775L13 11.3186C13.0192 11.2992 13.0391 11.2805 13.0597 11.2625C13.0603 11.2619 13.0613 11.2612 13.062 11.2606C13.258 11.0918 13.5084 11.0016 13.7958 11H13.802C14.0865 11 14.406 11.0868 14.7436 11.2697L27 17.9252L26.9997 17.9254L26.9216 18" fill="url(#paint7_linear_310_549)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_310_549" x1="19.1256" y1="11.9309" x2="10.1259" y2="20.1727" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00A0FF"/>
|
||||
<stop offset="0.00657" stop-color="#00A1FF"/>
|
||||
<stop offset="0.2601" stop-color="#00BEFF"/>
|
||||
<stop offset="0.5122" stop-color="#00D2FF"/>
|
||||
<stop offset="0.7604" stop-color="#00DFFF"/>
|
||||
<stop offset="1" stop-color="#00E3FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_310_549" x1="32.6831" y1="21.4392" x2="11.2582" y2="21.4392" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFE000"/>
|
||||
<stop offset="0.4087" stop-color="#FFBD00"/>
|
||||
<stop offset="0.7754" stop-color="#FFA500"/>
|
||||
<stop offset="1" stop-color="#FF9C00"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_310_549" x1="25.1415" y1="25.0893" x2="10.9685" y2="40.2984" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FF3A44"/>
|
||||
<stop offset="1" stop-color="#C31162"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_310_549" x1="10.2939" y1="9.69169" x2="17.2574" y2="16.4951" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#32A071"/>
|
||||
<stop offset="0.0685" stop-color="#2DA771"/>
|
||||
<stop offset="0.4762" stop-color="#15CF74"/>
|
||||
<stop offset="0.8009" stop-color="#06E775"/>
|
||||
<stop offset="1" stop-color="#00F076"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_310_549" x1="25.0745" y1="27.1348" x2="13.4873" y2="39.2975" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CC2E36"/>
|
||||
<stop offset="1" stop-color="#9C0E4E"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_310_549" x1="32.6393" y1="21.9994" x2="12.5887" y2="21.9994" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E0C500"/>
|
||||
<stop offset="0.4087" stop-color="#E0A600"/>
|
||||
<stop offset="0.7754" stop-color="#E09100"/>
|
||||
<stop offset="1" stop-color="#E08900"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_310_549" x1="32.6393" y1="22.0009" x2="12.5901" y2="22.0009" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFE840"/>
|
||||
<stop offset="0.4087" stop-color="#FFCE40"/>
|
||||
<stop offset="0.7754" stop-color="#FFBC40"/>
|
||||
<stop offset="1" stop-color="#FFB540"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_310_549" x1="10.367" y1="12.0056" x2="15.5409" y2="17.4368" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#65B895"/>
|
||||
<stop offset="0.0685" stop-color="#62BD95"/>
|
||||
<stop offset="0.4762" stop-color="#50DB97"/>
|
||||
<stop offset="0.8009" stop-color="#44ED98"/>
|
||||
<stop offset="1" stop-color="#40F498"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 16 KiB |
53
Websites/BankModern/src/assets/index.js
Normal file
53
Websites/BankModern/src/assets/index.js
Normal file
@ -0,0 +1,53 @@
|
||||
import airbnb from "./airbnb.png";
|
||||
import bill from "./bill.png";
|
||||
import binance from "./binance.png";
|
||||
import card from "./card.png";
|
||||
import coinbase from "./coinbase.png";
|
||||
import dropbox from "./dropbox.png";
|
||||
import logo from "./logo.svg";
|
||||
import quotes from "./quotes.svg";
|
||||
import robot from "./robot.png";
|
||||
import send from "./Send.svg";
|
||||
import shield from "./Shield.svg";
|
||||
import star from "./Star.svg";
|
||||
import menu from "./menu.svg";
|
||||
import close from "./close.svg";
|
||||
import google from "./google.svg";
|
||||
import apple from "./apple.svg";
|
||||
import arrowUp from "./arrow-up.svg";
|
||||
import discount from "./Discount.svg";
|
||||
import facebook from "./facebook.svg";
|
||||
import instagram from "./instagram.svg";
|
||||
import linkedin from "./linkedin.svg";
|
||||
import twitter from "./twitter.svg";
|
||||
import people01 from "./people01.png";
|
||||
import people02 from "./people02.png";
|
||||
import people03 from "./people03.png";
|
||||
|
||||
export {
|
||||
airbnb,
|
||||
bill,
|
||||
binance,
|
||||
card,
|
||||
coinbase,
|
||||
dropbox,
|
||||
logo,
|
||||
quotes,
|
||||
robot,
|
||||
send,
|
||||
shield,
|
||||
star,
|
||||
menu,
|
||||
close,
|
||||
google,
|
||||
apple,
|
||||
arrowUp,
|
||||
discount,
|
||||
facebook,
|
||||
instagram,
|
||||
linkedin,
|
||||
twitter,
|
||||
people01,
|
||||
people02,
|
||||
people03,
|
||||
};
|
||||
5
Websites/BankModern/src/assets/instagram.svg
Normal file
5
Websites/BankModern/src/assets/instagram.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20.9466 6.17408C20.8974 5.05826 20.7169 4.29115 20.4584 3.62644C20.1917 2.92086 19.7814 2.28916 19.2438 1.76402C18.7186 1.23071 18.0826 0.816309 17.3851 0.553821C16.7164 0.295339 15.9531 0.114899 14.8371 0.0657021C13.7127 0.0123392 13.3558 0 10.5041 0C7.65239 0 7.29545 0.0123392 6.17525 0.0615356C5.05923 0.110732 4.29197 0.291333 3.62729 0.549654C2.92142 0.816309 2.28959 1.22655 1.76436 1.76402C1.23095 2.28916 0.816625 2.92503 0.553926 3.62243C0.295395 4.29115 0.114921 5.0541 0.0657146 6.16991C0.0123415 7.29406 0 7.65093 0 10.5021C0 13.3532 0.0123415 13.7101 0.0615474 14.8301C0.110753 15.9459 0.291388 16.713 0.549919 17.3777C0.816625 18.0833 1.23095 18.715 1.76436 19.2401C2.28959 19.7735 2.92558 20.1879 3.62312 20.4503C4.29197 20.7088 5.05506 20.8893 6.17125 20.9385C7.29128 20.9878 7.64838 21 10.5001 21C13.3518 21 13.7087 20.9878 14.8289 20.9385C15.9449 20.8893 16.7122 20.7088 17.3769 20.4503C18.7885 19.9047 19.9045 18.7889 20.4502 17.3777C20.7086 16.709 20.8892 15.9459 20.9385 14.8301C20.9877 13.7101 21 13.3532 21 10.5021C21 7.65093 20.9958 7.29406 20.9466 6.17408ZM19.0552 14.748C19.01 15.7736 18.8377 16.3275 18.6941 16.6967C18.3411 17.6115 17.6149 18.3376 16.6999 18.6905C16.3306 18.8341 15.7726 19.0063 14.7509 19.0514C13.643 19.1007 13.3107 19.1129 10.5083 19.1129C7.70576 19.1129 7.36934 19.1007 6.26549 19.0514C5.2397 19.0063 4.68578 18.8341 4.31649 18.6905C3.86114 18.5222 3.44665 18.2556 3.11023 17.9069C2.76146 17.5663 2.49475 17.1561 2.32646 16.7008C2.18285 16.3316 2.01055 15.7736 1.96551 14.7522C1.91614 13.6446 1.90396 13.3122 1.90396 10.5103C1.90396 7.7083 1.91614 7.37194 1.96551 6.26846C2.01055 5.24287 2.18285 4.68905 2.32646 4.31983C2.49475 3.86441 2.76146 3.45016 3.11439 3.11364C3.45483 2.76494 3.86514 2.49828 4.32066 2.33018C4.68994 2.1866 5.24804 2.01433 6.26966 1.96914C7.37751 1.91994 7.70993 1.9076 10.5123 1.9076C13.3189 1.9076 13.6512 1.91994 14.755 1.96914C15.7808 2.01433 16.3347 2.1866 16.704 2.33018C17.1594 2.49828 17.5739 2.76494 17.9103 3.11364C18.2591 3.45417 18.5258 3.86441 18.6941 4.31983C18.8377 4.68905 19.01 5.24687 19.0552 6.26846C19.1044 7.3761 19.1167 7.7083 19.1167 10.5103C19.1167 13.3122 19.1044 13.6404 19.0552 14.748Z" fill="white"/>
|
||||
<path d="M10.5 6C8.01567 6 6 8.01554 6 10.5C6 12.9845 8.01567 15 10.5 15C12.9845 15 15 12.9845 15 10.5C15 8.01554 12.9845 6 10.5 6ZM10.5 13.419C8.88829 13.419 7.58096 12.1118 7.58096 10.5C7.58096 8.88816 8.88829 7.58096 10.5 7.58096C12.1118 7.58096 13.419 8.88816 13.419 10.5C13.419 12.1118 12.1118 13.419 10.5 13.419Z" fill="white"/>
|
||||
<path d="M18 5.5C18 6.32835 17.3284 7 16.4999 7C15.6716 7 15 6.32835 15 5.5C15 4.67146 15.6716 4 16.4999 4C17.3284 4 18 4.67146 18 5.5Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
3
Websites/BankModern/src/assets/linkedin.svg
Normal file
3
Websites/BankModern/src/assets/linkedin.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.4855 0H1.51453C0.67804 0 0 0.67804 0 1.51453V19.4855C0 20.322 0.67804 21 1.51453 21H19.4855C20.322 21 21 20.322 21 19.4855V1.51453C21 0.67804 20.322 0 19.4855 0V0ZM7.44882 15.873H4.89159V8.17957H7.44882V15.873ZM6.17029 7.12903H6.15363C5.2955 7.12903 4.74051 6.53831 4.74051 5.80003C4.74051 5.04508 5.31248 4.4707 6.18727 4.4707C7.06206 4.4707 7.60039 5.04508 7.61705 5.80003C7.61705 6.53831 7.06206 7.12903 6.17029 7.12903ZM16.6696 15.873H14.1127V11.7572C14.1127 10.7229 13.7425 10.0174 12.8172 10.0174C12.1108 10.0174 11.6901 10.4933 11.5052 10.9526C11.4376 11.117 11.4211 11.3467 11.4211 11.5767V15.873H8.86402C8.86402 15.873 8.89751 8.90135 8.86402 8.17957H11.4211V9.26889C11.7609 8.74466 12.3689 7.99901 13.7257 7.99901C15.4081 7.99901 16.6696 9.09858 16.6696 11.4616V15.873Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 912 B |
8
Websites/BankModern/src/assets/logo.svg
Normal file
8
Websites/BankModern/src/assets/logo.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="266" height="73" viewBox="0 0 266 73" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M107.487 29.2599V57.9067H101.725V45.4498H89.4707V57.9067H83.7494V29.2599H89.4707V40.8647H101.725V29.2599H107.487ZM123.063 35.1434C125.255 35.1434 127.216 35.6033 128.947 36.523C130.705 37.4428 132.085 38.7818 133.086 40.5401C134.087 42.2713 134.587 44.3137 134.587 46.6671C134.587 49.0205 134.087 51.0629 133.086 52.7941C132.085 54.5254 130.705 55.8644 128.947 56.8112C127.216 57.7309 125.255 58.1908 123.063 58.1908C120.872 58.1908 118.898 57.7309 117.139 56.8112C115.408 55.8644 114.042 54.5254 113.041 52.7941C112.04 51.0629 111.54 49.0205 111.54 46.6671C111.54 44.3137 112.04 42.2713 113.041 40.5401C114.042 38.7818 115.408 37.4428 117.139 36.523C118.898 35.6033 120.872 35.1434 123.063 35.1434ZM123.063 40.0938C121.467 40.0938 120.115 40.6618 119.006 41.798C117.897 42.907 117.342 44.5301 117.342 46.6671C117.342 48.8041 117.897 50.4407 119.006 51.5768C120.115 52.6859 121.467 53.2405 123.063 53.2405C124.659 53.2405 126.012 52.6859 127.121 51.5768C128.23 50.4407 128.785 48.8041 128.785 46.6671C128.785 44.5301 128.23 42.907 127.121 41.798C126.012 40.6618 124.659 40.0938 123.063 40.0938ZM149.018 35.1434C151.209 35.1434 153.17 35.6033 154.901 36.523C156.66 37.4428 158.039 38.7818 159.04 40.5401C160.041 42.2713 160.542 44.3137 160.542 46.6671C160.542 49.0205 160.041 51.0629 159.04 52.7941C158.039 54.5254 156.66 55.8644 154.901 56.8112C153.17 57.7309 151.209 58.1908 149.018 58.1908C146.827 58.1908 144.852 57.7309 143.094 56.8112C141.363 55.8644 139.996 54.5254 138.996 52.7941C137.995 51.0629 137.494 49.0205 137.494 46.6671C137.494 44.3137 137.995 42.2713 138.996 40.5401C139.996 38.7818 141.363 37.4428 143.094 36.523C144.852 35.6033 146.827 35.1434 149.018 35.1434ZM149.018 40.0938C147.422 40.0938 146.069 40.6618 144.96 41.798C143.851 42.907 143.297 44.5301 143.297 46.6671C143.297 48.8041 143.851 50.4407 144.96 51.5768C146.069 52.6859 147.422 53.2405 149.018 53.2405C150.614 53.2405 151.966 52.6859 153.076 51.5768C154.185 50.4407 154.739 48.8041 154.739 46.6671C154.739 44.5301 154.185 42.907 153.076 41.798C151.966 40.6618 150.614 40.0938 149.018 40.0938Z" fill="white"/>
|
||||
<path d="M180.572 43.137C182.303 43.4886 183.683 44.3137 184.711 45.6121C185.766 46.8835 186.293 48.3848 186.293 50.1161C186.293 52.5236 185.482 54.4307 183.859 55.8373C182.263 57.2169 179.936 57.9067 176.88 57.9067H164.585V29.2599H176.636C179.531 29.2599 181.749 29.8956 183.291 31.167C184.86 32.4384 185.644 34.2237 185.644 36.523C185.644 38.3084 185.171 39.7691 184.224 40.9053C183.304 42.0414 182.087 42.7853 180.572 43.137ZM170.306 41.2705H175.459C176.893 41.2705 177.975 40.9594 178.706 40.3372C179.463 39.688 179.842 38.7683 179.842 37.578C179.842 36.3878 179.476 35.4681 178.746 34.8188C178.016 34.1696 176.893 33.845 175.378 33.845H170.306V41.2705ZM175.743 53.2405C177.258 53.2405 178.421 52.9159 179.233 52.2666C180.045 51.5904 180.45 50.6165 180.45 49.3451C180.45 48.0738 180.031 47.0999 179.192 46.4237C178.381 45.7203 177.218 45.3687 175.703 45.3687H170.306V53.2405H175.743ZM199.107 35.1434C201 35.1434 202.623 35.5898 203.976 36.4825C205.329 37.3751 206.289 38.5789 206.857 40.0938V35.4275H212.538V57.9067H206.857V53.1999C206.289 54.7147 205.329 55.932 203.976 56.8518C202.623 57.7444 201 58.1908 199.107 58.1908C197.213 58.1908 195.509 57.7309 193.994 56.8112C192.479 55.8915 191.289 54.566 190.423 52.8347C189.585 51.0764 189.166 49.0205 189.166 46.6671C189.166 44.3137 189.585 42.2713 190.423 40.5401C191.289 38.7818 192.479 37.4428 193.994 36.523C195.509 35.6033 197.213 35.1434 199.107 35.1434ZM200.892 40.1343C199.107 40.1343 197.673 40.7159 196.591 41.8791C195.509 43.0423 194.968 44.6383 194.968 46.6671C194.968 48.6959 195.509 50.2919 196.591 51.4551C197.673 52.5912 199.107 53.1593 200.892 53.1593C202.623 53.1593 204.044 52.5777 205.153 51.4145C206.289 50.2243 206.857 48.6418 206.857 46.6671C206.857 44.6653 206.289 43.0829 205.153 41.9197C204.044 40.7294 202.623 40.1343 200.892 40.1343ZM231.113 35.1029C233.709 35.1029 235.779 35.955 237.321 37.6592C238.863 39.3634 239.634 41.7574 239.634 44.8412V57.9067H233.953V45.4904C233.953 43.705 233.493 42.3254 232.573 41.3516C231.654 40.3507 230.396 39.8503 228.8 39.8503C227.177 39.8503 225.878 40.3778 224.904 41.4328C223.931 42.4878 223.444 44.0026 223.444 45.9773V57.9067H217.722V35.4275H223.444V39.9314C224.039 38.4166 225.013 37.2399 226.365 36.4013C227.745 35.5357 229.327 35.1029 231.113 35.1029ZM257.814 57.9067L250.389 48.0873V57.9067H244.668V27.8803H250.389V44.76L257.774 35.4275H264.55L255.096 46.6265L264.793 57.9067H257.814Z" fill="#5CE1E6"/>
|
||||
<path d="M36.0678 0C28.9343 -8.50666e-08 21.9609 2.11534 16.0296 6.07852C10.0983 10.0417 5.47539 15.6747 2.7455 22.2652C0.0156126 28.8558 -0.698651 36.1078 0.693031 43.1043C2.08471 50.1007 5.51984 56.5274 10.564 61.5716C15.6082 66.6157 22.0348 70.0509 29.0313 71.4426C36.0278 72.8342 43.2798 72.12 49.8703 69.3901C56.4609 66.6602 62.0939 62.0373 66.0571 56.106C70.0202 50.1747 72.1356 43.2013 72.1356 36.0678L54.1017 36.0678C54.1017 39.6346 53.044 43.1212 51.0624 46.0869C49.0808 49.0526 46.2643 51.364 42.9691 52.7289C39.6738 54.0939 36.0478 54.451 32.5496 53.7552C29.0513 53.0593 25.838 51.3418 23.3159 48.8197C20.7938 46.2976 19.0763 43.0843 18.3804 39.586C17.6846 36.0878 18.0417 32.4618 19.4066 29.1665C20.7716 25.8713 23.083 23.0547 26.0487 21.0732C29.0144 19.0916 32.501 18.0339 36.0678 18.0339L36.0678 0Z" fill="white"/>
|
||||
<path d="M36.0678 0C31.3313 -5.64821e-08 26.6412 0.932921 22.2652 2.7455C17.8893 4.55807 13.9132 7.21481 10.564 10.564C7.21481 13.9132 4.55807 17.8893 2.7455 22.2653C0.93292 26.6412 -7.1519e-07 31.3313 0 36.0678L18.0339 36.0678C18.0339 33.6996 18.5004 31.3545 19.4066 29.1665C20.3129 26.9785 21.6413 24.9905 23.3159 23.3159C24.9905 21.6413 26.9785 20.3129 29.1665 19.4066C31.3545 18.5004 33.6995 18.0339 36.0678 18.0339L36.0678 0Z" fill="#5CE1E6"/>
|
||||
<circle cx="36.0678" cy="36.0678" r="11.2712" fill="#5CE1E6"/>
|
||||
<path d="M47.339 36.0678C47.339 34.5877 47.0475 33.122 46.481 31.7545C45.9146 30.387 45.0844 29.1445 44.0377 28.0979C42.9911 27.0513 41.7486 26.221 40.3811 25.6546C39.0136 25.0882 37.548 24.7966 36.0678 24.7966C34.5876 24.7966 33.122 25.0882 31.7545 25.6546C30.387 26.221 29.1445 27.0513 28.0979 28.0979C27.0512 29.1445 26.221 30.387 25.6546 31.7545C25.0882 33.122 24.7966 34.5877 24.7966 36.0678L36.0678 36.0678H47.339Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.3 KiB |
3
Websites/BankModern/src/assets/menu.svg
Normal file
3
Websites/BankModern/src/assets/menu.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9 2L19 2C19.2652 2 19.5196 1.89464 19.7071 1.70711C19.8946 1.51957 20 1.26522 20 1C20 0.734784 19.8946 0.480429 19.7071 0.292892C19.5196 0.105356 19.2652 0 19 0L9 0C8.73478 0 8.48043 0.105356 8.29289 0.292892C8.10536 0.480429 8 0.734784 8 1C8 1.26522 8.10536 1.51957 8.29289 1.70711C8.48043 1.89464 8.73478 2 9 2ZM19 10L1 10C0.734784 10 0.480429 10.1054 0.292892 10.2929C0.105356 10.4804 0 10.7348 0 11C0 11.2652 0.105356 11.5196 0.292892 11.7071C0.480429 11.8946 0.734784 12 1 12L19 12C19.2652 12 19.5196 11.8946 19.7071 11.7071C19.8946 11.5196 20 11.2652 20 11C20 10.7348 19.8946 10.4804 19.7071 10.2929C19.5196 10.1054 19.2652 10 19 10V10ZM1 7L19 7C19.2652 7 19.5196 6.89464 19.7071 6.70711C19.8946 6.51957 20 6.26522 20 6C20 5.73478 19.8946 5.48043 19.7071 5.29289C19.5196 5.10536 19.2652 5 19 5L1 5C0.734784 5 0.480429 5.10536 0.292892 5.29289C0.105356 5.48043 0 5.73478 0 6C0 6.26522 0.105356 6.51957 0.292892 6.70711C0.480429 6.89464 0.734784 7 1 7Z" fill="#FFFFFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
BIN
Websites/BankModern/src/assets/people01.png
Normal file
BIN
Websites/BankModern/src/assets/people01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
Websites/BankModern/src/assets/people02.png
Normal file
BIN
Websites/BankModern/src/assets/people02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Websites/BankModern/src/assets/people03.png
Normal file
BIN
Websites/BankModern/src/assets/people03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
13
Websites/BankModern/src/assets/quotes.svg
Normal file
13
Websites/BankModern/src/assets/quotes.svg
Normal file
@ -0,0 +1,13 @@
|
||||
<svg width="43" height="28" viewBox="0 0 43 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.7984 27.6L18.9984 0H12.3984L0.398438 27.6H11.7984ZM35.7984 27.6L42.9984 0H36.3984L24.3984 27.6H35.7984Z" fill="url(#paint0_linear_310_509)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_310_509" x1="28.8615" y1="-24.7969" x2="41.7939" y2="24.1471" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00887753" stop-color="#DEF9FA"/>
|
||||
<stop offset="0.1723" stop-color="#BEF3F5"/>
|
||||
<stop offset="0.4204" stop-color="#9DEDF0"/>
|
||||
<stop offset="0.5512" stop-color="#7DE7EB"/>
|
||||
<stop offset="0.7154" stop-color="#5CE1E6"/>
|
||||
<stop offset="1" stop-color="#33BBCF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 688 B |
1
Websites/BankModern/src/assets/react.svg
Normal file
1
Websites/BankModern/src/assets/react.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
BIN
Websites/BankModern/src/assets/robot.png
Normal file
BIN
Websites/BankModern/src/assets/robot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
3
Websites/BankModern/src/assets/twitter.svg
Normal file
3
Websites/BankModern/src/assets/twitter.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="23" height="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23 2.24931C22.1447 2.63077 21.2333 2.88362 20.2831 3.00638C21.2606 2.413 22.0067 1.48054 22.3574 0.356615C21.4461 0.909077 20.4398 1.29931 19.3674 1.51708C18.5021 0.580231 17.2687 0 15.9232 0C13.3127 0 11.2111 2.15431 11.2111 4.79531C11.2111 5.17531 11.2427 5.54069 11.3203 5.88854C7.40025 5.69415 3.93156 3.78392 1.60137 0.874C1.19456 1.59162 0.955938 2.413 0.955938 3.29723C0.955938 4.95754 1.79688 6.42931 3.05037 7.28138C2.29281 7.26677 1.54962 7.04315 0.92 6.69092C0.92 6.70554 0.92 6.72454 0.92 6.74354C0.92 9.07323 2.55444 11.0083 4.69775 11.4541C4.31394 11.5608 3.89562 11.6119 3.4615 11.6119C3.15963 11.6119 2.85487 11.5944 2.56881 11.5301C3.17975 13.4286 4.91338 14.8244 6.97475 14.8697C5.3705 16.1456 3.33356 16.9144 1.12844 16.9144C0.74175 16.9144 0.370875 16.8968 0 16.8486C2.08869 18.2181 4.56406 19 7.2335 19C15.9102 19 20.654 11.6923 20.654 5.358C20.654 5.14608 20.6468 4.94146 20.6367 4.73831C21.5726 4.06308 22.3589 3.21977 23 2.24931Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
9
Websites/BankModern/src/components/Billing/Billing.jsx
Normal file
9
Websites/BankModern/src/components/Billing/Billing.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Billing = () => {
|
||||
return (
|
||||
<div>Billing</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Billing
|
||||
9
Websites/BankModern/src/components/Business/Business.jsx
Normal file
9
Websites/BankModern/src/components/Business/Business.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Business = () => {
|
||||
return (
|
||||
<div>Business</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Business
|
||||
9
Websites/BankModern/src/components/Button/Button.jsx
Normal file
9
Websites/BankModern/src/components/Button/Button.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Button = () => {
|
||||
return (
|
||||
<div>Button</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Button
|
||||
9
Websites/BankModern/src/components/CTA/CTA.jsx
Normal file
9
Websites/BankModern/src/components/CTA/CTA.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const CTA = () => {
|
||||
return (
|
||||
<div>CTA</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default CTA
|
||||
9
Websites/BankModern/src/components/CardDeal/CardDeal.jsx
Normal file
9
Websites/BankModern/src/components/CardDeal/CardDeal.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const CardDeal = () => {
|
||||
return (
|
||||
<div>CardDeal</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default CardDeal
|
||||
9
Websites/BankModern/src/components/Clients/Clients.jsx
Normal file
9
Websites/BankModern/src/components/Clients/Clients.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Clients = () => {
|
||||
return (
|
||||
<div>Clients</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Clients
|
||||
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const FeedbackCard = () => {
|
||||
return (
|
||||
<div>FeedbackCard</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default FeedbackCard
|
||||
9
Websites/BankModern/src/components/Footer/Footer.jsx
Normal file
9
Websites/BankModern/src/components/Footer/Footer.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<div>Footer</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Footer
|
||||
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const GetStarted = () => {
|
||||
return (
|
||||
<div>GetStarted</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default GetStarted
|
||||
9
Websites/BankModern/src/components/Hero/Hero.jsx
Normal file
9
Websites/BankModern/src/components/Hero/Hero.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Hero = () => {
|
||||
return (
|
||||
<div>Hero</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Hero
|
||||
23
Websites/BankModern/src/components/Index.js
Normal file
23
Websites/BankModern/src/components/Index.js
Normal file
@ -0,0 +1,23 @@
|
||||
import Navbar from "./Navbar/Navbar";
|
||||
import Billing from "./Billing/Billing";
|
||||
import CardDeal from "./CardDeal/CardDeal";
|
||||
import Business from "./Business/Business";
|
||||
import Clients from "./Clients/Clients";
|
||||
import CTA from "./CTA/CTA";
|
||||
import Stats from "./Stats/Stats";
|
||||
import Footer from "./Footer/Footer";
|
||||
import Testimonials from "./Testimonials/Testimonials";
|
||||
import Hero from "./Hero/Hero";
|
||||
|
||||
export{
|
||||
Navbar,
|
||||
Billing,
|
||||
CardDeal,
|
||||
Business,
|
||||
Clients,
|
||||
CTA,
|
||||
Stats,
|
||||
Footer,
|
||||
Testimonials,
|
||||
Hero,
|
||||
};
|
||||
22
Websites/BankModern/src/components/Navbar/Navbar.jsx
Normal file
22
Websites/BankModern/src/components/Navbar/Navbar.jsx
Normal file
@ -0,0 +1,22 @@
|
||||
import React from "react";
|
||||
import { useState } from "react";
|
||||
// import {close, log, menu} from '../../assets/index';
|
||||
import { navlinks } from "../../constants/index";
|
||||
|
||||
const Navbar = () => {
|
||||
return (
|
||||
<nav className="w-full flex py-6 justify-between items-center navbar">
|
||||
<img src="{logo}" alt="hoobank" className="w-[124px] h-[32px]" />
|
||||
<ul className="list-none sm:flex hidden justify-end items-center flex-1">
|
||||
{navlinks.map((nav, index) => (
|
||||
<li key={nav.id} className={"font-poppin font-normal cursor-pointer"}>
|
||||
<a href={"#${nav.id}"}>{nav.title}</a>
|
||||
</li>
|
||||
))}
|
||||
;
|
||||
</ul>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
||||
export default Navbar;
|
||||
9
Websites/BankModern/src/components/Stats/Stats.jsx
Normal file
9
Websites/BankModern/src/components/Stats/Stats.jsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Stats = () => {
|
||||
return (
|
||||
<div>Stats</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Stats
|
||||
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
const Testimonials = () => {
|
||||
return (
|
||||
<div>Testimonials</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Testimonials
|
||||
212
Websites/BankModern/src/constants/index.js
Normal file
212
Websites/BankModern/src/constants/index.js
Normal file
@ -0,0 +1,212 @@
|
||||
import {
|
||||
people01,
|
||||
people02,
|
||||
people03,
|
||||
facebook,
|
||||
instagram,
|
||||
linkedin,
|
||||
twitter,
|
||||
airbnb,
|
||||
binance,
|
||||
coinbase,
|
||||
dropbox,
|
||||
send,
|
||||
shield,
|
||||
star,
|
||||
} from "../assets";
|
||||
|
||||
export const navLinks = [
|
||||
{
|
||||
id: "home",
|
||||
title: "Home",
|
||||
},
|
||||
{
|
||||
id: "features",
|
||||
title: "Features",
|
||||
},
|
||||
{
|
||||
id: "product",
|
||||
title: "Product",
|
||||
},
|
||||
{
|
||||
id: "clients",
|
||||
title: "Clients",
|
||||
},
|
||||
];
|
||||
|
||||
export const features = [
|
||||
{
|
||||
id: "feature-1",
|
||||
icon: star,
|
||||
title: "Rewards",
|
||||
content:
|
||||
"The best credit cards offer some tantalizing combinations of promotions and prizes",
|
||||
},
|
||||
{
|
||||
id: "feature-2",
|
||||
icon: shield,
|
||||
title: "100% Secured",
|
||||
content:
|
||||
"We take proactive steps make sure your information and transactions are secure.",
|
||||
},
|
||||
{
|
||||
id: "feature-3",
|
||||
icon: send,
|
||||
title: "Balance Transfer",
|
||||
content:
|
||||
"A balance transfer credit card can save you a lot of money in interest charges.",
|
||||
},
|
||||
];
|
||||
|
||||
export const feedback = [
|
||||
{
|
||||
id: "feedback-1",
|
||||
content:
|
||||
"Money is only a tool. It will take you wherever you wish, but it will not replace you as the driver.",
|
||||
name: "Herman Jensen",
|
||||
title: "Founder & Leader",
|
||||
img: people01,
|
||||
},
|
||||
{
|
||||
id: "feedback-2",
|
||||
content:
|
||||
"Money makes your life easier. If you're lucky to have it, you're lucky.",
|
||||
name: "Steve Mark",
|
||||
title: "Founder & Leader",
|
||||
img: people02,
|
||||
},
|
||||
{
|
||||
id: "feedback-3",
|
||||
content:
|
||||
"It is usually people in the money business, finance, and international trade that are really rich.",
|
||||
name: "Kenn Gallagher",
|
||||
title: "Founder & Leader",
|
||||
img: people03,
|
||||
},
|
||||
];
|
||||
|
||||
export const stats = [
|
||||
{
|
||||
id: "stats-1",
|
||||
title: "User Active",
|
||||
value: "3800+",
|
||||
},
|
||||
{
|
||||
id: "stats-2",
|
||||
title: "Trusted by Company",
|
||||
value: "230+",
|
||||
},
|
||||
{
|
||||
id: "stats-3",
|
||||
title: "Transaction",
|
||||
value: "$230M+",
|
||||
},
|
||||
];
|
||||
|
||||
export const footerLinks = [
|
||||
{
|
||||
title: "Useful Links",
|
||||
links: [
|
||||
{
|
||||
name: "Content",
|
||||
link: "https://www.hoobank.com/content/",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
link: "https://www.hoobank.com/how-it-works/",
|
||||
},
|
||||
{
|
||||
name: "Create",
|
||||
link: "https://www.hoobank.com/create/",
|
||||
},
|
||||
{
|
||||
name: "Explore",
|
||||
link: "https://www.hoobank.com/explore/",
|
||||
},
|
||||
{
|
||||
name: "Terms & Services",
|
||||
link: "https://www.hoobank.com/terms-and-services/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
links: [
|
||||
{
|
||||
name: "Help Center",
|
||||
link: "https://www.hoobank.com/help-center/",
|
||||
},
|
||||
{
|
||||
name: "Partners",
|
||||
link: "https://www.hoobank.com/partners/",
|
||||
},
|
||||
{
|
||||
name: "Suggestions",
|
||||
link: "https://www.hoobank.com/suggestions/",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
link: "https://www.hoobank.com/blog/",
|
||||
},
|
||||
{
|
||||
name: "Newsletters",
|
||||
link: "https://www.hoobank.com/newsletters/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Partner",
|
||||
links: [
|
||||
{
|
||||
name: "Our Partner",
|
||||
link: "https://www.hoobank.com/our-partner/",
|
||||
},
|
||||
{
|
||||
name: "Become a Partner",
|
||||
link: "https://www.hoobank.com/become-a-partner/",
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export const socialMedia = [
|
||||
{
|
||||
id: "social-media-1",
|
||||
icon: instagram,
|
||||
link: "https://www.instagram.com/",
|
||||
},
|
||||
{
|
||||
id: "social-media-2",
|
||||
icon: facebook,
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
id: "social-media-3",
|
||||
icon: twitter,
|
||||
link: "https://www.twitter.com/",
|
||||
},
|
||||
{
|
||||
id: "social-media-4",
|
||||
icon: linkedin,
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
export const clients = [
|
||||
{
|
||||
id: "client-1",
|
||||
logo: airbnb,
|
||||
},
|
||||
{
|
||||
id: "client-2",
|
||||
logo: binance,
|
||||
},
|
||||
{
|
||||
id: "client-3",
|
||||
logo: coinbase,
|
||||
},
|
||||
{
|
||||
id: "client-4",
|
||||
logo: dropbox,
|
||||
},
|
||||
];
|
||||
140
Websites/BankModern/src/index.css
Normal file
140
Websites/BankModern/src/index.css
Normal file
@ -0,0 +1,140 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--black-gradient: linear-gradient(
|
||||
144.39deg,
|
||||
#ffffff -278.56%,
|
||||
#6d6d6d -78.47%,
|
||||
#11101d 91.61%
|
||||
);
|
||||
--card-shadow: 0px 20px 100px -10px rgba(66, 71, 91, 0.1);
|
||||
}
|
||||
|
||||
* {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
.text-gradient {
|
||||
background: radial-gradient(
|
||||
64.18% 64.18% at 71.16% 35.69%,
|
||||
#def9fa 0.89%,
|
||||
#bef3f5 17.23%,
|
||||
#9dedf0 42.04%,
|
||||
#7de7eb 55.12%,
|
||||
#5ce1e6 71.54%,
|
||||
#33bbcf 100%
|
||||
);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.bg-blue-gradient {
|
||||
background: linear-gradient(
|
||||
157.81deg,
|
||||
#def9fa -43.27%,
|
||||
#bef3f5 -21.24%,
|
||||
#9dedf0 12.19%,
|
||||
#7de7eb 29.82%,
|
||||
#5ce1e6 51.94%,
|
||||
#33bbcf 90.29%
|
||||
);
|
||||
}
|
||||
|
||||
.bg-black-gradient {
|
||||
background: linear-gradient(
|
||||
144.39deg,
|
||||
#ffffff -278.56%,
|
||||
#6d6d6d -78.47%,
|
||||
#11101d 91.61%
|
||||
);
|
||||
}
|
||||
|
||||
.bg-black-gradient-2 {
|
||||
background: linear-gradient(
|
||||
-168.39deg,
|
||||
#ffffff -278.56%,
|
||||
#6d6d6d -78.47%,
|
||||
#11101d 91.61%
|
||||
);
|
||||
}
|
||||
|
||||
.bg-gray-gradient {
|
||||
background: linear-gradient(
|
||||
153.47deg,
|
||||
rgba(255, 255, 255, 0) -341.94%,
|
||||
#14101d 95.11%
|
||||
);
|
||||
}
|
||||
|
||||
.bg-discount-gradient {
|
||||
background: linear-gradient(125.17deg, #272727 0%, #11101d 100%);
|
||||
}
|
||||
|
||||
.box-shadow {
|
||||
box-shadow: 0px 20px 100px -10px rgba(66, 71, 91, 0.1);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
-webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
||||
animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slide-top {
|
||||
0% {
|
||||
-webkit-transform: translateY(100px);
|
||||
transform: translateY(100px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slide-top {
|
||||
0% {
|
||||
-webkit-transform: translateY(100px);
|
||||
transform: translateY(100px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
background: var(--black-gradient);
|
||||
box-shadow: var(--card-shadow);
|
||||
}
|
||||
|
||||
.feedback-container .feedback-card:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.feedback-card {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.feedback-card:hover {
|
||||
background: var(--black-gradient);
|
||||
}
|
||||
|
||||
.blue__gradient {
|
||||
background: linear-gradient(180deg, rgba(188, 165, 255, 0) 0%, #214d76 100%);
|
||||
filter: blur(123px);
|
||||
}
|
||||
|
||||
.pink__gradient {
|
||||
background: linear-gradient(90deg, #f4c4f3 0%, #fc67fa 100%);
|
||||
filter: blur(900px);
|
||||
}
|
||||
|
||||
.white__gradient {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
filter: blur(750px);
|
||||
}
|
||||
10
Websites/BankModern/src/main.jsx
Normal file
10
Websites/BankModern/src/main.jsx
Normal file
@ -0,0 +1,10 @@
|
||||
import React from 'react'
|
||||
import ReactDOM from 'react-dom/client'
|
||||
import App from './App.jsx'
|
||||
import './index.css'
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root')).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>,
|
||||
)
|
||||
28
Websites/BankModern/src/styles.js
Normal file
28
Websites/BankModern/src/styles.js
Normal file
@ -0,0 +1,28 @@
|
||||
const styles = {
|
||||
boxWidth: "xl:max-w-[1280px] w-full",
|
||||
|
||||
heading2: "font-poppins font-semibold xs:text-[48px] text-[40px] text-white xs:leading-[76.8px] leading-[66.8px] w-full",
|
||||
paragraph: "font-poppins font-normal text-dimWhite text-[18px] leading-[30.8px]",
|
||||
|
||||
flexCenter: "flex justify-center items-center",
|
||||
flexStart: "flex justify-center items-start",
|
||||
|
||||
paddingX: "sm:px-16 px-6",
|
||||
paddingY: "sm:py-16 py-6",
|
||||
padding: "sm:px-16 px-6 sm:py-12 py-4",
|
||||
|
||||
marginX: "sm:mx-16 mx-6",
|
||||
marginY: "sm:my-16 my-6",
|
||||
};
|
||||
|
||||
export const layout = {
|
||||
section: `flex md:flex-row flex-col ${styles.paddingY}`,
|
||||
sectionReverse: `flex md:flex-row flex-col-reverse ${styles.paddingY}`,
|
||||
|
||||
sectionImgReverse: `flex-1 flex ${styles.flexCenter} md:mr-10 mr-0 md:mt-0 mt-10 relative`,
|
||||
sectionImg: `flex-1 flex ${styles.flexCenter} md:ml-10 ml-0 md:mt-0 mt-10 relative`,
|
||||
|
||||
sectionInfo: `flex-1 ${styles.flexStart} flex-col`,
|
||||
};
|
||||
|
||||
export default styles;
|
||||
28
Websites/BankModern/tailwind.config.js
Normal file
28
Websites/BankModern/tailwind.config.js
Normal file
@ -0,0 +1,28 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ["./index.html", "./src/**/*.{js,jsx}"],
|
||||
mode: "jit",
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: "#00040f",
|
||||
secondary: "#00f6ff",
|
||||
dimWhite: "rgba(255, 255, 255, 0.7)",
|
||||
dimBlue: "rgba(9, 151, 124, 0.1)",
|
||||
},
|
||||
fontFamily: {
|
||||
poppins: ["Poppins", "sans-serif"],
|
||||
},
|
||||
},
|
||||
screens: {
|
||||
xs: "480px",
|
||||
ss: "620px",
|
||||
sm: "768px",
|
||||
md: "1060px",
|
||||
lg: "1200px",
|
||||
xl: "1700px",
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
10
Websites/BankModern/vite.config.js
Normal file
10
Websites/BankModern/vite.config.js
Normal file
@ -0,0 +1,10 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
server: {
|
||||
port: 3000,
|
||||
},
|
||||
})
|
||||
@ -1,4 +1,4 @@
|
||||
import React, { useState } from 'react'
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import {GiHamburgerMenu} from 'react-icons/gi';
|
||||
import {MdOutlineRestaurantMenu} from 'react-icons/md';
|
||||
import './Navbar.css'
|
||||
@ -7,6 +7,13 @@ import './Navbar.css'
|
||||
const Navbar = () => {
|
||||
const [toggle_menu, set_toggle_menu] = useState(false);
|
||||
|
||||
const[isActive, setIsActive] = useState(false);
|
||||
useEffect(() => {
|
||||
window.addEventListener('scroll', () => {
|
||||
window.scrollY > 50 ? setIsActive(true) : setIsActive(false);
|
||||
});
|
||||
});
|
||||
|
||||
return (
|
||||
<nav className="app_navbar">
|
||||
<div className="navbar_logo">
|
||||
|
||||
@ -1,4 +1,32 @@
|
||||
.app_aboutus{
|
||||
background-color: #18191a;
|
||||
|
||||
color: white;
|
||||
position:relative;
|
||||
}
|
||||
.app_aboutus_overlay{
|
||||
position:absolute;
|
||||
inset: 0;
|
||||
}
|
||||
|
||||
.app_aboutus_overlay>img{
|
||||
width: 391px;
|
||||
height: 415px;
|
||||
}
|
||||
|
||||
.app_aboutus_content{
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.app_aboutus_content_knife{
|
||||
margin: 2rem 4rem;
|
||||
}
|
||||
|
||||
.app_aboutus_content_about{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
flex-direction: column;
|
||||
text-align: right;
|
||||
}
|
||||
@ -12,7 +12,7 @@ const AboutUs = () => {
|
||||
<div className="app_aboutus_content_about">
|
||||
<h1 className="headtext_cormorant">About Us</h1>
|
||||
<PiCookingPotFill/>
|
||||
<p className="p_opensans">jflasjfuuhhgduiahdsajkfnaslfnsaieoljw</p>
|
||||
<p className="p_opensans">Jefe's Mexican cocina y cantina is a family owned authentic mexican restaurant that provides a variety of different dishes and cocktails. We are one of the best restaurants around because nowhere else can you find the most extraordinary homemade Mexican food along with fresh and naturally flavored waters. At our restaurant, we guarantee that our dishes are authentic to the soul of Mexico.</p>
|
||||
<button className="custom_button">Learn More</button>
|
||||
</div>
|
||||
<div className="app_aboutus_content_knife flex_center">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user