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 { Nav } from './components/header';
import { Footer } from './components/footer';
import { PayPal, Purchase, ShowCase } from './components/mainPage';
import { Landding } from './components/mainPage';
function App() {
return (
<div className="page-container">
<div className="content-wrap">
<Nav />
<ShowCase />
<Purchase />
<PayPal />
<Landding />
</div>
<Footer />
</div>

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

@ -2,44 +2,44 @@ import React from "react";
import "./Footer.css";
const Footer = () => {
return (
<div className="main-footer">
<div className="container">
<div className="row">
<div className="col">
<h4>OEM Automation</h4>
<ul className="list-unstyled">
<li>(123)-456-7890</li>
<li>Address</li>
<li>New Jersey, US</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 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>
return (
<div className="container">
<div className="main-footer">
<div className="container">
<div className="row">
<div className="col">
<h4>OEM Automation</h4>
<ul className="list-unstyled">
<li>(123)-456-7890</li>
<li>Address</li>
<li>New Jersey, US</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 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>
);
};
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 = () => {
return (
<div className="container">
<Navbar bg="dark" variant="dark">
<Container>
<Navbar.Brand>
@ -10,6 +11,7 @@ const Nav = () => {
</Navbar.Brand>
</Container>
</Navbar>
</div>
);
}

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

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