Merge pull request #1 from lucyliulee/lucyliulee-homepage

Add files via upload

Author: lucyliulee

App.css

@@ -0,0 +1,45 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 2s linear;
+  height: 40vmin;
+}
+
+.App-header {
+  background-color: white; /*#282c34*/
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: #282c34;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+.button {
+    background-color: transparent; /* Green */
+    border: 3px #282c34;
+    color: #282c34;
+    text-align: center;
+    font-family: "Ubuntu" serif;
+    display: inline-block;
+    font-size: 16px;
+    border-radius: 8px;
+    height: 25px;
+    width: 80px;
+    transition: all 0.8s;
+
+}
+
+.button:hover {
+  background-color: #282c34;
+  color: white;
+}
+

App.js

@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router';
+import logo from './logo.svg';
+import './App.css';
+
+class App extends Component {
+  render() {
+    return (
+      <div className="App">
+        <header className="App-header">
+          <img src={logo} className="App-logo" alt="logo" />
+          <p>
+            Welcome to <code> Meet Your Professor </code>
+          </p>
+          <button className = "button" id="login"> <code> Login </code> </button>
+        </header>
+      </div>
+    );
+  }
+}
+
+export default App;
+
+
+{/*<a className="App-link" href="https://meetyourprofessor.berkeley.edu" target="_blank" rel="noopener noreferrer">
+      Learn React </a> */}