Pagina detalhes da empresa

UnBArqDsw2021-2 · Apr 9, 2022 · 96e8f56 · 96e8f56
1 parent 8614a7a
commit 96e8f56
Show file tree

Hide file tree

Showing 3 changed files with 116 additions and 3 deletions.
diff --git a/stag.io/src/App.js b/stag.io/src/App.js
@@ -1,6 +1,8 @@
 import "./App.css";
 import { Routes, Route } from "react-router-dom";
 import DetalhesCandidato from "../src/pages/DetalhesCandidato";
+import DetalhesEmpresa from "../src/pages/DetalhesEmpresa";
+import VagaEmpresa from "../src/pages/VagaEmpresa";
 
 import Inicio from "./pages/Inicio/Inicio";
 
@@ -10,10 +12,12 @@ function App() {
       <Routes>
         <Route path="/" element={<Inicio/>}></Route>
         <Route path="/detalhes-candidato" element={<DetalhesCandidato/>}></Route>
+        <Route path="/detalhes-empresa" element={<DetalhesEmpresa/>}></Route>
+        <Route path="/vaga-empresa" element={<VagaEmpresa/>}></Route>
 
       </Routes>
     </div>
   );
 }
 
-export default App;
+export default App;
diff --git a/stag.io/src/pages/DetalhesCandidato/index.css b/stag.io/src/pages/DetalhesCandidato/index.css
@@ -0,0 +1,63 @@
+.subTitle1{
+    text-align: left;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+    padding-bottom: 0em;
+}
+
+.text1{
+    color: white;
+    font-style: 'Poppins', sans-serif;
+    font-size: 1.1em;
+    text-align: left;
+    padding-left: 0.5rem;
+}
+
+.text-description1{
+    color: black;
+    font-style: 'Poppins', sans-serif;
+    font-size: 0.9em;
+    text-align: left;
+    padding-left: 1rem;
+}
+
+.content-column1{
+    display: inline;
+    height: 30em;
+    /* background-color: red; */
+    width: 90%;
+}
+
+.content-row1{
+    display: flex;
+    justify-content: space-between;
+    padding: .5em;
+    flex-wrap: wrap;
+}
+
+.content-row-line1{
+    background-color: black;
+}
+
+.text-box-type1-2{
+    padding: 0.6em 0.9em;
+    height: 1em;
+    width: 5em;
+    border: 0.06em solid #E2E1E5;
+    border-radius: 2.3em;
+    margin-bottom: 0.5em;
+    text-align: center;
+    background-color: white;
+    color: black;
+}
+
+.label1{
+    padding: 0.6em 0.9em;
+    height: 1em;
+    width: 5em;
+    border: 0.06em solid #E2E1E5;
+    border-radius: 2.3em;
+    margin-bottom: 0.5em;
+    text-align: center;
+    color: white;
+}
diff --git a/stag.io/src/pages/DetalhesCandidato/index.jsx b/stag.io/src/pages/DetalhesCandidato/index.jsx
@@ -1,11 +1,57 @@
 import React from "react";
 import NavBar from "../../components/NavBar";
+import './index.css';
 
 const DetalhesCandidato = () => {
 
     return(
-        <div>
-            <NavBar />
+        <div className="detalhes-candidato">
+
+            {/* Container que aloca a página */}
+            <h1 className="subTitle1">
+                Nome do candidato
+            </h1>
+            <div className="content-row1">
+                    <div className="content-column1">
+                        {/* Começo Descrição */}
+                        <h2 className="text1">
+                            Descrição
+                        </h2>
+                        <h2 className="text-description1">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis ex at leo feugiat pretium. Nullam eu dapibus elit, volutpat aliquam urna. Vestibulum semper erat vel dui dictum vehicula
+                        </h2>
+
+                        {/* Começo Escolaridade */}
+                        <h2 className="text1">
+                            Escolaridade
+                        </h2>
+                        <h2 className="text-description1">
+                            Ensino médio
+                        </h2>
+                        {/* Começo Localização */}
+                        <h2 className="text1">
+                            Localização
+                        </h2>
+                        <h2 className="text-description1">
+                            Brasília - DF
+                        </h2>
+                        {/* Começo Área de interesse */}
+                        <h2 className="text1">
+                            Área de interesse
+                        </h2>
+                        <div className="content-row1">
+                        <div className="text-box-type1-2" id="" >#python</div>
+                        <div className="text-box-type1-2" id="" >#data</div>
+                        <div className="text-box-type1-2" id="" >#bi</div>
+                        </div>
+                        {/* Começo Currículo */}
+                        <h2 className="text1">
+                            Currículo
+                        </h2>
+                        <div className="text-box-type1-2" id="">Arquivo</div>
+                    </div>
+
+            </div>
         </div>
     );
 }