Skip to content

Commit

Permalink
fixed company logos!
Browse files Browse the repository at this point in the history
  • Loading branch information
Yonava committed Feb 16, 2024
1 parent 7769b0e commit a878074
Show file tree
Hide file tree
Showing 4 changed files with 91 additions and 50 deletions.
89 changes: 89 additions & 0 deletions src/components/CompanyLogos.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
import React from "react";

export default function CompanyLogos() {

const logoPath = "img/logo/";

const logos = [
{
name: 'Microsoft',
src: 'msft.svg',
},
{
name: 'Facebook',
src: 'fb.svg',
},
{
name: 'Google',
src: 'goog.svg',
},
{
name: 'Amazon',
src: 'Amazon_logo.svg',
},
{
name: 'Uber',
src: 'uber.svg',
},
{
name: 'Cisco',
src: 'cisco.svg',
},
{
name: 'Visa',
src: 'visa.png',
},
{
name: 'Mastercard',
src: 'mastercard.svg',
},
{
name: 'Tanium',
src: 'tanium.png',
},
{
name: 'Fidelity',
src: 'fidelity.svg',
},
{
name: 'Pratt and Whitney',
src: 'pratt-whitney.svg',
},
{
name: 'Dell',
src: 'dell.png',
},
{
name: 'MassMutual',
src: 'massmutual.svg',
},
{
name: 'Liberty Mutual',
src: 'liberty-mutual.png',
},
{
name: 'Blue Cross',
src: 'blue-cross-blue-shield.png',
},
];

return (
<div style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
flexWrap: "wrap",
gap: "100px"
}}>
{logos.map((logo, index) => {
return (
<img key={index} src={logoPath + logo.src} alt={logo.name} style={{
width: "300px",
height: "150px",
objectFit: "contain",
}} />
)
})}
</div>
);
}
52 changes: 2 additions & 50 deletions src/pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import Button from 'react-bootstrap/Button';
import CompanyLogos from '../components/CompanyLogos';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {
Expand Down Expand Up @@ -292,56 +293,7 @@ export default function Index() {
</Col>
</Row>
<Row className="center">
{/* Map over logos */}
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/msft.svg" alt="MSFT" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/fb.svg" alt="FB" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/goog.svg" alt="GOOG" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/Amazon_logo.svg" alt="AMZN" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/uber.svg" className="logo" alt="UBER" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/cisco.svg" className="logo" alt="CSCO" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/visa.png" className="logo" alt="V" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/mastercard.svg" alt="MA" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/fidelity.svg" alt="Fidelity" />
</Col>
<Col md={4} className="center space ">
<img className="company-logo" src="img/logo/pratt-whitney.svg" alt="Pratt and Whitney" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/dell.png" className="logo" alt="DELL" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/massmutual.svg" alt="MassMutual" />
</Col>
<Col md={4} className="center space">
<img
src="img/logo/liberty-mutual.png"
className="logo"
alt="Liberty Mutual"
/>
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/payfactors.png" alt="Payfactors" />
</Col>
<Col md={4} className="center space">
<img className="company-logo" src="img/logo/blue-cross-blue-shield.png" alt="Blue Cross" />
</Col>
<CompanyLogos />
</Row>
</div>
</Container>
Expand Down
Binary file removed src/public/img/logo/payfactors.png
Binary file not shown.
Binary file added src/public/img/logo/tanium.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a878074

Please sign in to comment.