diff --git a/pages/_document.tsx b/pages/_document.tsx index afe7522..bc5322b 100644 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -35,7 +35,7 @@ export default class MyDocument extends Document { - + diff --git a/pages/index.tsx b/pages/index.tsx index 7d2c3ab..2020643 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,13 +1,31 @@ import React from 'react' +import Image from 'next/image'; + +import { LoginView} from '../styles/layouts/Login/LoginView'; -import Head from 'next/head' -import Image from 'next/image' -import styles from '../styles/Home.module.css' export default function Home() { return ( -
-

Index.js

-
+ + + + +
+

Bem-Vindo

+

Estratégias Inteligentes em
Gestão de Energia

+ + + Esqueceu a senha ? + + +
+ Ou +
+ +

+55(41) 3012-5900 +
www.energiasmart.com.br

+ +
+ ) } diff --git a/public/assets/Vector4.svg b/public/assets/Vector4.svg new file mode 100644 index 0000000..e284486 --- /dev/null +++ b/public/assets/Vector4.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/marca1.svg b/public/assets/marca1.svg new file mode 100644 index 0000000..1af4cd6 --- /dev/null +++ b/public/assets/marca1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/styles/layouts/Dashboard/DashboardView.ts b/styles/layouts/Dashboard/DashboardView.ts new file mode 100644 index 0000000..e69de29 diff --git a/styles/layouts/Login/LoginView.ts b/styles/layouts/Login/LoginView.ts new file mode 100644 index 0000000..c41cd27 --- /dev/null +++ b/styles/layouts/Login/LoginView.ts @@ -0,0 +1,105 @@ +import styled from 'styled-components'; + +export const LoginView = styled.main` + display: flex; + align-items: center; + justify-content: center; + margin-left: 10rem; + + .container{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + background-color: #F9F9F9; + height: 34rem; + width: 49rem; + margin-left: 10rem; + margin-top:4rem; + color: #092C4C; + text-align: center; + border-radius: 4px; + + } + h1{ + margin-bottom:5px; + color: #092C4C; + } + h2{ + font-weight: 5; + font-size: 21px; + margin-bottom: 3rem; + color: #092C4C; + } + input{ + width: 30rem; + height: 15rem; + border-radius: 5px; + margin-bottom: 10px; + border-style: none; + border: solid #D0D0D0 1px; + + } + + button{ + width: 30rem; + height: 18rem; + background-image: linear-gradient(to right, #254F7F 10%, #888888 100%); + color: white; + font-size: 15px; + border-radius: 5px; + border: 0; + margin-top: 2.5rem; + } + input::placeholder { + color: #ABB3BB; + font-size: 12px; + } + span{ + margin-left: 23rem; + font-size: 12px; + color: #254F7F; + + + } + p{ + color:#8B8B8B; + font-size: 12px; + margin-bottom: 22px; + + + + + } + + fieldset { + border-top: 0.7px solid #E1E1E1; + border-bottom: none; + border-left: none; + border-right: none; + display: block; + text-align: center; + width: 30rem; + + + } + fieldset legend { + padding: 19px 56px; + color: #ABB3BB; + font-size: 14px; + } + img{ + /* background-color: black; */ + display: none; + } + + + + @media (max-width: 1150px) { + img{visibility:hidden } + } + + + + +`;