created components matching the wireframe

This commit is contained in:
soyed 2021-03-28 17:20:05 -04:00
parent 4d2ebac513
commit a2a1af5d05
4 changed files with 19783 additions and 51 deletions

View file

@ -1,25 +1,31 @@
import logo from './logo.svg';
import './App.css';
import { Component } from "react";
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<h1>Kene's Crib</h1>
<p>Real Website loading.......</p>
</header>
<section>
<h1>hello everyone</h1>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
</section>
</div>
);
}
}
export default App;

View file

@ -1,14 +1,15 @@
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import "bootstrap/dist/css/bootstrap.min.css";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
document.getElementById("root")
);
// If you want to start measuring performance in your app, pass a function