Start checkin-portal

smppir-checkin-portal/public/manifest.json

+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

smppir-checkin-portal/src/App.css

+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 20s linear;
+  height: 80px;
+}
+
+.App-header {
+  background-color: #222;
+  height: 150px;
+  padding: 20px;
+  color: white;
+}
+
+.App-title {
+  font-size: 1.5em;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+@keyframes App-logo-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}

smppir-checkin-portal/src/App.js

+import React, { Component } from 'react';
+import { BrowserRouter as Router, Route } from 'react-router-dom'
+import './App.css';
+import MainPage from './Pages/MainPage'
+import Login from './Pages/Login'
+
+class App extends Component {
+  render() {
+    return (
+      <Router>
+        <div>
+          <Route exact={true} path="/" component={MainPage}/>
+          <Route exact={true} path="/login" component={Login}/>
+        </div>
+      </Router>
+    );
+  }
+}
+
+export default App;

smppir-checkin-portal/src/App.test.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+
+it('renders without crashing', () => {
+  const div = document.createElement('div');
+  ReactDOM.render(<App />, div);
+  ReactDOM.unmountComponentAtNode(div);
+});

smppir-checkin-portal/src/Components/AppFooter.js

+import React, { Component } from 'react';
+import { Footer } from 'react-materialize'
+import ColorfulBar from './ColorfulBar'
+import ContactForm from './ContactForm'
+import Partner from './Partner'
+
+import '../Styles/AppFooter.css'
+
+class AppFooter extends Component {
+  render() {
+    return (
+      <div>
+        <ColorfulBar/>
+        <Footer  className='white'
+          links={
+            <div> 
+              <ContactForm /> 
+            </div>
+          }
+        >
+          <h4 className='smppir-blue'>PARCEIROS</h4>
+          <Partner />
+          
+        </Footer>
+      </div>
+    );
+  }
+}
+
+export default AppFooter;
\ No newline at end of file

smppir-checkin-portal/src/Components/BarraBrasil.js

+import React, { Component } from 'react';
+import  '../Styles/BarraBrasil.css'
+
+class NavigationBar extends Component {
+  render() {
+    return (
+      <div id={"nav-brasil"}>
+        <div id={"barra-brasil"}> 
+            <ul id={"menu-barra-temp"}>
+                <li id={"barra-brasil-li"}>
+                    <a href={"http://brasil.gov.br"} id={"barra-brasil-link1"}>
+                    Portal do Governo Brasileiro
+                    </a>
+                </li> 
+                <li>
+                    <a id={"barra-brasil-link1"} href={"http://epwg.governoeletronico.gov.br/barra/atualize.html"}>
+                    Atualize sua Barra de Governo
+                    </a>
+                </li>
+            </ul>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default NavigationBar;
\ No newline at end of file

smppir-checkin-portal/src/Components/Button.js

+import React, { Component } from 'react';
+
+import '../Styles/Button.css'
+
+class AppFooter extends Component {
+  render() {
+    return (
+      <div>
+        
+      </div>
+    );
+  }
+}
+
+export default AppFooter;
\ No newline at end of file

smppir-checkin-portal/src/Components/ColorfulBar.js

+import React, { Component } from 'react';
+import { Row, Col } from 'react-materialize'
+
+import '../Styles/ColorfulBar.css'
+
+class ColorfulBar extends Component {
+  render() {
+    return (
+        <div>
+            <Row style={{margin: 0}}>
+                <Col s={1} id={'color1'} className={'colorfulbar'} ></Col>
+                <Col s={1} id={'color2'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color3'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color4'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color5'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color6'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color7'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color8'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color9'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color10'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color11'} className={'colorfulbar'}></Col>
+                <Col s={1} id={'color12'} className={'colorfulbar'}></Col>
+            </Row>
+        </div>
+    );
+  }
+}
+
+export default ColorfulBar;
\ No newline at end of file