diff --git a/src/index.css b/src/index.css
index 0a84a20..6bbf249 100644
--- a/src/index.css
+++ b/src/index.css
@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
+* {
+ box-sizing: border-box;
+}
+
a {
font-weight: 500;
color: #646cff;
diff --git a/src/layout/footer.tsx b/src/layout/footer.tsx
new file mode 100644
index 0000000..4a7a709
--- /dev/null
+++ b/src/layout/footer.tsx
@@ -0,0 +1,45 @@
+import styles from '../styles/footer.module.scss'
+
+export const Footer = () => {
+ return (
+
+ )
+}
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index 6e38861..7bb8edd 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -1,10 +1,12 @@
-import { Header } from './header'
import mainStyles from '../styles/main.module.scss'
+import { Footer } from './footer'
+import { Header } from './header'
export const Layout = () => {
return (
+
)
}
diff --git a/src/styles/footer.module.scss b/src/styles/footer.module.scss
new file mode 100644
index 0000000..df59282
--- /dev/null
+++ b/src/styles/footer.module.scss
@@ -0,0 +1,37 @@
+.secMainFooterWrapper {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: end;
+ border-top: solid 1px rgba(255, 255, 255, 0.05);
+
+ .secMainFooter {
+ width: 100%;
+ padding: 15px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ color: rgba(255, 255, 255, 0.1);
+
+ .secMainFooterPara {
+ text-align: center;
+ width: 100%;
+
+ .secMainFooterParaLink {
+ transition: ease 0.4s;
+ color: rgba(255, 255, 255, 0.1);
+ text-decoration: unset;
+ font-weight: bold;
+ cursor: pointer;
+
+ &:hover {
+ transition: ease 0.4s;
+ color: rgba(173, 90, 255, 0.75);
+ text-decoration: unset;
+ font-weight: bold;
+ }
+ }
+ }
+ }
+}