-
+
+
diff --git a/src/components/LogInContainer.js b/src/components/LogInContainer.js
new file mode 100644
index 0000000..1689700
--- /dev/null
+++ b/src/components/LogInContainer.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import { HashRouter as Router, Route, Link, NavLink } from 'react-router-dom';
+import SignUpForm from './SignUp';
+import SignInForm from './SignIn';
+
+import '../login_reg.css';
+
+class LogInContainer extends Component {
+ render() {
+ return (
+
+
+ );
+ }
+}
+
+export default LogInContainer;
+
diff --git a/src/components/SignIn.js b/src/components/SignIn.js
new file mode 100644
index 0000000..38fc5ad
--- /dev/null
+++ b/src/components/SignIn.js
@@ -0,0 +1,57 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+
+class SignInForm extends Component {
+ constructor() {
+ super();
+
+ this.state = {
+ email: '',
+ password: ''
+ };
+
+ this.handleChange = this.handleChange.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+
+ handleChange(e) {
+ let target = e.target;
+ let value = target.type === 'checkbox' ? target.checked : target.value;
+ let name = target.name;
+
+ this.setState({
+ [name]: value
+ });
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+
+ console.log('The form was submitted with the following data:');
+ console.log(this.state);
+ }
+
+ render() {
+ return (
+
Adapt to a new place easy peasy.
- + +
+
+
+
+
+
+
+
+
+
+
+ Sign In
+ Sign Up
+
+
+
+ Sign In or Sign Up
+
+
+
+
+
+ );
+ }
+}
+
+export default SignInForm;
\ No newline at end of file
diff --git a/src/components/SignUp.js b/src/components/SignUp.js
new file mode 100644
index 0000000..13be839
--- /dev/null
+++ b/src/components/SignUp.js
@@ -0,0 +1,68 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+
+class SignUpForm extends Component {
+ constructor() {
+ super();
+
+ this.state = {
+ email: '',
+ password: '',
+ name: '',
+ hasAgreed: false
+ };
+
+ this.handleChange = this.handleChange.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+
+ handleChange(e) {
+ let target = e.target;
+ let value = target.type === 'checkbox' ? target.checked : target.value;
+ let name = target.name;
+
+ this.setState({
+ [name]: value
+ });
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+
+ console.log('The form was submitted with the following data:');
+ console.log(this.state);
+ }
+
+ render() {
+ return (
+
+
+
+ );
+ }
+}
+
+export default SignUpForm;
\ No newline at end of file
diff --git a/src/style.css b/src/homepage.css
similarity index 100%
rename from src/style.css
rename to src/homepage.css
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..c8bfaee
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,15 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
+
+* {
+ box-sizing: border-box;
+ font-family: "Roboto", sans-serif;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+}
+
+.mr-20 {
+ margin-right: 20px !important;
+}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 71b4c0c..2d0667b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
-
+import './index.css';
import App from './App';
ReactDOM.render(