brian_huang/oem-automation-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

UPD: page layout change

Browse Source
This commit is contained in:
John Huang@tthqws02 2021-11-12 10:21:13 -05:00
parent 54e7512b77
commit 798a5e7bcc
4 changed files with 43 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.js
View File

@ -2,18 +2,14 @@ import React from 'react';
import './App.css'; import './App.css';
import { Nav } from './components/header'; import { Nav } from './components/header';
import { Footer } from './components/footer'; import { Footer } from './components/footer';
import { PayPal, Purchase, ShowCase } from './components/mainPage'; import { Landding } from './components/mainPage';
function App() { function App() {
return ( return (
<div className="page-container"> <div className="page-container">
<div className="content-wrap"> <div className="content-wrap">
<Nav /> <Nav />
<Landding />
<ShowCase />
<Purchase />
<PayPal />
</div> </div>
<Footer /> <Footer />
</div> </div>

76
src/components/footer/Footer.js
View File

@ -2,44 +2,44 @@ import React from "react";
import "./Footer.css"; import "./Footer.css";
const Footer = () => { const Footer = () => {
return ( return (
<div className="main-footer"> <div className="container">
<div className="container"> <div className="main-footer">
<div className="row"> <div className="container">
<div className="col"> <div className="row">
<h4>OEM Automation</h4> <div className="col">
<ul className="list-unstyled"> <h4>OEM Automation</h4>
<li>(123)-456-7890</li> <ul className="list-unstyled">
<li>Address</li> <li>(123)-456-7890</li>
<li>New Jersey, US</li> <li>Address</li>
</ul> <li>New Jersey, US</li>
</div> </ul>
<div className="col">
<h4>Placeholder</h4>
<ul className="list-unstyled">
<li>blah blah</li>
<li>blah</li>
<li>blahh</li>
</ul>
</div>
<div className="col">
<h4>Placeholder</h4>
<ul className="list-unstyled">
<li>blah blah</li>
<li>blah</li>
<li>blahh</li>
</ul>
</div>
</div>
<hr />
<div className="row" >
<p className="col-sm">
&copy; OEM Automation
</p>
</div>
</div> </div>
<div className="col">
<h4>Placeholder</h4>
<ul className="list-unstyled">
<li>blah blah</li>
<li>blah</li>
<li>blahh</li>
</ul>
</div>
<div className="col">
<h4>Placeholder</h4>
<ul className="list-unstyled">
<li>blah blah</li>
<li>blah</li>
<li>blahh</li>
</ul>
</div>
</div>
<hr />
<div className="row">
<p className="col-sm">&copy; OEM Automation</p>
</div>
</div> </div>
); </div>
} </div>
);
};
export default Footer; export default Footer;

2
src/components/header/Nav.js
View File

@ -3,6 +3,7 @@ import { Navbar, Container } from 'react-bootstrap';
const Nav = () => { const Nav = () => {
return ( return (
<div className="container">
<Navbar bg="dark" variant="dark"> <Navbar bg="dark" variant="dark">
<Container> <Container>
<Navbar.Brand> <Navbar.Brand>
@ -10,6 +11,7 @@ const Nav = () => {
</Navbar.Brand> </Navbar.Brand>
</Container> </Container>
</Navbar> </Navbar>
</div>
); );
} }

2
src/components/mainPage/showCase.jsx
View File

@ -4,7 +4,7 @@ import { plc, w2c } from "../../assets";
const ShowCase = () => { const ShowCase = () => {
return ( return (
<div className="container border"> <div className="container">
<div className="row"> <div className="row">
<div className="col-2"> <div className="col-2">
<figure className="figure border"> <figure className="figure border">