├── .gitignore
├── README.md
├── package-lock.json
├── package.json
├── public
    ├── favicon.ico
    └── index.html
└── src
    ├── App.jsx
    ├── data
        ├── Servicesdata.jsx
        └── Teamsdata.jsx
    ├── images
        ├── 11.jpg
        ├── 22.jpg
        ├── 44.jpg
        ├── brands
        │   ├── adobe.svg
        │   ├── amazon.svg
        │   ├── apple.svg
        │   ├── cisco.svg
        │   ├── discovery.svg
        │   ├── ebay.svg
        │   ├── ibm.svg
        │   ├── intel.svg
        │   ├── orange.svg
        │   ├── panasonic.svg
        │   ├── salesforce.svg
        │   └── samsung.svg
        ├── logo.png
        ├── main.svg
        ├── products
        │   └── 99.png
        ├── services
        │   ├── e-commerce.svg
        │   ├── graphic.svg
        │   ├── ideas.svg
        │   ├── marketing.svg
        │   ├── product.svg
        │   └── security.svg
        └── teams
        │   ├── 1.jpg
        │   ├── 2.png
        │   ├── 3.png
        │   ├── 4.png
        │   ├── 5.png
        │   ├── 6.png
        │   ├── 7.png
        │   └── 8.jpg
    ├── index.js
    ├── pages
        ├── About.jsx
        ├── Career.jsx
        ├── Contact.jsx
        ├── Home.jsx
        ├── Service.jsx
        └── common
        │   ├── Footer.jsx
        │   ├── Navbar.jsx
        │   └── Secondaryheader.jsx
    └── scss
        └── component.scss


/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # ReactJs-Website
 2 | A simple yet eye-catching service based website build with the help of ReactJs along with the use of Bootstrap 5 framework.
 3 | This project was build from scratch, it's meant to provide you with an idea of how to get well-versed with reactjs for building speedy websites with less complications.
 4 | 
 5 | # Features
 6 | - Fully responsive mobile first with Bootstrap frontend.
 7 | - Contains multiple pages which seem to be mandatory for service based websites.
 8 | 
 9 | # Dependencies Installed
10 | - Bootstrap 5 (alpha)
11 | 	  1) npm install bootstrap@5.0.0-alpha1
12 | - SASS
13 | 	  1) npm install node-sass
14 | - React Router
15 | 	  1) $ npm install --save react-router-dom
16 | - Material-ui
17 | 	  1) npm install @material-ui/icons
18 | 	  2) npm install @material-ui/core
19 | 	  
20 | # Licence
21 | MIT (https://github.com/AdarshJaso/ReactJs-Website/blob/master/LICENSE)
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "landingpage",
 3 |   "version": "0.1.0",
 4 |   "homepage": "https://AdarshJaso.github.io/ReactJs-Website",
 5 |   "private": true,
 6 |   "dependencies": {
 7 |     "@material-ui/core": "^4.11.0",
 8 |     "@material-ui/icons": "^4.9.1",
 9 |     "@testing-library/jest-dom": "^4.2.4",
10 |     "@testing-library/react": "^9.5.0",
11 |     "@testing-library/user-event": "^7.2.1",
12 |     "bootstrap": "^5.0.0-alpha1",
13 |     "gh-pages": "^3.1.0",
14 |     "node-sass": "^4.14.1",
15 |     "react": "^16.13.1",
16 |     "react-dom": "^16.13.1",
17 |     "react-router-dom": "^5.2.0",
18 |     "react-scripts": "3.4.1"
19 |   },
20 |   "scripts": {
21 |     "predeploy": "npm run build",
22 |     "deploy": "gh-pages -d build",
23 |     "start": "react-scripts start",
24 |     "build": "react-scripts build",
25 |     "test": "react-scripts test",
26 |     "eject": "react-scripts eject"
27 |   },
28 |   "eslintConfig": {
29 |     "extends": "react-app"
30 |   },
31 |   "browserslist": {
32 |     "production": [
33 |       ">0.2%",
34 |       "not dead",
35 |       "not op_mini all"
36 |     ],
37 |     "development": [
38 |       "last 1 chrome version",
39 |       "last 1 firefox version",
40 |       "last 1 safari version"
41 |     ]
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |    <head>
 4 |       <meta charset="utf-8" />
 5 |       <meta name="viewport" content="width=device-width, initial-scale=1" />
 6 |       <link rel='icon' href='favicon.ico' type='image/x-icon' />
 7 |       <title>React Website</title>
 8 |    </head>
 9 |    <body>
10 |       <div id="root"></div>
11 |       <script src="https://code.jquery.com/jquery-3.5.1.js"> </script>
12 |       <script>
13 |          $(document).scroll(function () {
14 |            var $nav = $(".navscroll");
15 |            $nav.toggleClass('scrolled', $(this).scrollTop() > 120);
16 |          });
17 |       </script>
18 |       <script>
19 |          $(document).ready(function () {
20 |             $(document).click(function (event) {
21 |                 var clickover = $(event.target);
22 |                 var _opened = $(".navbar-collapse").hasClass("show");
23 |                 if (_opened === true && !clickover.hasClass("navbar-toggler")) {
24 |                     $(".navbar-toggler").click();
25 |                 }
26 |             });
27 |          });
28 |       </script>
29 |    </body>
30 | </html>


--------------------------------------------------------------------------------
/src/App.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
 3 | import "../node_modules/bootstrap/dist/js/bootstrap.min.js";
 4 | import Home from "./pages/Home";
 5 | import Service from "./pages/Service";
 6 | import Contact from "./pages/Contact";
 7 | import About from "./pages/About";
 8 | import Navbar from "./pages/common/Navbar";
 9 | import Footer from "./pages/common/Footer";
10 | import Career from "./pages/Career";
11 | import { BrowserRouter, Switch, Route, Redirect } from "react-router-dom";
12 | const App = () => {
13 | 	return (
14 | 		<>
15 | 		<BrowserRouter>
16 | 			<Navbar />
17 | 			<Switch>
18 | 				<Route exact path="/" component={Home} />
19 | 				<Route exact path="/about" component={About} />
20 | 				<Route exact path="/service" component={Service} />
21 | 				<Route exact path="/career" component={Career} />
22 | 				<Route exact path="/contact" component={Contact} />
23 | 				<Redirect to="/" />
24 | 			</Switch>
25 | 			<Footer />
26 | 
27 | 		</BrowserRouter>
28 | 		</>
29 | 	);
30 | };
31 | 
32 | export default App;


--------------------------------------------------------------------------------
/src/data/Servicesdata.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import marketing from "../images/services/marketing.svg";
 3 | import ecommerce from "../images/services/e-commerce.svg";
 4 | import product from "../images/services/product.svg";
 5 | import security from "../images/services/security.svg";
 6 | import ideas from "../images/services/ideas.svg";
 7 | import graphic from "../images/services/graphic.svg";
 8 | 
 9 | const Data = [
10 | 
11 | 	{
12 | 		scardimage: ideas,
13 | 		scardtitle : "Ideas into business",
14 | 		scarddesc: "It is a long established fact that a reader will be distracted by the readable content.",
15 | 	},
16 | 
17 | 	{
18 | 		scardimage: marketing,
19 | 		scardtitle : "Digital Marketing",
20 | 		scarddesc: "It is a long established fact that a reader will be distracted by the readable content.",
21 | 	},
22 | 
23 | 	{
24 | 		scardimage: graphic,
25 | 		scardtitle : "Graphic Designing",
26 | 		scarddesc: "It is a long established fact that a reader will be distracted by the readable content.",
27 | 	},
28 | 
29 | 	{
30 | 		scardimage: product,
31 | 		scardtitle : "Product Building",
32 | 		scarddesc: "It is a long established fact that a reader will be distracted by the readable content.",
33 | 	},
34 | 
35 | 	{
36 | 		scardimage: security,
37 | 		scardtitle : "Data Security",
38 | 		scarddesc: "It is a long established fact that a reader will be distracted by the readable content.",
39 | 	},
40 | 
41 | 	{
42 | 		scardimage: ecommerce,
43 | 		scardtitle : "Building e-commerce",
44 | 		scarddesc: "It is a long established fact that a reader will be distracted by the readable content.",
45 | 	},
46 | 
47 | ];
48 | 
49 | export default Data;


--------------------------------------------------------------------------------
/src/data/Teamsdata.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import one from "../images/teams/1.jpg";
 3 | import two from "../images/teams/2.png";
 4 | import three from "../images/teams/3.png";
 5 | import four from "../images/teams/4.png";
 6 | import five from "../images/teams/5.png";
 7 | import six from "../images/teams/6.png";
 8 | import seven from "../images/teams/7.png";
 9 | import eight from "../images/teams/8.jpg";
10 | 
11 | 
12 | const Teams = [
13 | 
14 | 	{
15 | 		timage: one,
16 | 		ttitle : "Founder, Daisy Hooper",
17 | 	},
18 | 
19 | 	{
20 | 		timage: two,
21 | 		ttitle : "CEO, Zayden Gibson",
22 | 	},
23 | 
24 | 	{
25 | 		timage: three,
26 | 		ttitle : "COO, Jim Payne",
27 | 	},
28 | 
29 | 	{
30 | 		timage: four,
31 | 		ttitle : "Designer, Rio Conway",
32 | 	},
33 | 
34 | 	{
35 | 		timage: seven,
36 | 		ttitle : "Developer, Bert Jordan",
37 | 	},
38 | 
39 | 	{
40 | 		timage: five,
41 | 		ttitle : "Accountant, Jarrod Hess",
42 | 	},
43 | 
44 | 	{
45 | 		timage: six,
46 | 		ttitle : "Sales, Janelle Doherty",
47 | 	},
48 | 
49 | 	{
50 | 		timage: eight,
51 | 		ttitle : "Purchasing, Janet Jones",
52 | 	},
53 | 
54 | ];
55 | 
56 | export default Teams;


--------------------------------------------------------------------------------
/src/images/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/11.jpg


--------------------------------------------------------------------------------
/src/images/22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/22.jpg


--------------------------------------------------------------------------------
/src/images/44.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/44.jpg


--------------------------------------------------------------------------------
/src/images/brands/adobe.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 183.1 62" style="enable-background:new 0 0 183.1 62;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#7D7D7D;}
 7 | </style>
 8 | <g>
 9 | 	<polygon class="st0" points="3.7,10.9 3.7,51.2 20.6,10.9 	"/>
10 | 	<polygon class="st0" points="32.4,10.9 49.3,51.2 49.3,10.9 	"/>
11 | 	<polygon class="st0" points="19.1,43.1 27,43.1 30.2,51.2 37.2,51.2 26.5,25.7 	"/>
12 | </g>
13 | <path class="st0" d="M73.3,10.7l-9.1,40.4h5.5L72.1,40h8.4l2.3,11.2h5.6l-8.6-40.4C79.9,10.7,73.3,10.7,73.3,10.7z M72.8,35.5
14 | 	l1.9-9.7c0.5-2.6,1.1-6.3,1.6-9.2h0.2c0.4,2.9,1,6.5,1.5,9.2l1.9,9.7H72.8z M109.5,9.7h-5.6v15.2h-0.1c-1-2.2-2.9-3.3-5.2-3.3
15 | 	c-4.6,0-9,4.9-9,15.2c0,9.1,3.3,14.9,8.7,14.9c2.9,0,5.2-2,6.1-4h0.2l0.4,3.5h4.9c-0.1-2-0.2-5.3-0.2-7.5L109.5,9.7L109.5,9.7z
16 | 	 M103.9,40.9c0,0.7-0.1,1.4-0.2,1.9c-1,3.5-2.6,4.1-3.9,4.1c-3,0-4.6-4.2-4.6-10.2c0-5.4,1.2-10.3,4.7-10.3c2,0,3.5,2.3,3.8,4.9
17 | 	c0.1,0.6,0.1,1.3,0.1,1.8C103.9,33.1,103.9,40.9,103.9,40.9z M123.3,21.5c-5.3,0-10.3,4.5-10.3,15.1c0,10,4.2,15,10,15h0.1
18 | 	c4.4,0,10.1-3.5,10.1-15.1C133.2,26.7,129,21.5,123.3,21.5z M123.1,47.2L123.1,47.2c-3.7,0-4.6-5.8-4.6-10.6
19 | 	c0-4.4,0.7-10.6,4.4-10.6c3.6,0,4.4,6.2,4.4,10.6C127.4,41,126.6,47.2,123.1,47.2z M148.4,21.5c-2.6,0-4.6,1.1-6.1,3.8h-0.1V9.7
20 | 	h-5.6v34c0,2.2-0.1,5.5-0.2,7.5h4.9l0.3-3.7h0.2c1.3,2.6,2.9,4.1,5.8,4.1c4.8,0,9.1-5.1,9.1-15.5C156.5,27.2,153.4,21.5,148.4,21.5z
21 | 	 M146.2,46.9c-1.1,0-2.9-0.7-3.8-4.3c-0.2-0.5-0.2-1.1-0.2-1.8v-8.2c0-0.6,0.1-1.4,0.2-2c0.4-2.1,1.9-4.3,3.8-4.3
22 | 	c3.4,0,4.7,4.5,4.7,10.1C150.8,42.5,149.6,46.9,146.2,46.9z M169.8,21.5c-6.1,0-10.4,5.9-10.4,15.4c0,9,3.8,14.5,11.2,14.5
23 | 	c2.6,0,5.2-0.5,7-1.4l-0.8-4.1c-1.3,0.6-3,1.1-5,1.1c-3.4,0-6.7-1.9-6.7-9.4l13.7,0.1c0.1-0.8,0.1-1.7,0.1-3.1
24 | 	C178.7,27.4,175.8,21.5,169.8,21.5z M164.9,33.7c0.2-3.7,1.5-7.9,4.4-7.9c2.2,0,4,2.8,4,7.9H164.9z M178.4,22.8L178.4,22.8
25 | 	c0.2-0.1,0.3-0.2,0.3-0.4c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.2-0.1-0.4-0.1c-0.2,0-0.3,0-0.4,0v1.4h0.2v-0.6h0.2c0.2,0,0.3,0.1,0.3,0.3
26 | 	c0,0.2,0.1,0.3,0.1,0.4h0.2c0,0-0.1-0.1-0.1-0.4C178.6,22.9,178.5,22.8,178.4,22.8z M178.1,22.7h-0.2v-0.5c0,0,0.1,0,0.2,0
27 | 	c0.3,0,0.4,0.1,0.4,0.3C178.4,22.6,178.3,22.7,178.1,22.7z M178.2,21.5L178.2,21.5c-0.7,0-1.3,0.6-1.3,1.3c0,0.7,0.6,1.3,1.3,1.3
28 | 	c0.7,0,1.3-0.6,1.3-1.3C179.4,22,178.9,21.5,178.2,21.5z M178.2,23.9c-0.6,0-1-0.5-1-1.1c0-0.6,0.5-1.1,1-1.1h0c0.6,0,1,0.5,1,1.1
29 | 	C179.2,23.4,178.8,23.9,178.2,23.9z M51.5,10.8L51.5,10.8c-0.7,0-1.3,0.6-1.3,1.3c0,0.7,0.6,1.3,1.3,1.3c0.7,0,1.3-0.6,1.3-1.3
30 | 	C52.8,11.4,52.2,10.8,51.5,10.8z M51.5,13.2c-0.6,0-1-0.5-1-1.1c0-0.6,0.5-1.1,1-1.1h0c0.6,0,1,0.5,1,1.1
31 | 	C52.5,12.8,52.1,13.3,51.5,13.2z M51.7,12.2L51.7,12.2c0.2-0.1,0.3-0.2,0.3-0.4c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.2-0.1-0.5-0.1
32 | 	c-0.2,0-0.3,0-0.4,0v1.4h0.2v-0.6h0.2c0.2,0,0.3,0.1,0.3,0.3c0,0.2,0.1,0.3,0.1,0.4h0.2c0,0-0.1-0.1-0.1-0.4
33 | 	C51.9,12.3,51.9,12.2,51.7,12.2z M51.4,12.1h-0.2v-0.5c0,0,0.1,0,0.2,0c0.3,0,0.4,0.1,0.4,0.3C51.8,12,51.6,12.1,51.4,12.1z"/>
34 | </svg>
35 | 


--------------------------------------------------------------------------------
/src/images/brands/amazon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1"
 4 | 	 id="svg1936" inkscape:version="0.91 r13725" sodipodi:docname="Amazon.com-Logo.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
 5 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 928.4 266.8"
 6 | 	 style="enable-background:new 0 0 928.4 266.8;" xml:space="preserve">
 7 | <style type="text/css">
 8 | 	.st0{fill:#7D7D7D;}
 9 | </style>
10 | <sodipodi:namedview  bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" id="namedview19" inkscape:current-layer="svg1936" inkscape:cx="515.8293" inkscape:cy="60.382118" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="706" inkscape:window-maximized="1" inkscape:window-width="1280" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:zoom="0.72245926" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
11 | 	</sodipodi:namedview>
12 | <g id="layer1" transform="translate(164.07345,-644.18026)">
13 | 	<g id="g1967" transform="translate(7.081691,7.081144)">
14 | 		<path id="path8" inkscape:connector-curvature="0" class="st0" d="M202.5,864.3c-35,25.8-85.7,39.6-129.4,39.6
15 | 			c-61.2,0-116.4-22.7-158.1-60.3c-3.3-3-0.3-7,3.6-4.7c45,26.2,100.7,41.9,158.2,41.9c38.8,0,81.4-8,120.6-24.7
16 | 			C203.3,853.6,208.3,860,202.5,864.3"/>
17 | 		<path id="path10" inkscape:connector-curvature="0" class="st0" d="M217,847.7c-4.5-5.7-29.6-2.7-40.8-1.4c-3.4,0.4-4-2.6-0.9-4.7
18 | 			c20-14.1,52.8-10,56.7-5.3c3.8,4.7-1,37.6-19.8,53.4c-2.9,2.4-5.6,1.1-4.4-2.1C212.1,877.1,221.5,853.4,217,847.7"/>
19 | 		<path id="path12" inkscape:connector-curvature="0" class="st0" d="M177,742.2v-13.7c0-2.1,1.6-3.5,3.5-3.5h61.3
20 | 			c2,0,3.5,1.4,3.5,3.5v11.7c0,2-1.7,4.5-4.6,8.6l-31.7,45.3c11.8-0.3,24.3,1.5,34.9,7.5c2.4,1.4,3.1,3.4,3.3,5.3v14.6
21 | 			c0,2-2.2,4.3-4.5,3.1c-18.8-9.9-43.9-11-64.7,0.1c-2.1,1.2-4.4-1.2-4.4-3.1v-13.9c0-2.2,0-6,2.3-9.4l36.8-52.7h-32
22 | 			C178.6,745.7,177,744.3,177,742.2"/>
23 | 		<path id="path14" inkscape:connector-curvature="0" class="st0" d="M-46.5,827.6h-18.6c-1.8-0.1-3.2-1.5-3.3-3.2v-95.7
24 | 			c0-1.9,1.6-3.4,3.6-3.4h17.4c1.8,0.1,3.3,1.5,3.4,3.2V741h0.3c4.5-12.1,13.1-17.7,24.5-17.7c11.7,0,19,5.6,24.2,17.7
25 | 			c4.5-12.1,14.8-17.7,25.7-17.7c7.8,0,16.4,3.2,21.6,10.5c5.9,8,4.7,19.7,4.7,30l0,60.4c0,1.9-1.6,3.5-3.6,3.5H34.7
26 | 			c-1.9-0.1-3.4-1.6-3.4-3.5v-50.7c0-4,0.4-14.1-0.5-17.9c-1.4-6.4-5.6-8.2-11-8.2c-4.5,0-9.2,3-11.1,7.8S7,768,7,773.5v50.7
27 | 			c0,1.9-1.6,3.5-3.6,3.5h-18.6c-1.9-0.1-3.4-1.6-3.4-3.5l0-50.7c0-10.7,1.8-26.4-11.5-26.4c-13.4,0-12.9,15.3-12.9,26.4v50.7
28 | 			C-42.9,826.1-44.5,827.6-46.5,827.6"/>
29 | 		<path id="path16" inkscape:connector-curvature="0" class="st0" d="M298,723.3c27.7,0,42.6,23.8,42.6,54
30 | 			c0,29.2-16.5,52.3-42.6,52.3c-27.2,0-41.9-23.8-41.9-53.4C256,746.5,271,723.3,298,723.3 M298.2,742.9
31 | 			c-13.7,0-14.6,18.7-14.6,30.4c0,11.7-0.2,36.7,14.4,36.7c14.4,0,15.1-20.1,15.1-32.4c0-8.1-0.3-17.7-2.8-25.4
32 | 			C308.2,745.5,304.1,742.9,298.2,742.9"/>
33 | 		<path id="path18" inkscape:connector-curvature="0" class="st0" d="M376.5,827.6h-18.6c-1.9-0.1-3.4-1.6-3.4-3.5l0-95.7
34 | 			c0.2-1.8,1.7-3.1,3.6-3.1h17.3c1.6,0.1,3,1.2,3.3,2.7v14.6h0.3c5.2-13.1,12.5-19.3,25.4-19.3c8.4,0,16.5,3,21.8,11.3
35 | 			c4.9,7.7,4.9,20.5,4.9,29.8v60.2c-0.2,1.7-1.8,3-3.6,3h-18.7c-1.7-0.1-3.1-1.4-3.3-3v-52c0-10.5,1.2-25.8-11.7-25.8
36 | 			c-4.5,0-8.7,3-10.8,7.7c-2.6,5.8-3,11.7-3,18.1v51.5C380.1,826.1,378.5,827.6,376.5,827.6"/>
37 | 		<path id="path20" inkscape:connector-curvature="0" class="st0" d="M442.8,820c0-4.8,4.1-8.7,9.2-8.7s9.2,3.9,9.2,8.7
38 | 			c0,4.8-4.1,8.7-9.2,8.7C446.9,828.7,442.8,824.8,442.8,820"/>
39 | 		<path id="path22" inkscape:connector-curvature="0" class="st0" d="M640.3,827.6c-1.9-0.1-3.5-1.6-3.5-3.5v-95.7
40 | 			c0.1-1.7,1.5-3,3.3-3.1h6.8c1.9,0,3.4,1.4,3.6,3.1v13.9c4.9-11.1,13.9-19.7,25.4-19.7h0.7h0.7c12.2,0,21.1,9,24.4,22
41 | 			c5.2-12.9,14.9-22,27.7-22h0.7h0.8c9,0,17.7,5.8,22.3,14.7c4.4,8.5,4.2,19.7,4.2,29.2l0,57.5c0,1.8-1.5,3.3-3.3,3.5h-8.2
42 | 			c-1.8-0.1-3.2-1.3-3.5-3v-58c0-6.8,0.3-14.1-2.4-20.3c-2.8-6.4-8.3-10.4-14.1-10.6c-6.5,0.3-12.5,5.1-16.4,11.5
43 | 			c-5,8.3-4.9,15.7-4.9,25.4v52.3c-0.2,1.6-1.6,2.8-3.3,2.9h-8.1c-1.9-0.1-3.5-1.6-3.5-3.5l-0.1-61.4c0-5.6-0.3-12.3-2.9-17.3
44 | 			c-3-5.8-8.4-9.5-14.1-9.8c-5.9,0.3-11.8,4.8-15.3,10c-4.5,6.7-5.4,14.9-5.4,23.4v55.1c0,1.8-1.5,3.3-3.4,3.5H640.3"/>
45 | 		<path id="path24" inkscape:connector-curvature="0" class="st0" d="M584.1,829.6c-26.5,0-38.3-27-38.3-54
46 | 			c0-28.4,13.9-52.9,40.6-52.9h0.7h0.7c25.9,0,38.8,26.2,38.8,53.1c0,28.6-14.3,53.7-41.1,53.7h-0.7L584.1,829.6 M586.1,816.6
47 | 			c8.7-0.3,15.6-5.7,19.6-14.7c3.6-8.1,4.4-17.3,4.4-26.2c0-9.6-1-19.7-5.6-28c-4.1-7.2-11-11.8-18.4-12.1
48 | 			c-8.2,0.3-15.6,5.9-19.3,14.5c-3.3,7.4-4.4,17.3-4.4,25.6c0,9.3,1.2,20,5,28C571.1,811.3,578.3,816.3,586.1,816.6"/>
49 | 		<path id="path26" inkscape:connector-curvature="0" class="st0" d="M501.5,816.1c11.9-0.4,18.1-9.9,20.7-22.2
50 | 			c0.5-1.5,1.7-2.7,3.4-2.7l7.8,0c1.9,0.1,3.6,1.5,3.4,3.2c-3.6,21-16.3,35.2-34.3,35.2h-0.7h-0.7c-26.3,0-37.6-26.4-37.6-53.1
51 | 			c0-26.6,11.5-53.7,37.8-53.7h0.7h0.7c18.2,0,31.3,14.1,34.1,35.1c0,1.6-1.5,2.9-3.2,3.1l-8.2-0.1c-1.7-0.2-2.9-1.7-3.1-3.4
52 | 			c-2-11.7-8.7-21.1-19.9-21.4c-17.9,0.6-22.9,22.5-22.9,39.5C479.4,791.8,483.6,815.6,501.5,816.1"/>
53 | 		<path class="st0" d="M161.3,810.1c-3.4-4.7-7-8.5-7-17.3v-29c0-12.3,0.9-23.6-8.2-32.1c-7.2-6.9-19-9.3-28.1-9.3
54 | 			c-17.7,0-37.5,6.6-41.7,28.5c-0.4,2.3,1.3,3.6,2.8,3.9l18.1,1.9c1.7-0.1,2.9-1.7,3.3-3.4c1.5-7.6,7.9-11.2,15-11.2
55 | 			c3.9,0,8.2,1.4,10.5,4.9c2.6,3.8,2.3,9.1,2.3,13.5v2.4c-10.8,1.2-24.9,2-35.1,6.5c-11.7,5-19.9,15.3-19.9,30.5
56 | 			c0,19.4,12.2,29,27.9,29c13.2,0,20.5-3.1,30.7-13.6c3.4,4.9,4.5,7.3,10.7,12.4c1.4,0.7,3.2,0.7,4.4-0.4v0h0l0,0l0,0.1
57 | 			c3.7-3.3,10.5-9.2,14.3-12.4C162.8,813.8,162.5,811.8,161.3,810.1z M124.6,801.7c-3,5.2-7.7,8.5-12.9,8.5
58 | 			c-7.2,0-11.4-5.5-11.4-13.5c0-15.9,14.2-18.8,27.7-18.8v4C128.1,789.2,128.3,795.2,124.6,801.7z"/>
59 | 		<path class="st0" d="M-83,810.1c-3.4-4.7-7-8.5-7-17.3v-29c0-12.3,0.9-23.6-8.2-32.1c-7.2-6.9-19-9.3-28.1-9.3
60 | 			c-17.7,0-37.5,6.6-41.7,28.5c-0.4,2.3,1.3,3.6,2.8,3.9l18.1,1.9c1.7-0.1,2.9-1.7,3.2-3.4c1.5-7.6,7.9-11.2,15-11.2
61 | 			c3.8,0,8.2,1.4,10.5,4.9c2.6,3.8,2.3,9.1,2.3,13.5v2.4c-10.8,1.2-24.9,2-35.1,6.5c-11.7,5-19.9,15.3-19.9,30.5
62 | 			c0,19.4,12.2,29,27.9,29c13.3,0,20.5-3.1,30.7-13.6c3.4,4.9,4.5,7.3,10.7,12.4c1.4,0.7,3.2,0.7,4.4-0.4l0.1,0.1
63 | 			c3.7-3.3,10.5-9.2,14.3-12.4C-81.6,813.8-81.8,811.8-83,810.1z M-119.7,801.7c-3,5.2-7.7,8.5-12.9,8.5c-7.2,0-11.3-5.5-11.3-13.5
64 | 			c0-15.9,14.2-18.8,27.7-18.8v4l0,0C-116.2,789.2-116,795.2-119.7,801.7z"/>
65 | 	</g>
66 | </g>
67 | </svg>
68 | 


--------------------------------------------------------------------------------
/src/images/brands/apple.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <svg width="170px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 170" version="1.1" height="170px" fill="#7D7D7D">
3 |  <path d="m150.37 130.25c-2.45 5.66-5.35 10.87-8.71 15.66-4.58 6.53-8.33 11.05-11.22 13.56-4.48 4.12-9.28 6.23-14.42 6.35-3.69 0-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58 0-9.492 1.05-14.746 3.17-5.262 2.13-9.501 3.24-12.742 3.35-4.929 0.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378 0-10.857 2.346-20.221 7.045-28.068 3.693-6.303 8.606-11.275 14.755-14.925s12.793-5.51 19.948-5.629c3.915 0 9.049 1.211 15.429 3.591 6.362 2.388 10.447 3.599 12.238 3.599 1.339 0 5.877-1.416 13.57-4.239 7.275-2.618 13.415-3.702 18.445-3.275 13.63 1.1 23.87 6.473 30.68 16.153-12.19 7.386-18.22 17.731-18.1 31.002 0.11 10.337 3.86 18.939 11.23 25.769 3.34 3.17 7.07 5.62 11.22 7.36-0.9 2.61-1.85 5.11-2.86 7.51zm-31.26-123.01c0 8.1021-2.96 15.667-8.86 22.669-7.12 8.324-15.732 13.134-25.071 12.375-0.119-0.972-0.188-1.995-0.188-3.07 0-7.778 3.386-16.102 9.399-22.908 3.002-3.446 6.82-6.3113 11.45-8.597 4.62-2.2516 8.99-3.4968 13.1-3.71 0.12 1.0831 0.17 2.1663 0.17 3.2409z"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/images/brands/cisco.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1"
 4 | 	 id="svg3358" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
 5 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 800 450"
 6 | 	 style="enable-background:new 0 0 800 450;" xml:space="preserve">
 7 | <style type="text/css">
 8 | 	.st0{fill:#7D7D7D;}
 9 | 	.st1{clip-path:url(#SVGID_2_);}
10 | </style>
11 | <g id="layer1" transform="translate(0,-602.36218)">
12 | 	<path id="path268" class="st0" d="M271,1021.2h-32.6V891.9H271V1021.2z"/>
13 | 	<g id="g270" transform="matrix(10.337276,0,0,-10.337276,-861.34511,8446.2018)">
14 | 		<g>
15 | 			<defs>
16 | 				<polygon id="SVGID_1_" points="84.5,713.6 161.6,713.6 161.6,757.6 84.5,757.6 84.5,713.6 				"/>
17 | 			</defs>
18 | 			<clipPath id="SVGID_2_">
19 | 				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
20 | 			</clipPath>
21 | 			<g id="g272" class="st1">
22 | 				<g id="g278" transform="translate(134.9958,727.2001)">
23 | 					<path id="path280" class="st0" d="M0,0c-0.1,0.1-1.1,0.7-2.7,0.7c-2,0-3.5-1.4-3.5-3.3C-6.1-4.5-4.8-6-2.7-6
24 | 						C-1.2-6-0.1-5.4,0-5.3v-3.4c-0.4-0.1-1.5-0.4-2.9-0.4c-3.6,0-6.7,2.4-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5c1.5,0,2.6-0.4,2.9-0.4L0,0
25 | 						z"/>
26 | 				</g>
27 | 				<g id="g282" transform="translate(102.0426,727.2001)">
28 | 					<path id="path284" class="st0" d="M0,0c-0.1,0.1-1.1,0.7-2.7,0.7c-2,0-3.5-1.4-3.5-3.3C-6.1-4.5-4.8-6-2.7-6
29 | 						C-1.2-6-0.1-5.4,0-5.3v-3.4c-0.4-0.1-1.5-0.4-2.9-0.4c-3.5,0-6.7,2.4-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5c1.5,0,2.6-0.4,2.9-0.4L0,0
30 | 						z"/>
31 | 				</g>
32 | 				<g id="g286" transform="translate(144.9274,727.8212)">
33 | 					<path id="path288" class="st0" d="M0,0c-1.9,0-3.3-1.5-3.3-3.3c0-1.8,1.4-3.3,3.3-3.3c1.9,0,3.3,1.5,3.3,3.3C3.3-1.5,1.9,0,0,0
34 | 						 M6.6-3.3c0-3.6-2.8-6.5-6.6-6.5s-6.6,2.9-6.6,6.5c0,3.6,2.8,6.5,6.6,6.5S6.6,0.3,6.6-3.3"/>
35 | 				</g>
36 | 				<g id="g290" transform="translate(121.5124,727.9413)">
37 | 					<path id="path292" class="st0" d="M0,0c0,0-1.4,0.4-2.5,0.4c-1.3,0-2-0.4-2-1c0-0.8,0.9-1,1.4-1.2l0.9-0.3c2-0.7,3-2.1,3-3.6
38 | 						c0-3.1-2.8-4.2-5.2-4.2c-1.7,0-3.3,0.3-3.4,0.3v2.9c0.3-0.1,1.6-0.5,3-0.5c1.6,0,2.3,0.5,2.3,1.2c0,0.6-0.6,1-1.4,1.2
39 | 						C-4-4.7-4.3-4.6-4.5-4.5c-1.8,0.6-3.2,1.6-3.2,3.7c0,2.3,1.8,3.9,4.7,3.9c1.5,0,3-0.4,3.1-0.4L0,0z"/>
40 | 				</g>
41 | 				<g id="g294" transform="translate(89.154,744.2304)">
42 | 					<path id="path296" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6S-3.1,0.9-3.1,0v-3.3c0-0.9,0.7-1.6,1.6-1.6S0-4.2,0-3.3V0z"/>
43 | 				</g>
44 | 				<g id="g298" transform="translate(97.7633,748.5409)">
45 | 					<path id="path300" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-7.6c0-0.9,0.7-1.6,1.6-1.6
46 | 						C-0.7-9.2,0-8.5,0-7.6V0z"/>
47 | 				</g>
48 | 				<g id="g302" transform="translate(106.3727,754.4384)">
49 | 					<path id="path304" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-16.6c0-0.9,0.7-1.6,1.6-1.6
50 | 						c0.9,0,1.6,0.7,1.6,1.6V0z"/>
51 | 				</g>
52 | 				<g id="g306" transform="translate(114.9821,748.5409)">
53 | 					<path id="path308" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-7.6c0-0.9,0.7-1.6,1.6-1.6
54 | 						C-0.7-9.2,0-8.5,0-7.6V0z"/>
55 | 				</g>
56 | 				<g id="g310" transform="translate(123.5817,744.2304)">
57 | 					<path id="path312" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-3.3c0-0.9,0.7-1.6,1.6-1.6
58 | 						C-0.7-4.9,0-4.2,0-3.3V0z"/>
59 | 				</g>
60 | 				<g id="g314" transform="translate(132.195,748.5409)">
61 | 					<path id="path316" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-7.6c0-0.9,0.7-1.6,1.6-1.6
62 | 						C-0.7-9.2,0-8.5,0-7.6V0z"/>
63 | 				</g>
64 | 				<g id="g318" transform="translate(140.8102,754.4384)">
65 | 					<path id="path320" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-16.6c0-0.9,0.7-1.6,1.6-1.6
66 | 						c0.9,0,1.6,0.7,1.6,1.6V0z"/>
67 | 				</g>
68 | 				<g id="g322" transform="translate(149.4235,748.5409)">
69 | 					<path id="path324" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-7.6c0-0.9,0.7-1.6,1.6-1.6
70 | 						C-0.7-9.2,0-8.5,0-7.6V0z"/>
71 | 				</g>
72 | 				<g id="g326" transform="translate(158.0192,744.2304)">
73 | 					<path id="path328" class="st0" d="M0,0c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6v-3.3c0-0.9,0.7-1.6,1.6-1.6
74 | 						C-0.7-4.9,0-4.2,0-3.3L0,0z"/>
75 | 				</g>
76 | 				<g id="g330" transform="translate(156.2126,719.9218)">
77 | 					<path id="path332" class="st0" d="M0,0v-0.2h-0.6v-1.5h-0.2v1.5h-0.6V0L0,0z"/>
78 | 				</g>
79 | 				<g id="g334" transform="translate(156.3297,719.9218)">
80 | 					<path id="path336" class="st0" d="M0,0h0.4l0.5-1.4h0L1.3,0h0.4v-1.6H1.5v1.4h0L0.9-1.6H0.7L0.2-0.3h0v-1.4H0L0,0z"/>
81 | 				</g>
82 | 			</g>
83 | 		</g>
84 | 	</g>
85 | </g>
86 | </svg>
87 | 


--------------------------------------------------------------------------------
/src/images/brands/ebay.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
 4 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 120.3"
 5 | 	 style="enable-background:new 0 0 300 120.3;" xml:space="preserve">
 6 | <style type="text/css">
 7 | 	.st0{fill:#7D7D7D;}
 8 | </style>
 9 | <path id="e" class="st0" d="M38.9,26.3c-21.1,0-38.8,9-38.8,36c0,21.4,11.8,34.9,39.3,34.9C71.7,97.3,73.8,76,73.8,76H58.1
10 | 	c0,0-3.4,11.5-19.7,11.5c-13.3,0-22.9-9-22.9-21.6h59.9V58C75.4,45.5,67.5,26.3,38.9,26.3L38.9,26.3z M38.3,36.4
11 | 	c12.7,0,21.3,7.8,21.3,19.4H15.9C15.9,43.5,27.2,36.4,38.3,36.4z"/>
12 | <path id="b" class="st0" d="M75.4,0.1v83.6c0,4.7-0.3,11.4-0.3,11.4H90c0,0,0.5-4.8,0.5-9.2c0,0,7.4,11.5,27.5,11.5
13 | 	c21.1,0,35.5-14.7,35.5-35.7c0-19.6-13.2-35.3-35.5-35.3c-20.9,0-27.3,11.3-27.3,11.3V0.1L75.4,0.1z M114.2,36.9
14 | 	c14.4,0,23.5,10.7,23.5,24.9c0,15.3-10.5,25.4-23.4,25.4c-15.3,0-23.6-12-23.6-25.2C90.7,49.6,98.1,36.9,114.2,36.9z"/>
15 | <path id="a" class="st0" d="M190.6,26.3c-31.8,0-33.9,17.4-33.9,20.2h15.8c0,0,0.8-10.2,16.9-10.2c10.5,0,18.6,4.8,18.6,14v3.3
16 | 	h-18.6c-24.6,0-37.7,7.2-37.7,21.8c0,14.4,12,22.2,28.3,22.2c22.2,0,29.3-12.3,29.3-12.3c0,4.9,0.4,9.7,0.4,9.7H224
17 | 	c0,0-0.5-6-0.5-9.8V52.4C223.4,30.9,206,26.3,190.6,26.3L190.6,26.3z M208.1,63.4v4.4c0,5.7-3.5,19.9-24.2,19.9
18 | 	c-11.3,0-16.2-5.7-16.2-12.2C167.7,63.5,184.1,63.4,208.1,63.4L208.1,63.4z"/>
19 | <path id="y" class="st0" d="M214.9,29h17.8l25.6,51.2L283.8,29h16.1l-46.5,91.2h-16.9l13.4-25.4L214.9,29z"/>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/src/images/brands/ibm.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | 
3 |  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
4 |    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
5 |  <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
6 |    xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="400" x="0px" y="0px" viewBox="0 0 1000 400" enable-background="new 0 0 1000 400" xml:space="preserve">
7 |   <path d="M 0,0 0,27.367 194.64844,27.367 194.64844,0 0,0 z M 222.22657,0 222.22657,27.367 499.60937,27.367 C 499.60936,27.367 471.27625,0 433.75,0 L 222.22657,0 z M 554.02344,0 554.02344,27.367 721.83594,27.367 711.875,0 554.02344,0 z M 842.14844,0 832.1875,27.367 998.47656,27.367 998.47656,0 842.14844,0 z M 0,53.22221 0,80.589202 194.64844,80.589202 194.64844,53.22221 0,53.22221 z M 222.22657,53.260975 222.22657,80.589202 531.79688,80.589202 C 531.79688,80.589214 528.18125,59.526386 521.875,53.260975 L 222.22657,53.260975 z M 554.02344,53.260975 554.02344,80.589202 740.23438,80.589202 731.01562,53.260975 554.02344,53.260975 z M 822.22656,53.260975 813.00781,80.589202 998.47656,80.589202 998.47656,53.260975 822.22656,53.260975 z M 55.937496,106.44442 55.937496,133.85017 140.23437,133.85017 140.23437,106.44442 55.937496,106.44442 z M 278.16407,106.44442 278.16407,133.85017 362.46093,133.85017 362.46093,106.44442 278.16407,106.44442 z M 444.45313,106.44442 444.45313,133.85017 528.75,133.85017 C 528.75001,133.85017 534.10156,119.37715 534.10156,106.44442 L 444.45313,106.44442 z M 609.96094,106.44442 609.96094,133.85017 759.41407,133.85017 749.45313,106.44442 609.96094,106.44442 z M 803.86719,106.44442 793.86719,133.85017 944.0625,133.85017 944.0625,106.44442 803.86719,106.44442 z M 55.937496,159.7054 55.937496,187.07238 140.23437,187.07238 140.23437,159.7054 55.937496,159.7054 z M 278.16407,159.7054 278.16407,187.07238 493.47657,187.07238 C 493.47658,187.07237 511.48781,173.0301 517.22656,159.7054 L 278.16407,159.7054 z M 609.96094,159.7054 609.96094,187.07238 694.25781,187.07238 694.25781,171.83835 699.60937,187.07238 854.02344,187.07238 859.76563,171.83835 859.76563,187.07238 944.0625,187.07238 944.0625,159.7054 785.82031,159.7054 777.42187,182.88593 768.98438,159.7054 609.96094,159.7054 z M 55.937496,212.92761 55.937496,240.29459 140.23437,240.29459 140.23437,212.92761 55.937496,212.92761 z M 278.16407,212.92761 278.16407,240.29459 517.22656,240.29459 C 511.48657,227.01331 493.47657,212.92761 493.47657,212.92761 L 278.16407,212.92761 z M 609.96094,212.92761 609.96094,240.29459 694.25781,240.29459 694.25781,212.92761 609.96094,212.92761 z M 709.57031,212.92761 719.76563,240.29459 835.54688,240.29459 845.23438,212.92761 709.57031,212.92761 z M 859.76563,212.92761 859.76563,240.29459 944.0625,240.29459 944.0625,212.92761 859.76563,212.92761 z M 55.937496,266.14982 55.937496,293.5168 140.23437,293.5168 140.23437,266.14982 55.937496,266.14982 z M 278.16407,266.14982 278.16407,293.5168 362.46093,293.5168 362.46093,266.14982 278.16407,266.14982 z M 444.45313,266.14982 444.45313,293.5168 534.10156,293.5168 C 534.10158,280.60147 528.75,266.14982 528.75,266.14982 L 444.45313,266.14982 z M 609.96094,266.14982 609.96094,293.5168 694.25781,293.5168 694.25781,266.14982 609.96094,266.14982 z M 728.71093,266.14982 738.59375,293.5168 816.21093,293.5168 826.17187,266.14982 728.71093,266.14982 z M 859.76563,266.14982 859.76563,293.5168 944.0625,293.5168 944.0625,266.14982 859.76563,266.14982 z M 1.52343,319.37203 1.52343,346.77778 196.17187,346.77778 196.17187,319.37203 1.52343,319.37203 z M 222.22657,319.37203 222.22657,346.77778 521.875,346.77778 C 528.18125,340.50245 531.79688,319.37203 531.79688,319.37203 L 222.22657,319.37203 z M 555.54687,319.37203 555.54687,346.77778 694.25781,346.77778 694.25781,319.37203 555.54687,319.37203 z M 747.89062,319.37203 758.04687,346.77778 797.53906,346.77778 807.07031,319.37203 747.89062,319.37203 z M 859.76563,319.37203 859.76563,346.77778 1000,346.77778 1000,319.37203 859.76563,319.37203 z M 1.52343,372.633 1.52343,400 196.17187,400 196.17187,372.633 1.52343,372.633 z M 222.22657,372.633 222.22657,399.96124 433.75,399.96124 C 471.27624,399.96122 499.60937,372.633 499.60937,372.633 L 222.22657,372.633 z M 555.54687,372.633 555.54687,400 694.25781,400 694.25781,372.633 555.54687,372.633 z M 767.14844,372.633 776.91407,399.92246 778.59375,399.96124 788.51563,372.633 767.14844,372.633 z M 859.76563,372.633 859.76563,400 1000,400 1000,372.633 859.76563,372.633 z" fill="#7D7D7D" />
8 |  </svg>
9 | 


--------------------------------------------------------------------------------
/src/images/brands/intel.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    version="1.1"
 9 |    id="svg4419"
10 |    width="300"
11 |    height="198.51317"
12 |    viewBox="0 0 300 198.51317">
13 |   <metadata
14 |      id="metadata4431">
15 |     <rdf:RDF>
16 |       <cc:Work
17 |          rdf:about="">
18 |         <dc:format>image/svg+xml</dc:format>
19 |         <dc:type
20 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
21 |         <dc:title></dc:title>
22 |       </cc:Work>
23 |     </rdf:RDF>
24 |   </metadata>
25 |   <defs
26 |      id="defs4429" />
27 |   <g
28 |      id="g4421"
29 |      fill="#7D7D7D">
30 |     <path
31 |        id="path4423"
32 |        d="M88.79854 84.35368v48.12215H73.47991v-60.4873l31.62545.0314c13.43261 0 18.00847 9.47252 18.00847 18.07669v42.37928h-15.29098v-42.3c0-3.60428-1.86574-5.82215-6.36602-5.82215H88.79854zm104.16449-.7227c-5.23588 0-9.28815 2.69169-10.9806 6.34574-1.00293 2.19391-1.34768 3.87529-1.46567 6.56144h23.56698c-.30235-6.56144-3.27795-12.90718-11.12071-12.90718m-12.44627 23.33285c0 7.83538 4.87084 13.60222 13.56719 13.60222 6.76608 0 10.12884-1.87496 14.041-5.76684l9.46146 9.03373c-6.05813 5.98071-12.41493 9.61264-23.61492 9.61264-14.66415 0-28.69778-7.99578-28.69778-31.29913 0-19.91109 12.2527-31.18297 28.35302-31.18297 16.31972 0 25.74799 13.19662 25.74799 30.4824v5.51795h-38.85796m-28.17419 25.43641c-12.47946 0-17.77434-8.68713-17.77434-17.26733V55.50842h15.29467v16.48011h11.52999v12.36515H149.8629v29.82054c0 3.51394 1.65926 5.46449 5.30778 5.46449h6.22221v12.76153h-9.05032M59.85003 63.62956H44.42632V48.97832h15.42371v14.65124zm.0388 69.48232c-11.55027-1.10986-15.47902-8.11561-15.47902-16.19988l.0167-44.92347h15.46244v61.12335zm183.82912-1.29238c-11.52631-1.1117-15.43662-8.10639-15.43662-16.1796V46.89318h15.43662v84.92632zm53.96458-74.99105C283.69314-11.37625 151.29731-15.694 65.95986 36.25734v5.7355c85.2508-43.81176 206.15719-43.55366 217.17282 19.26582 3.68539 20.77206-8.01975 42.42906-28.92455 54.87717v16.28654c25.16172-9.20519 50.96686-39.05523 43.47439-75.59392M142.55855 176.16037c-58.89626 5.44421-120.27034-3.10465-128.85792-49.1269-4.20345-22.68758 6.13188-46.73759 19.84288-61.67644v-7.9884C8.86113 79.01272-4.53461 106.41443 3.17725 138.79207c9.84309 41.51829 62.51713 65.04656 142.91552 57.2333 31.80981-3.10465 73.44426-13.33305 102.38908-29.21952v-22.56957c-26.2642 15.63941-69.72568 28.57239-105.9233 31.92409" />
33 |     <path
34 |        id="path4425"
35 |        d="M261.56171 51.45816c0-.74851-.43694-.98633-1.43618-.98633h-.96421v2.11831c.14011 0 .84069.0258.96421.0258.99924 0 1.43618-.33369 1.43618-1.03427v-.12344zm1.50439 5.25247h-1.14304c-.10324 0-.19358-.0646-.23783-.15117l-1.5597-2.64375c-.0277-.0534-.16224-.118-.2157-.118h-.70058v2.62163c0 .14012-.0959.29129-.28023.29129h-1.03427c-.12905 0-.2581-.15117-.2581-.29129v-6.6315c0-.38347.14933-.54386.47381-.59364.36503-.0479 1.3569-.0811 1.89155-.0811 1.89893 0 3.0475.56046 3.0475 2.34508v.12345c0 1.10433-.5494 1.68691-1.40115 1.97267l1.61686 2.73409c.0103.0553.0479.13097.0479.19542 0 .10693-.0646.22677-.24705.22677m-2.7138-8.79406c-2.81337 0-5.08839 2.32296-5.08839 5.11973 0 2.80045 2.27502 5.08654 5.08839 5.08654 2.79861 0 5.09576-2.28609 5.09576-5.08654 0-2.79677-2.29715-5.11973-5.09576-5.11973m0 11.26082c-3.41807 0-6.14479-2.75805-6.14479-6.14109 0-3.37751 2.72672-6.14294 6.14479-6.14294 3.3812 0 6.15953 2.76543 6.15953 6.14294 0 3.38304-2.77833 6.14109-6.15953 6.14109" />
36 |   </g>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/src/images/brands/orange.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 350 350" style="enable-background:new 0 0 350 350;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#7D7D7D;}
 7 | </style>
 8 | <g>
 9 | 	<path class="st0" d="M234.9,279.7c-4.6,0-9.8,3.4-9.8,14.3c0.1,6,0.5,16,9.9,15.9c9.7-0.1,10.5-10,10.5-16.4
10 | 		C245.5,285.9,241.8,279.7,234.9,279.7z"/>
11 | 	<path class="st0" d="M119.3,305.9c0,3.3,2.1,6.3,5.8,6.3c4,0,8-1.7,11.9-5.1v-11.5C125,297,119.3,300.1,119.3,305.9z"/>
12 | 	<ellipse class="st0" cx="43.1" cy="296.1" rx="11.3" ry="14.9"/>
13 | 	<path class="st0" d="M288.4,279.2c-5.8,0-9.4,3.8-9.9,10.3h19.7C298.2,283,294.5,279.2,288.4,279.2z"/>
14 | 	<path class="st0" d="M0,0v350h350V0H0z M43.1,321.8c-12.7,0-24.1-8.1-24.1-25.7c0-17.6,11.4-25.7,24.1-25.7
15 | 		c12.7,0,24.1,8.1,24.1,25.7C67.2,313.7,55.8,321.8,43.1,321.8z M103.3,282.8h-0.6c-5.6,0-11.7,0.9-13.6,5.2v32.4H76v-48.7h12.2v5.7
16 | 		c2.3-3.1,8.1-6.7,13.4-6.7c0.5,0,1.1,0,1.7,0.1V282.8z M149.8,320.4h-11.4l-1.1-4.3c-5,3.3-10.3,4.8-16.1,4.8
17 | 		c-9.1,0-14.5-6-14.5-14.2c0-10.9,10-16.7,30.7-19V285c0-3.5-2.7-5.6-7.6-5.6c-5,0-9,2-11.9,5.6l-8.6-4.9c4.5-6.4,11.5-9.5,20.7-9.5
18 | 		c12.7,0,19.8,5.5,19.8,14.5C149.8,285.1,149.8,320.3,149.8,320.4z M203.6,320.3h-12.8v-31.7c0-6-1.5-8.6-6.2-8.6
19 | 		c-3.8,0-7.6,1.7-12,5.4v34.9h-12.7v-47.4l10.6-1.5l1.2,5.8c6-4.4,10.7-6.7,16.7-6.7c10,0,15.2,5.3,15.2,15.9V320.3z M257.9,317.6
20 | 		c0,8.1-0.6,21.6-23.8,21.7c-9.6,0.1-18.5-3.8-20.2-12.1l12.6-2c0.5,2.4,2,4.8,9.2,4.8c6.6,0,9.8-3.2,9.8-10.8v-5.7l-0.2-0.2
21 | 		c-2,3.7-5.1,7.1-12.6,7.1c-11.4,0-20.3-7.9-20.3-24.3c0-16.3,9.2-25.4,19.6-25.4c9.3,0,13,4,14.1,6.4l1-5.5l10.8-0.1V317.6z
22 | 		 M310.6,297.8h-32.4c0.1,9.2,3.9,13.9,11.5,13.9c4.8,0,8.1-2,11.1-6.2l9.4,5.2c-4.2,6.9-11.7,10.5-21.7,10.5
23 | 		c-14.4,0-22.9-9.2-22.9-25.3c0-16.2,8.7-25.4,22.7-25.4s22.4,9,22.4,24.8C310.7,296.1,310.6,297,310.6,297.8z M315.7,255.3h-5v14
24 | 		H308v-14h-5v-2.1v0h12.7V255.3z M336.8,269.3h-2.7v-13.4H334l-5.2,13.4h-1.7l-5.3-13.4h-0.1v13.4H319v-16.1h4.2l4.8,12.2l4.7-12.2
25 | 		l4.1,0V269.3z"/>
26 | </g>
27 | </svg>
28 | 


--------------------------------------------------------------------------------
/src/images/brands/panasonic.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1"
 4 | 	 id="svg24499" inkscape:version="0.44" sodipodi:docbase="R:\Logos" sodipodi:docname="Panasonic-Logo.svg" sodipodi:version="0.32" xmlns:cc="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
 5 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 752.7 132.9"
 6 | 	 style="enable-background:new 0 0 752.7 132.9;" xml:space="preserve">
 7 | <style type="text/css">
 8 | 	.st0{fill:#7D7D7D;}
 9 | </style>
10 | <sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" height="37.5mm" id="base" inkscape:current-layer="layer1" inkscape:cx="350" inkscape:cy="520" inkscape:document-units="px" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="574" inkscape:window-width="925" inkscape:window-x="242" inkscape:window-y="242" inkscape:zoom="0.35" pagecolor="#ffffff" units="mm" width="212.42809mm">
11 | 	</sodipodi:namedview>
12 | <g id="layer1" transform="translate(374.9204,-408.833)" inkscape:groupmode="layer" inkscape:label="Ebene 1">
13 | 	<g id="g24516" transform="translate(-1.494141e-6,7.088289)">
14 | 		<path id="path23367" class="st0" d="M-374.9,525V409.6h48.4c16.3,0.2,32.1,1,43,15.7c3.1,4.1,7.3,11.7,7.3,24.5
15 | 			c0,16.1-7,25.7-11.8,30.2c-8.6,8.6-20.1,9.5-31.5,10h-21.1V525H-374.9z M-327.6,463.3c5.7-0.1,12.1-0.5,16.2-4.6
16 | 			c1.2-1.2,3.1-3.7,3.1-7.7c-0.1-4-1.9-6.5-2.9-7.7c-5-5.4-13-4.8-19.5-4.8h-9.5v24.7H-327.6"/>
17 | 		<path id="path23369" class="st0" d="M-220.7,525.1l-1.3-7.7c-4.4,3.4-12.4,10.1-26.8,10.1c-2.5,0-13.3-0.3-20.7-6.5
18 | 			c-3.2-2.8-8.7-9.5-8.7-20.6c0-2.6,0.7-7.1,5-12.6c6-8,13.1-10.2,22.3-12.3l15.4-1.9c1.7-0.5,3.6-1,5.7-1.3
19 | 			c0.4-0.2,2.9-0.5,4.2-1.5c1.3-1,2.3-4.7,2.3-6.5c0-3.3-4.2-5.9-10.8-5.9c-5.8,0-8.6,2.1-10.1,4.2c-0.7,1.1-1,2.1-1.2,4.7
20 | 			l-29.3-0.2c1.3-6.7,2.6-12.1,7.4-17.6c6-6.7,15.4-10.9,34-10.9c3.5,0,17.8-1.5,28.3,5.6c4.2,2.8,7,6.1,8.9,10.5
21 | 			c3.2,6.9,2.3,15.2,2.3,22.4v23c-0.1,14.4,0.9,17,3.5,25.2H-220.7z M-223.8,488c-4.2,1.5-8.6,2.8-13,4.3l-3.2,1
22 | 			c-1.6,0.3-6.6,1.4-6.6,7.6c0,2.8,1.6,7.8,8,7.8c0.9,0,4.8-0.4,6.8-1c5.8-1.6,6.3-5.4,7.9-7.1V488"/>
23 | 		<path id="path23371" class="st0" d="M-132.6,525.2v-40.9c0,4.9,1.3-16-3.1-18c-1.5-0.7-4.2-2.1-7.6-2.1c-3.8,0.1-8,1.9-9.5,5.3
24 | 			c-1.6,4.1-2.2,7.9-2,16.4v39.2h-31.5v-84.6h29.7l0.4,9.8c4.1-5,8.9-11.5,26.4-11.5c12.8,0,22.6,4.5,26.5,17.5
25 | 			c0.9,3.3,1.3,6.5,1.6,13.2v55.5H-132.6"/>
26 | 		<path id="path23373" class="st0" d="M42.3,465.1c-0.6-3.2-2.9-8.6-10.9-8.6c-3.5,0-6.1,0.9-7.4,1.8c-0.7,0.3-1.9,2.4-1.9,4.8
27 | 			c0,0.6,0.6,2.6,2.5,3.7c1.2,0.7,3.9,1.5,7.1,1.8l12.4,3.2c8.7,2.2,16.3,3.8,22.4,9.9c3.1,2.9,4.7,6.7,5.1,8.2
28 | 			c1.5,4.4,0.7,7.8,0.7,9.3c0,10-4.8,16-7.6,18.6c-6,5.5-15.4,9.6-32.8,9.6c-14.4,0-23.5-3.8-28.9-6.9c-11.5-6.7-12.1-19-12.8-22.8
29 | 			l30-0.1c0.3,2.9,0.7,5.1,3.1,7.2c1.9,1.8,3.9,3,9.3,3c6.4,0,10.1-3.1,10.2-5.9c0.1-0.3,0.1-2.6-0.7-3.7c-1.5-2.4-5.4-3.4-11.1-4.9
30 | 			c0,0-17.5-3.8-18.8-4.4c-3.9-1.8-19.8-5.4-19.8-23.1c0-10,5.1-15.3,8-18c5.4-4.7,14.3-9,30.2-9c3.5,0,18.4-0.2,29.4,7.4
31 | 			c3.1,2.1,5.5,4.7,7.4,7.7c2.6,4.3,3.1,9.5,3.4,11.3H42.3"/>
32 | 		<path id="path23381" class="st0" d="M150.6,515.5c-5.1,5.2-15.6,12-32.9,12c-5.5,0-20.8-0.3-32.1-13.6c-4.7-5.7-10.3-15-10.3-31.9
33 | 			c0-2.9,0-9.5,2.8-16.8c6.3-18.4,23.3-26.8,41.2-26.7c4.8,0,19.8,0.5,30.6,11.5c5.4,5.5,12.2,15.5,12.1,33.3
34 | 			C162,487.7,161.7,504.2,150.6,515.5z M127.3,464.4c-2.8-2.6-7-3.1-8.5-3.1c-3.6,0-6.3,2.1-7.1,2.8c-3.8,3.1-6.6,7.8-6.6,18.3
35 | 			c0,8.2,1.9,22,13.6,22c3.4,0,6.6-0.9,8.6-3.3c2.8-3.1,5.7-8.6,5.5-18.3C132.8,482.3,133,470.2,127.3,464.4"/>
36 | 		<path id="path23383" class="st0" d="M257.4,440.3h30.9v85h-30.9V440.3z M257.4,408.8h30.9v22.1h-30.9V408.8z"/>
37 | 		<path id="path23385" class="st0" d="M347.8,472.8c-2.3-10.2-7.3-10.7-12.8-10.7c-4.5,0-6,1.5-7.4,2.8c-3.9,3.4-5.2,7.5-5.2,17.9
38 | 			c0,0.8-0.4,14.6,7.1,19.9c2.2,1.4,3.2,1.5,5.8,1.5c0.9,0,3.5,0.1,5.8-1c3.1-1.4,6.3-4.1,6.8-11.2l29.9-0.2
39 | 			c-0.3,1.9-1.5,8.7-4.4,14.3c-7.4,14.8-22.6,21-37.9,21c-6.3,0-10.6-0.9-13.3-1.4c-12.1-3-22.7-11.5-27.4-23.6
40 | 			c-1.3-3.7-3.1-9.2-3.1-18.5c0-3.8,0.1-13.7,5.5-23.6c0.7-1.6,3.2-5.6,6.7-9.2c11.4-11.2,28.3-11.5,32.4-11.5
41 | 			c15.7,0,25.5,5.9,30.3,10.4c1.5,1.4,4.4,5.3,6.7,10.6c1.9,4.3,2.9,8.1,3.6,12.8H347.8"/>
42 | 		<path id="path23387" class="st0" d="M-12.6,500.4v-23c0-7.2,0-16.8-3.1-23.7c-2-4.4-3.5-6.9-7.7-9.6c-10.5-7-25.9-5.7-29.4-5.7
43 | 			c-18.5,0-28,4.9-34,11.6c-4.8,5.6-5.8,11-7.1,17.7h29.3c0.1-2.6,0.6-3.6,1.2-4.8c1.6-2.1,3.9-4.8,9.8-4.8c6.6,0,10.8,3.3,10.8,6.6
44 | 			c0,1.8-0.1,4.7-1.5,5.7c-1.3,1-4.7,2.2-5.2,2.3c-1.5,0.2-3.4,0.7-5.7,1.3l-15.3,1.9c-9.2,2.1-16.3,4-22.3,12
45 | 			c-4.4,5.6-4.4,10.6-4.4,13.2c0,11.1,4.8,17.5,8,20.3c7.4,6.2,18.1,6,20.7,6c14.4,0,22-6.3,26.5-9.8l1.3,8h31.6
46 | 			C-10.9,520.2-12.8,517.3-12.6,500.4z M-51.3,508.2c-2,0.7-5.5,0.5-6.4,0.5c-5.2-0.3-8-5.1-8-7.9c0-6.2,5-7.2,6.6-7.5l3.4-0.9
47 | 			c4.2-1.5,8.6-2.7,12.8-4.2l0.1,10.8C-44.1,501.3-45.6,506.5-51.3,508.2"/>
48 | 		<path id="path23389" class="st0" d="M220.1,525v-41.1c0,4.9,1.5-15.7-2.9-17.8c-1.5-0.7-4.2-2.1-7.4-2c-3.8,0.1-8.2,1.9-9.5,5.3
49 | 			c-1.7,4.1-2.6,6.9-2.5,15.4l-0.3,40.4l-30.7-0.1v-84.6h29.6l0.4,9.8c4.1-5,8.9-11.5,26.5-11.5c12.7,0,22.4,5.4,26.4,18.4
50 | 			c0.9,3.3,1,5.4,1.5,12.2V525L220.1,525"/>
51 | 	</g>
52 | </g>
53 | </svg>
54 | 


--------------------------------------------------------------------------------
/src/images/brands/salesforce.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1"
 4 | 	 id="svg3671" inkscape:version="0.48.5 r10040" sodipodi:docname="New document 4" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
 5 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 700.2"
 6 | 	 style="enable-background:new 0 0 1000 700.2;" xml:space="preserve">
 7 | <style type="text/css">
 8 | 	.st0{fill:#7D7D7D;}
 9 | </style>
10 | <sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" fit-margin-bottom="0.5" fit-margin-left="0.5" fit-margin-right="0.5" fit-margin-top="0.5" id="base" inkscape:current-layer="layer1" inkscape:cx="621.35281" inkscape:cy="283.29076" inkscape:document-units="px" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1041" inkscape:window-maximized="0" inkscape:window-width="1256" inkscape:window-x="657" inkscape:window-y="-21" inkscape:zoom="0.57695313" pagecolor="#ffffff" showgrid="false">
11 | 	</sodipodi:namedview>
12 | <g>
13 | 	<path class="st0" d="M395.1,296.5c-7.1,0-12.8,4.3-17.1,8.5c-1.4,4.3-2.8,8.5-4.3,14.2H415c-1.4-5.7-1.4-10-4.3-14.2
14 | 		C407.9,300.7,402.2,296.5,395.1,296.5z"/>
15 | 	<path class="st0" d="M627.2,297.4c-7.1,0-12.8,2.8-15.7,8.5c-4.3,5.7-5.7,12.8-5.7,22.8s1.4,17.1,4.3,22.8c4.3,5.7,10,8.5,17.1,8.5
16 | 		c8.5,0,14.2-2.8,17.1-8.5c4.3-5.7,5.7-12.8,5.7-22.8s-1.4-17.1-5.7-22.8C641.5,300.3,635.8,297.4,627.2,297.4z"/>
17 | 	<path class="st0" d="M250,335.8c-4.3,2.8-5.7,5.7-5.7,11.4c0,2.8,0,5.7,1.4,7.1c0,0,0,1.4,2.8,2.8c0,0,5.7,4.3,18.5,4.3
18 | 		c8.5,0,15.7-1.4,15.7-1.4v-27c0,0-7.1-1.4-15.7-1.4C254.3,331.5,250,335.8,250,335.8z"/>
19 | 	<path class="st0" d="M858.8,296.5c-7.1,0-12.8,4.3-17.1,8.5c-1.4,4.3-2.8,8.5-4.3,14.2h41.3c-1.4-5.7-1.4-10-4.3-14.2
20 | 		S866,296.5,858.8,296.5z"/>
21 | 	<path class="st0" d="M783.4,95.3c-31.3,0-59.8,7.1-86.8,18.5c-29.9-54.1-88.2-91.1-153.7-91.1c-49.8,0-93.9,19.9-126.7,54.1
22 | 		C380.6,29.8,325.1-0.1,264,1.3C157.2,1.3,70.4,88.1,70.4,194.9c0,27,5.7,52.7,15.7,76.8c-49.8,29.9-84,84-84,146.6
23 | 		c0,92.5,74,167.9,166.5,167.9c11.4,0,22.8-1.4,34.2-4.3c24.2,69.7,91.1,118.1,167.9,118.1c74,0,138-45.5,165.1-108.2
24 | 		c19.9,10,44.1,15.7,68.3,15.7c59.8,0,111-32.7,138-81.1c14.2,2.8,28.5,4.3,42.7,4.3c118.1,0,214.9-98.2,214.9-217.7
25 | 		C999.7,192,902.9,95.3,783.4,95.3z M180.8,375.9c-10,0-19.9-1.4-29.9-7.1c-1.4,0-4.3-1.4-5.7-2.8c0-1.4,0-1.4,0-2.8l4.3-11.4
26 | 		c1.4-2.8,2.8-1.4,2.8-1.4c1.4,1.4,1.4,1.4,2.8,2.8c12.8,7.1,24.2,7.1,27,7.1c8.5,0,14.2-5.7,14.2-11.4c0-7.1-8.5-8.5-15.7-12.8
27 | 		h-2.8c-14.2-4.3-28.5-10-28.5-27c0-15.7,12.8-27,31.3-27h1.4c10,0,21.3,2.8,28.5,8.5c1.4,1.4,1.4,1.4,1.4,2.8s-4.3,10-4.3,11.4
28 | 		c-1.4,1.4-2.8,0-2.8,0c-5.7-4.3-17.1-7.1-25.6-7.1c-7.1,0-12.8,4.3-12.8,10s8.5,8.5,18.5,12.8c14.2,4.3,28.5,11.4,28.5,27
29 | 		C213.5,364.5,200.7,375.9,180.8,375.9z M299.8,368.5c0,0,0,1.4-1.4,1.4c0,0-2.8,1.4-4.3,1.4s-8.5,1.4-14.2,2.8
30 | 		c-5.7,1.4-11.4,1.4-17.1,1.4s-11.4,0-15.7-1.4c-5.7-1.4-8.5-2.8-12.8-5.7c-2.8-1.4-5.7-5.7-7.1-10c-1.4-2.8-2.8-7.1-2.8-12.8
31 | 		c0-4.3,0-8.5,2.8-12.8c2.8-4.3,5.7-7.1,8.5-10c4.3-2.8,8.5-4.3,12.8-5.7c4.3-1.4,10-1.4,14.2-1.4c2.8,0,5.7,0,8.5,0
32 | 		c0,0,4.3,1.4,8.5,1.4v-1.4c0-8.5-1.4-11.4-4.3-14.2s-8.5-4.3-14.2-4.3c0,0-12.8,0-24.2,7.1c-1.4,0-1.4,0-1.4,0s-1.4,0-1.4-1.4
33 | 		l-4.3-10c-1.4-1.4,0-2.8,0-2.8c5.7-4.3,18.5-7.1,18.5-7.1c4.3-1.4,11.4-1.4,15.7-1.4c11.4,0,19.9,2.8,27,8.5
34 | 		c5.7,5.7,8.5,14.2,8.5,25.6V368.5z M337.2,371.8c0,1.4,0,1.4-1.4,1.4h-15.7c-1.4,0-1.4-1.4-1.4-1.4V248c0-1.4,0-1.4,1.4-1.4h15.7
35 | 		c1.4,0,1.4,0,1.4,1.4V371.8z M433.5,332c0,1.4-1.4,1.4-1.4,1.4h-58.3c0,8.5,2.8,15.7,5.7,18.5c4.3,4.3,11.4,7.1,19.9,7.1
36 | 		c14.2,0,19.9-2.8,24.2-4.3c0,0,2.8,0,2.8,1.4l2.8,11.4c1.4,1.4,0,2.8,0,2.8c-2.8,1.4-11.4,5.7-28.5,5.7c-8.5,0-15.7-1.4-21.3-4.3
37 | 		c-5.7-2.8-10-5.7-14.2-10s-7.1-8.5-8.5-14.2s-2.8-11.4-2.8-18.5c0-7.1,1.4-12.8,2.8-18.5s4.3-11.4,7.1-15.7
38 | 		c4.3-4.3,8.5-7.1,14.2-8.5c4.3-2.8,11.4-4.3,18.5-4.3c5.7,0,11.4,1.4,17.1,2.8c2.8,1.4,7.1,4.3,10,7.1c1.4,2.8,5.7,8.5,7.1,14.2
39 | 		C435,320.7,433.5,332,433.5,332z M450.9,368.8c-1.4,0-4.3-1.4-5.7-2.8c0-1.4,0-1.4,0-2.8l4.3-11.4c1.4-2.8,2.8-1.4,2.8-1.4
40 | 		c1.4,1.4,1.4,1.4,2.8,2.8c12.8,7.1,24.2,7.1,27,7.1c8.5,0,14.2-5.7,14.2-11.4c0-7.1-8.5-8.5-15.7-12.8h-2.8
41 | 		c-14.2-4.3-28.5-10-28.5-27c0-15.7,12.8-27,31.3-27h1.4c10,0,21.3,2.8,28.5,8.5c1.4,1.4,1.4,1.4,1.4,2.8s-4.3,10-4.3,11.4
42 | 		c-1.4,1.4-2.8,0-2.8,0c-5.7-4.3-17.1-7.1-25.6-7.1c-7.1,0-12.8,4.3-12.8,10s8.5,8.5,18.5,12.8c14.2,4.3,28.5,11.4,28.5,27
43 | 		c0,17.1-12.8,28.5-32.7,28.5C470.8,375.9,460.8,374.5,450.9,368.8z M568.8,273.6c-1.4,5.7-2.8,12.8-2.8,12.8h18.5
44 | 		c1.4,0,1.4,0,1.4,1.4l-2.8,11.4c0,1.4-1.4,1.4-1.4,1.4h-18.5l-12.8,74c-1.4,8.5-4.3,14.2-5.7,19.9c-1.4,5.7-4.3,8.5-7.1,12.8
45 | 		c-4.3,2.8-7.1,5.7-11.4,7.1c-4.3,1.4-8.5,2.8-14.2,2.8c-2.8,0-5.7,0-8.5-1.4c-2.8,0-4.3-1.4-5.7-1.4c-1.4-1.4-1.4-1.4-1.4-2.8
46 | 		s4.3-10,4.3-11.4c0-1.4,1.4-1.4,1.4-1.4c1.4,1.4,1.4,1.4,2.8,1.4s2.8,0,4.3,0c2.8,0,5.7-1.4,7.1-1.4c2.8-1.4,4.3-2.8,5.7-4.3
47 | 		c1.4-2.8,2.8-5.7,5.7-10c0-4.3,1.4-8.5,2.8-14.2l12.8-72.6h-12.8c-1.4,0-1.4,0-1.4-1.4l2.8-11.4c0-1.4,1.4-1.4,1.4-1.4h12.8v-4.3
48 | 		c1.4-11.4,5.7-19.9,11.4-25.6c5.7-5.7,14.2-8.5,24.2-8.5c4.3,0,5.7,0,8.5,0c2.8,0,4.3,1.4,5.7,1.4c0,0,1.4,0,0,1.4l-4.3,12.8
49 | 		c0,1.4-1.4,1.4-2.8,1.4c0-1.4-1.4-1.4-2.8-1.4c-1.4,0-2.8,0-4.3,0c-1.4,0-4.3,0-5.7,0c-1.4,1.4-2.8,1.4-4.3,2.8
50 | 		C570.3,266.5,567.4,267.9,568.8,273.6z M665.6,347.2c-1.4,5.7-4.3,10-7.1,14.2s-7.1,7.1-12.8,10c-5.7,2.8-11.4,4.3-18.5,4.3
51 | 		c-5.7,0-12.8-1.4-17.1-4.3c-5.7-1.4-10-5.7-14.2-10c-2.8-4.3-5.7-8.5-7.1-14.2s-2.8-11.4-2.8-18.5s1.4-12.8,2.8-18.5
52 | 		s4.3-10,8.5-14.2c2.8-4.3,7.1-7.1,12.8-10c4.3-2.8,11.4-4.3,17.1-4.3c7.1,0,12.8,1.4,18.5,4.3c5.7,1.4,10,5.7,14.2,10
53 | 		c2.8,4.3,5.7,8.5,7.1,14.2s2.8,11.4,2.8,18.5S668.5,341.5,665.6,347.2z M733,299.4c0,1.4,0,1.4-1.4,1.4c0,0-2.8-1.4-5.7-1.4
54 | 		c-1.4,0-5.7,0-7.1,1.4c-2.8,0-5.7,1.4-8.5,4.3c-1.4,1.4-2.8,4.3-4.3,8.5s-1.4,10-1.4,15.7V372c0,0,0,1.4-1.4,1.4h-15.7
55 | 		c0,0-1.4,0-1.4-1.4v-86.8c0,0,0-1.4,1.4-1.4h14.2c1.4,0,1.4,0,1.4,1.4v7.1c2.8-2.8,7.1-5.7,10-5.7c2.8-1.4,7.1-2.8,14.2-2.8
56 | 		c4.3,0,8.5,1.4,10,1.4s1.4,0,1.4,1.4S735.8,296.6,733,299.4z M810.4,371.7c-7.1,2.8-15.7,4.3-24.2,4.3c-14.2,0-25.6-4.3-32.7-12.8
57 | 		c-7.1-8.5-11.4-19.9-11.4-34.2c0-7.1,0-12.8,2.8-19.9c1.4-5.7,4.3-10,8.5-14.2s8.5-7.1,14.2-10c4.3-2.8,11.4-4.3,18.5-4.3
58 | 		c4.3,0,8.5,1.4,12.8,1.4c2.8,1.4,8.5,2.8,10,4.3c1.4,0,1.4,0,1.4,1.4c-1.4,4.3-2.8,7.1-4.3,11.4c0,1.4-1.4,1.4-1.4,1.4
59 | 		c-5.7-1.4-11.4-2.8-18.5-2.8c-8.5,0-14.2,2.8-18.5,8.5c-4.3,5.7-7.1,12.8-7.1,22.8s2.8,18.5,7.1,22.8c5.7,4.3,11.4,7.1,19.9,7.1
60 | 		c4.3,0,7.1,0,10,0s5.7-1.4,7.1-2.8c0,0,2.8,0,2.8,1.4l2.8,12.8C811.8,371.7,810.4,371.7,810.4,371.7z M897.3,332
61 | 		c0,1.4-1.4,1.4-1.4,1.4h-58.3c0,8.5,2.8,15.7,5.7,18.5c4.3,4.3,11.4,7.1,19.9,7.1c14.2,0,19.9-2.8,24.2-4.3c0,0,2.8,0,2.8,1.4
62 | 		l2.8,11.4c1.4,1.4,0,2.8,0,2.8c-2.8,1.4-11.4,5.7-28.5,5.7c-8.5,0-15.7-1.4-21.3-4.3c-5.7-2.8-10-5.7-14.2-10s-7.1-8.5-8.5-14.2
63 | 		c-1.4-5.7-2.8-11.4-2.8-18.5c0-7.1,1.4-12.8,2.8-18.5c1.4-5.7,4.3-11.4,7.1-15.7c4.3-4.3,8.5-7.1,14.2-8.5
64 | 		c4.3-2.8,11.4-4.3,18.5-4.3c5.7,0,11.4,1.4,17.1,2.8c2.8,1.4,7.1,4.3,10,7.1c1.4,2.8,5.7,8.5,7.1,14.2
65 | 		C898.7,320.7,897.3,332,897.3,332z"/>
66 | </g>
67 | </svg>
68 | 


--------------------------------------------------------------------------------
/src/images/brands/samsung.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 91 30.2" style="enable-background:new 0 0 91 30.2;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#7D7D7D;}
 7 | </style>
 8 | <g>
 9 | 	<path class="st0" d="M78.7,17.6c-0.1,0.8-0.4,1.3-1,1.7c8.8-4,13.9-8.4,13.3-12.1c-1.2-7.1-22.6-9.3-47.7-5
10 | 		c-11,1.9-20.9,4.8-28.4,8c0.4-0.1,0.9-0.2,1.3-0.2c1.3,0,3.2,0.3,3.2,2.4v0.7h-2.3c0,0,0-0.4,0-0.6c0-0.5-0.3-0.9-0.9-0.9
11 | 		c-0.6,0-0.8,0.3-0.9,0.6c0,0.1,0,0.3,0,0.5c0.3,1.1,3.8,1.7,4.2,3.7c0,0.2,0.1,0.7,0,1.5c-0.2,1.6-1.6,2.1-3.3,2.1
12 | 		c-1.8,0-3.4-0.6-3.4-2.7l0-0.7h2.5v0.9c0,0.5,0.4,0.9,0.9,0.9c0.6,0,0.8-0.3,0.9-0.6c0-0.2,0.1-0.5,0-0.7c-0.5-1.2-3.8-1.8-4.2-3.7
13 | 		c-0.1-0.5-0.1-0.8,0-1.3c0.1-0.7,0.4-1.1,0.9-1.5C4.8,14.7-0.6,19.2,0.1,23c1.2,7.1,22.6,9.3,47.7,5C59,26,69,23.1,76.6,19.8
14 | 		c-0.4,0.1-0.8,0.1-1.3,0.1c-1.7,0-3.2-0.6-3.3-2.3c0-0.3,0-0.4,0-0.6l0-4c0-0.2,0-0.5,0-0.6c0.2-1.8,1.6-2.3,3.3-2.3
15 | 		c1.7,0,3.1,0.6,3.3,2.3c0,0.3,0,0.6,0,0.6v0.3h-2.4v-0.5c0,0,0-0.2,0-0.4c0-0.2-0.2-0.7-0.9-0.7c-0.7,0-0.9,0.5-0.9,0.7
16 | 		c0,0.1,0,0.3,0,0.4v4.3c0,0.1,0,0.2,0,0.4c0,0.3,0.3,0.7,1,0.7c0.7,0,0.9-0.4,1-0.7c0-0.1,0-0.2,0-0.4v-1.4h-1v-1.4h3.3V17
17 | 		C78.7,17.2,78.7,17.3,78.7,17.6z M26.3,19.8L25,11.2H25l-1.3,8.5h-2.5l1.7-9.4h4.2l1.7,9.4H26.3z M38.8,19.8l-0.1-8.5h0l-1.6,8.5
18 | 		h-2.4l-1.6-8.5h-0.1l-0.1,8.5h-2.4l0.2-9.4h3.8l1.2,7.2h0l1.2-7.2H41l0.2,9.4H38.8z M50.1,18c-0.2,1.6-1.6,2.1-3.3,2.1
19 | 		c-1.8,0-3.4-0.6-3.4-2.7l0-0.7H46l0,0.9c0,0.5,0.4,0.8,0.9,0.8c0.6,0,0.8-0.3,0.9-0.6c0-0.2,0.1-0.5,0-0.7
20 | 		c-0.5-1.2-3.8-1.8-4.2-3.7c-0.1-0.5-0.1-0.8,0-1.3c0.2-1.5,1.6-2.1,3.3-2.1c1.3,0,3.1,0.3,3.1,2.3v0.7h-2.3c0,0,0-0.4,0-0.6
21 | 		c0-0.5-0.3-0.8-0.9-0.8c-0.6,0-0.8,0.3-0.9,0.6c0,0.1,0,0.3,0,0.5c0.3,1.1,3.8,1.7,4.2,3.6C50.2,16.6,50.3,17.2,50.1,18z M59,17.7
22 | 		c-0.2,1.8-1.6,2.3-3.3,2.3c-1.7,0-3.1-0.6-3.3-2.3c0-0.1,0-0.4,0-0.6v-6.8h2.4v7c0,0.1,0,0.3,0,0.4c0.1,0.2,0.2,0.7,0.9,0.7
23 | 		c0.7,0,0.9-0.5,0.9-0.7c0-0.1,0-0.2,0-0.4v-7H59v6.8C59,17.3,59,17.6,59,17.7z M69.5,19.7h-3.4L63.9,12h-0.1l0.1,7.6h-2.3v-9.3h3.5
24 | 		l2.2,7.4h0.1l-0.1-7.4h2.3V19.7z"/>
25 | </g>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/src/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/logo.png


--------------------------------------------------------------------------------
/src/images/main.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 62 15" style="enable-background:new 0 0 62 15;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#E9327C;}
 7 | 	.st1{fill:#1DACE3;}
 8 | 	.st2{fill:#001A49;}
 9 | 	.st3{fill:#FFFFFF;}
10 | </style>
11 | <path class="st0" d="M8.4,11.5L0.9,6.3C0.1,5.7,0.4,4.6,1.3,4.4l8-2.2C10,2,10.6,2.3,10.8,2.9c0,0.1,0.1,0.3,0.1,0.4l-0.5,7.3
12 | 	C10.3,11.5,9.2,12,8.4,11.5z"/>
13 | <path class="st1" d="M6.1,12.7L1.6,4c-0.3-0.6,0-1.3,0.5-1.6c0.2-0.1,0.5-0.2,0.8-0.1l8.2,1.3c0.7,0.1,1.1,0.7,1,1.4
14 | 	c0,0.1,0,0.3-0.1,0.4l-3.8,7.4c-0.3,0.6-1,0.8-1.6,0.5C6.3,13.2,6.2,12.9,6.1,12.7z"/>
15 | <path class="st2" d="M10.9,3.5L6.8,2.9l-5,1.4l2,3.9l4.7,3.2c0.1,0.1,0.2,0.1,0.3,0.2l1.8-3.5L10.9,3.5z"/>
16 | <path class="st3" d="M31.6,4.5c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8s-0.3,0.8-0.8,0.8l0,0C32,5.3,31.6,5,31.6,4.5z
17 | 	 M31.8,5.7h1.3V10h-1.3V5.7z"/>
18 | <path class="st3" d="M38.6,7.9c0,1.2-0.8,2.2-2,2.3l0,0c-0.5,0-1-0.2-1.3-0.5v2.1H34v-6h1.3v0.4c0.3-0.3,0.8-0.5,1.3-0.5
19 | 	C37.7,5.6,38.6,6.6,38.6,7.9C38.6,7.8,38.6,7.9,38.6,7.9z M37.3,7.9c0-0.5-0.5-1-1-1c-0.5,0-1,0.5-1,1.1c0,0.5,0.5,1,1,1
20 | 	c0.5,0,1-0.4,1-0.9C37.3,7.9,37.3,7.9,37.3,7.9z"/>
21 | <path class="st3" d="M42.6,8.7c0,1-0.8,1.4-1.8,1.4c-0.8,0.1-1.5-0.3-1.8-1l1.1-0.6C40.2,8.8,40.5,9,40.8,9c0.3,0,0.5-0.1,0.5-0.3
22 | 	c0-0.5-2.1-0.2-2.1-1.7c0-0.9,0.8-1.4,1.7-1.4c0.7,0,1.3,0.3,1.7,0.9l-1.1,0.6c-0.1-0.2-0.3-0.4-0.6-0.4c-0.2,0-0.4,0.1-0.4,0.3
23 | 	C40.5,7.4,42.6,7.1,42.6,8.7z"/>
24 | <path class="st3" d="M47.3,5.7V10H46V9.6c-0.3,0.4-0.8,0.5-1.2,0.5c-0.9,0-1.6-0.6-1.6-1.8V5.7h1.3v2.4c0,0.4,0.3,0.8,0.6,0.8
25 | 	c0,0,0.1,0,0.1,0C45.7,8.9,46,8.6,46,8V5.6L47.3,5.7L47.3,5.7z"/>
26 | <path class="st3" d="M54.6,7.4V10h-1.3V7.5c0-0.4-0.2-0.7-0.6-0.7c-0.4,0-0.7,0.3-0.7,0.8V10h-1.3V7.4c0-0.4-0.2-0.7-0.6-0.7
27 | 	c-0.4,0-0.7,0.3-0.7,0.8v2.4h-1.3V5.7h1.3v0.4c0.3-0.3,0.7-0.5,1.1-0.5c0.5,0,0.9,0.2,1.1,0.5c0.3-0.4,0.8-0.6,1.3-0.5
28 | 	C54,5.6,54.6,6.3,54.6,7.4z"/>
29 | <circle class="st3" cx="55.7" cy="4.7" r="1"/>
30 | <path class="st3" d="M14.1,3.8h1.3V10h-1.3V3.8z M16.1,7.9c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3s-1,2.3-2.3,2.3l0,0
31 | 	C17.1,10.1,16.1,9.1,16.1,7.9L16.1,7.9z M19.4,7.9c0-0.5-0.5-1-1-1c-0.5,0-1,0.5-1,1c0,0.5,0.5,1,1,1C18.9,8.9,19.3,8.5,19.4,7.9
32 | 	C19.4,7.9,19.4,7.9,19.4,7.9L19.4,7.9z M25.8,5.7v4.1c0,1.4-1.1,2.1-2.3,2.1c-0.8,0-1.6-0.3-2-1.1l1.1-0.6c0.2,0.4,0.6,0.6,1,0.5
33 | 	c0.5,0.1,0.9-0.3,1-0.7c0,0,0-0.1,0-0.2V9.5c-0.3,0.4-0.8,0.6-1.3,0.5c-1.2,0-2.1-1-2.1-2.2c0-1.1,1-2.1,2.1-2.1
34 | 	c0.5,0,1,0.2,1.3,0.5V5.8L25.8,5.7z M24.5,7.8c0-0.6-0.4-1.1-1-1.1s-1,0.4-1.1,1c0,0.6,0.4,1.1,1,1.1h0c0.5,0,1-0.4,1.1-0.9
35 | 	C24.5,7.8,24.5,7.8,24.5,7.8L24.5,7.8z M26.5,7.9c0-1.3,1-2.3,2.3-2.3s2.3,1,2.3,2.3s-1,2.3-2.3,2.3l0,0
36 | 	C27.5,10.1,26.5,9.1,26.5,7.9L26.5,7.9L26.5,7.9z M29.7,7.9c0-0.5-0.5-1-1-1c-0.5,0-1,0.5-1,1s0.5,1,1,1C29.3,8.9,29.7,8.5,29.7,7.9
37 | 	C29.7,7.9,29.7,7.9,29.7,7.9L29.7,7.9z"/>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/src/images/products/99.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/products/99.png


--------------------------------------------------------------------------------
/src/images/services/e-commerce.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF4C00;}
 7 | </style>
 8 | <g>
 9 | 	<g>
10 | 		<path class="st0" d="M407,286H286c-8.3,0-15,6.7-15,15v120c0,8.3,6.7,15,15,15h121c8.3,0,15-6.7,15-15V301
11 | 			C422,292.7,415.3,286,407,286z M392,406h-91v-90h91V406z M512,150.9c0-2.4-0.6-4.7-1.6-6.6L482,87.5V31c0-8.3-6.7-15-15-15H45
12 | 			c-8.3,0-15,6.7-15,15v56.5L1.6,144.3c-1,1.9-1.6,4.3-1.6,6.6c0,0,0,0.1,0,0.1v42c0,22.6,12,42.5,30,53.6V481c0,8.3,6.7,15,15,15
13 | 			h422c8.3,0,15-6.7,15-15V246.6c18-11.1,30-31,30-53.6L512,150.9C512,151,512,150.9,512,150.9z M60,46h392v30H60V46z M54.3,106
14 | 			h403.5l15,30H39.3L54.3,106z M211,466h-91V316h91V466z M452,466H241V301c0-8.3-6.7-15-15-15H105c-8.3,0-15,6.7-15,15v165H60V255.9
15 | 			c20.3,1,38.9-7.8,51.2-22.4c12.2,14.1,29.7,22.5,48.8,22.5c19.2,0,36.4-8.6,48-22.2c11.6,13.6,28.8,22.2,48,22.2s36.4-8.6,48-22.2
16 | 			c11.6,13.6,28.8,22.2,48,22.2c19.1,0,36.6-8.4,48.8-22.5c12.3,14.6,30.9,23.3,51.2,22.4V466z M482,193c0,18.2-14.8,33-33,33
17 | 			c-18.2,0-33-14.8-33-33c0-8.3-6.7-15-15-15s-15,6.7-15,15c0,17.9-15.6,33-34,33c-18.2,0-33-14.8-33-33c0-8.3-6.7-15-15-15
18 | 			s-15,6.7-15,15c0,18.2-14.8,33-33,33s-33-14.8-33-33c0-8.3-6.7-15-15-15s-15,6.7-15,15c0,18.2-14.8,33-33,33
19 | 			c-18.4,0-34-15.1-34-33c0-8.3-6.7-15-15-15s-15,6.7-15,15c0,18.2-14.8,33-33,33c-18.2,0-33-14.8-33-33v-27h452V193z"/>
20 | 	</g>
21 | </g>
22 | </svg>
23 | 


--------------------------------------------------------------------------------
/src/images/services/graphic.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF4C00;}
 7 | </style>
 8 | <g>
 9 | 	<g>
10 | 		<path class="st0" d="M15,90h15v60c0,8.3,6.7,15,15,15s15-6.7,15-15V90h15c8.3,0,15-6.7,15-15V60h60c8.3,0,15-6.7,15-15
11 | 			s-6.7-15-15-15H90V15c0-8.3-6.7-15-15-15H15C6.7,0,0,6.7,0,15v60C0,83.3,6.7,90,15,90z M30,30h30v30H30V30z M497,0h-60
12 | 			c-8.3,0-15,6.7-15,15v15h-60c-8.3,0-15,6.7-15,15s6.7,15,15,15h60v15c0,8.3,6.7,15,15,15h15v60c0,8.3,6.7,15,15,15s15-6.7,15-15
13 | 			V90h15c8.3,0,15-6.7,15-15V15C512,6.7,505.3,0,497,0z M482,60h-30V30h30V60z M497,422h-15v-60c0-8.3-6.7-15-15-15s-15,6.7-15,15
14 | 			v60h-15c-8.3,0-15,6.7-15,15v15h-60c-8.3,0-15,6.7-15,15s6.7,15,15,15h60v15c0,8.3,6.7,15,15,15h60c8.3,0,15-6.7,15-15v-60
15 | 			C512,428.7,505.3,422,497,422z M482,482h-30v-30h30V482z M211,60h90c8.3,0,15-6.7,15-15s-6.7-15-15-15h-90c-8.3,0-15,6.7-15,15
16 | 			S202.7,60,211,60z M301,452h-90c-8.3,0-15,6.7-15,15s6.7,15,15,15h90c8.3,0,15-6.7,15-15S309.3,452,301,452z M150,452H90v-15
17 | 			c0-8.3-6.7-15-15-15H60v-60c0-8.3-6.7-15-15-15s-15,6.7-15,15v60H15c-8.3,0-15,6.7-15,15v60c0,8.3,6.7,15,15,15h60
18 | 			c8.3,0,15-6.7,15-15v-15h60c8.3,0,15-6.7,15-15S158.3,452,150,452z M60,482H30v-30h30V482z M45,196c-8.3,0-15,6.7-15,15v90
19 | 			c0,8.3,6.7,15,15,15s15-6.7,15-15v-90C60,202.7,53.3,196,45,196z M467,316c8.3,0,15-6.7,15-15v-90c0-8.3-6.7-15-15-15
20 | 			s-15,6.7-15,15v90C452,309.3,458.7,316,467,316z M301,421c66.2,0,120-53.8,120-120s-53.8-120-120-120v-75c0-8.3-6.7-15-15-15H106
21 | 			c-8.3,0-15,6.7-15,15v180c0,8.3,6.7,15,15,15h75C181,367.2,234.8,421,301,421z M121,271V121h150v64.3
22 | 			c-42,10.9-74.8,43.8-85.7,85.7H121z M271,216.5V271h-54.5C225.6,245.6,245.6,225.6,271,216.5z M286,301c8.3,0,15-6.7,15-15v-75
23 | 			c49.6,0,90,40.4,90,90s-40.4,90-90,90s-90-40.4-90-90H286z"/>
24 | 	</g>
25 | </g>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/src/images/services/ideas.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF4C00;}
 7 | </style>
 8 | <g>
 9 | 	<g>
10 | 		<path class="st0" d="M256,0C165,0,91,74,91,165c0,72,24.2,108.3,47.5,143.3C160.4,341.1,181,374,181,437c0,41.4,33.6,75,75,75
11 | 			s75-33.6,75-75c0-63,20.6-95.9,42.5-128.7C396.8,273.3,421,237,421,165C421,74,347,0,256,0z M256,482c-19.6,0-36.2-12.5-42.4-30
12 | 			h84.9C292.2,469.5,275.6,482,256,482z M348.5,291.7c-21.6,32.5-43.7,68.3-46.9,130.3h-91.3c-3.2-62-25.2-97.9-46.9-130.3
13 | 			C141.6,258.9,121,228,121,165c0-74.4,60.6-135,135-135s135,60.6,135,135C391,228,370.4,258.9,348.5,291.7z M275.4,214.4
14 | 			c-1.8,1.8-11,12-19.4,34.2c-8.4-22.2-17.6-32.3-19.4-34.2c-5.8-5.8-15.1-5.8-20.9-0.1c-5.9,5.7-6,15.1-0.5,21.1
15 | 			C215.5,235.7,241,264,241,345c0,8.3,6.7,15,15,15s15-6.7,15-15c0-81,25.5-109.3,25.6-109.4c5.9-5.9,5.9-15.4,0-21.2
16 | 			S281.3,208.5,275.4,214.4L275.4,214.4z"/>
17 | 	</g>
18 | </g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/src/images/services/marketing.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF4C00;}
 7 | </style>
 8 | <g>
 9 | 	<g>
10 | 		<path class="st0" d="M301.4,272c0,8.3,6.7,15,15,15s15-6.7,15-15c0-29-25.8-53.2-60-58.8V197c0-8.3-6.7-15-15-15s-15,6.7-15,15
11 | 			v16.2c-34.2,5.6-60,29.8-60,58.8s25.8,53.2,60,58.8v59.3c-17.2-4.2-30-15.3-30-28.1c0-8.3-6.7-15-15-15s-15,6.7-15,15
12 | 			c0,29,25.8,53.2,60,58.8V437c0,8.3,6.7,15,15,15c8.3,0,15-6.7,15-15v-16.2c34.2-5.6,60-29.8,60-58.8s-25.8-53.2-60-58.8v-59.3
13 | 			C288.6,248.1,301.4,259.2,301.4,272z M241.4,300.1c-17.2-4.2-30-15.3-30-28.1s12.8-23.9,30-28.1V300.1z M301.4,362
14 | 			c0,12.8-12.8,23.9-30,28.1v-56.2C288.6,338.1,301.4,349.2,301.4,362L301.4,362z M302.4,131.2c5.3-37,57.7-64.9,78.7-71.9
15 | 			c0.2-0.1,0.3-0.2,0.4-0.2c5.8-2.2,9.5-8.5,9.7-13.4c0.1-2.9-1-7.6-4-10.8c-0.1-0.1-0.1-0.3-0.2-0.4C383.5,30.9,351.6,0,316.4,0
16 | 			c-24.3,0-47.1,14.8-60,25c-12.9-10.3-35.7-25-60-25c-35.2,0-67.1,30.9-70.6,34.4c-2.1,3-4.5,6.5-4.3,11.2
17 | 			c0.2,5.3,4.1,11.4,9.7,13.4c0.2,0.1,0.3,0.2,0.4,0.2c0.8,0.3,72.7,27.6,79.1,71.6C46.4,273.6,35.1,368.3,55.3,422.8
18 | 			c23.3,63.1,93.1,89.2,125.4,89.2h151.5c31.9,0,101.1-26.4,124.5-89.9C476.8,367.6,465.8,273,302.4,131.2L302.4,131.2z M165.6,41.2
19 | 			C175,35.2,186.1,30,196.4,30c19.4,0,42.2,18.5,49.4,25.6c5.9,5.8,15.3,5.8,21.2,0c7.2-7.1,30.1-25.6,49.4-25.6
20 | 			c10.3,0,21.4,5.2,30.8,11.2c-26.5,13.1-65.9,41-74.1,80.8h-33.4C231.5,82.2,192.1,54.3,165.6,41.2z M428.6,411.7
21 | 			c-18.5,50.1-75.7,70.3-96.4,70.3H180.6c-25.7,0-80.1-23.3-97.2-69.6C66.5,366.6,79,284.4,232.1,152h48.6
22 | 			C433.2,283.6,445.5,365.9,428.6,411.7L428.6,411.7z"/>
23 | 	</g>
24 | </g>
25 | </svg>
26 | 


--------------------------------------------------------------------------------
/src/images/services/product.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF4C00;}
 7 | </style>
 8 | <g>
 9 | 	<g>
10 | 		<path class="st0" d="M346,361h90c8.3,0,15-6.7,15-15s-6.7-15-15-15h-90c-8.3,0-15,6.7-15,15S337.7,361,346,361z M497,31H15
11 | 			C6.7,31,0,37.7,0,46v420c0,8.3,6.7,15,15,15h482c8.3,0,15-6.7,15-15V46C512,37.7,505.3,31,497,31z M211,61h90v128.8l-34.4-34.4
12 | 			c-5.9-5.9-15.4-5.9-21.2,0L211,189.8L211,61z M482,451H30V61h151v165c0,13.3,16.1,20.1,25.6,10.6l49.4-49.4l49.4,49.4
13 | 			c9.4,9.4,25.6,2.7,25.6-10.6V61h151V451z M436,391h-90c-8.3,0-15,6.7-15,15s6.7,15,15,15h90c8.3,0,15-6.7,15-15S444.3,391,436,391
14 | 			z"/>
15 | 	</g>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/src/images/services/security.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF4C00;}
 7 | </style>
 8 | <g>
 9 | 	<g>
10 | 		<path class="st0" d="M256,120c-8.3,0-15,6.7-15,15s6.7,15,15,15s15-6.7,15-15S264.3,120,256,120z M256,60
11 | 			c-57.9,0-105,47.1-105,105c0,40.5,23.7,77.2,60,94.5V377c0,4,1.6,7.8,4.4,10.6l30,30c2.9,2.9,6.8,4.4,10.6,4.4
12 | 			c3.8,0,7.7-1.5,10.6-4.4l30-30c2.8-2.8,4.4-6.6,4.4-10.6V259.5c36.3-17.3,60-54,60-94.5C361,107.1,313.9,60,256,60z M281,235.4
13 | 			c-6,2.1-10,7.8-10,14.1v121.3l-15,15l-15-15V249.5c0-6.3-4-12-10-14.1c-29.9-10.6-50-38.9-50-70.4c0-41.4,33.6-75,75-75
14 | 			s75,33.6,75,75C331,196.4,310.9,224.7,281,235.4L281,235.4z M436,60c-24.8,0-45-20.2-45-45c0-8.3-6.7-15-15-15H136
15 | 			c-8.3,0-15,6.7-15,15c0,24.8-20.2,45-45,45c-8.3,0-15,6.7-15,15v170.3c0,118.4,75.2,227.6,190.3,266c1.5,0.5,3.1,0.8,4.7,0.8
16 | 			c1.6,0,3.2-0.3,4.7-0.8c115-38.3,190.3-147.6,190.3-266V75C451,66.7,444.3,60,436,60z M421,245.3c0,106.5-66.1,200.7-165,235.9
17 | 			C157.1,445.9,91,351.8,91,245.3V88.5c29.3-6,52.5-29.2,58.5-58.5h213c6,29.3,29.2,52.5,58.5,58.5L421,245.3z"/>
18 | 	</g>
19 | </g>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/src/images/teams/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/1.jpg


--------------------------------------------------------------------------------
/src/images/teams/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/2.png


--------------------------------------------------------------------------------
/src/images/teams/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/3.png


--------------------------------------------------------------------------------
/src/images/teams/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/4.png


--------------------------------------------------------------------------------
/src/images/teams/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/5.png


--------------------------------------------------------------------------------
/src/images/teams/6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/6.png


--------------------------------------------------------------------------------
/src/images/teams/7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/7.png


--------------------------------------------------------------------------------
/src/images/teams/8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AdarshJaso/ReactJs-Website/679e37c990218e34201ef91e62e04f848fd5fdb4/src/images/teams/8.jpg


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import "./scss/component.scss";
4 | import App from "./App";
5 | //import {BrowserRouter} from "react-router-dom";
6 | ReactDOM.render(
7 | 	<App />,
8 | 	document.getElementById("root")
9 | );


--------------------------------------------------------------------------------
/src/pages/About.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Secheader from "./common/Secondaryheader";
 3 | import Teams from "../data/Teamsdata";
 4 | 
 5 | 
 6 | const Tcards = (props) => {
 7 | 	return (
 8 | 
 9 | 		<figure className="figure col-md-3 text-center">
10 | 			<img src={props.timage} className="figure-img img-fluid rounded col-lg-6 col-7 col-md-10" alt="team3" />
11 | 			  <figcaption className="figure-caption text-dark">{props.ttitle}</figcaption>
12 | 		</figure>
13 | 	);
14 | };
15 | 
16 | const About = () => {
17 | 	return (
18 | 		<>
19 | 
20 | 		<Secheader 
21 | 			sectitle="About" 
22 | 			secdesc="Lorem Ipsum is simply random text." 
23 | 		/>
24 | 
25 | 		<section>
26 | 			<div className="container mx-auto py-5 col-lg-10 col-xl-9">
27 | 				<div className="mb-5 text-center">
28 | 					<p className="display-6 mb-1">Who We Are...</p>
29 | 					<p className="text-muted">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
30 | 				</div>
31 | 				<p>We like to say, if our best clients and our organisation were people, they’d be friends. We want to understand your business and sit beside you at the table, not across from you. We’re built to help you understand and leverage technology all the way from the Reception Desk to the Board Room. We’re big on the cloud and the opportunity it presents.</p>
32 | 				<p>Whether your requirements are totally on-premises, totally in the cloud, or somewhere in between, Evologic is flexible in its application of the right technology. IT has to work for you.</p>
33 | 			</div>
34 | 		</section>
35 | 
36 | 		<section className="bg-light">
37 | 			<div className="container row py-5 m-auto col-lg-10 col-xl-9">
38 | 				<p className="display-6 text-center mb-4">Our Story</p>
39 | 				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
40 | 				<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
41 | 			</div>
42 | 		</section>
43 | 
44 | 		<section>
45 | 			<div className="container py-5 m-auto">
46 | 				<div className="mb-4">
47 | 					<p className="display-6 text-center mb-1">Our Team</p>
48 | 					<p className="d-lg-block d-none col-8 m-auto text-center text-muted">These people are the reason for our success and stainless reputation.<br/>They have years of experience and absolute dedication to what they do.</p>
49 | 				</div>
50 | 				<div className="row col-lg-11 d-flex align-items-center justify-content-evenly m-auto">
51 | 						{
52 | 							Teams.map((val, ind) => {
53 | 								return <Tcards key={ind}
54 | 									timage={val.timage}
55 | 									ttitle={val.ttitle}
56 | 								/>
57 | 							})
58 | 						}
59 | 				</div>
60 | 			</div>
61 | 		</section>
62 | 		
63 | 		</>
64 | 	);
65 | };
66 | 
67 | export default About;


--------------------------------------------------------------------------------
/src/pages/Career.jsx:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import Secheader from "./common/Secondaryheader";
  3 | import CheckIcon from '@material-ui/icons/Check';
  4 | 
  5 | 
  6 | const Life = (props) => {
  7 | 	return(
  8 | 		<div className="d-flex align-items-center mb-4">
  9 | 			<span className="career_life"><CheckIcon /></span>
 10 | 			<span className="d-flex flex-column">
 11 | 				<h5>{props.ltitle}</h5>
 12 | 				<p className="small text-muted">{props.ldesc}</p>
 13 | 			</span>
 14 | 		</div>
 15 | 	);
 16 | };
 17 | 
 18 | 
 19 | const Positions = (props) => {
 20 | 	return(		
 21 | 		<div className="d-flex justify-content-between align-items-center mb-3">
 22 | 			<span className="d-flex flex-column">
 23 | 				<p className="mb-0">{props.ptitle}</p>
 24 | 				<p className="small text-muted">{props.pcity}</p>
 25 | 			</span>
 26 | 			<span>
 27 | 				<button className="btn btn_custom mr-4">Apply</button>
 28 | 			</span>
 29 | 		</div>
 30 | 	);
 31 | };
 32 | 
 33 | const Career = () => {
 34 | 	return(
 35 | 
 36 | 		<>
 37 | 			<Secheader 
 38 | 				sectitle="We Are Hiring!" 
 39 | 				secdesc="Work at Lorem Ipsum. Your career starts here." 
 40 | 			/>
 41 | 
 42 | 			<section>
 43 | 				<div className="container mx-auto py-5 col-lg-10 col-xl-9">
 44 | 					<div className="mb-5 text-center">
 45 | 						<h2 className="display-6 mb-1">Open Positions</h2>
 46 | 						<p className="text-muted">We see collaboration, growth and great work in your future.</p>
 47 | 					</div>
 48 | 					<div className="row col-lg-10 m-auto">
 49 | 						<div className="col-md-5 mb-4">
 50 | 							<div className="hdrcolor h5">Customer Support</div>
 51 | 							<hr width="40%" />
 52 | 							<Positions 
 53 | 								ptitle="Account Executive"
 54 | 								pcity="Full Time · Boston"
 55 | 							/>
 56 | 							<Positions 
 57 | 								ptitle="Account Executive"
 58 | 								pcity="Full Time · Texas"
 59 | 							/>
 60 | 						</div>
 61 | 						<div className="col-md-5 mb-4 offset-lg-1">
 62 | 							<div className="hdrcolor h5">Product</div>
 63 | 							<hr width="40%" />
 64 | 							<Positions 
 65 | 								ptitle="Product Manager"
 66 | 								pcity="Full Time · Texas"
 67 | 							/>
 68 | 						</div>
 69 | 						<div className="col-md-5">
 70 | 							<div className="hdrcolor h5">Design</div>
 71 | 							<hr width="40%" />
 72 | 							<Positions 
 73 | 								ptitle="Brand Designer"
 74 | 								pcity="Full Time · Texas"
 75 | 							/>
 76 | 							<Positions 
 77 | 								ptitle="Product Designer"
 78 | 								pcity="Full Time · Texas"
 79 | 							/>
 80 | 							<Positions 
 81 | 								ptitle="Visual Designer"
 82 | 								pcity="Full Time · New York"
 83 | 							/>
 84 | 						</div>
 85 | 						<div className="col-md-5 offset-lg-1">
 86 | 							<div className="hdrcolor h5">Revenue</div>
 87 | 							<hr width="40%" />
 88 | 							<Positions 
 89 | 								ptitle="Account Executive"
 90 | 								pcity="Full Time · Boston"
 91 | 							/>
 92 | 							<Positions 
 93 | 								ptitle="Account Executive"
 94 | 								pcity="Full Time · New York"
 95 | 							/>
 96 | 						</div>
 97 | 					</div>
 98 | 				</div>
 99 | 			</section>
100 | 
101 | 			<section className="bg-light">
102 | 				<div className="container mx-auto py-5 col-lg-10 col-xl-9">
103 | 					<div className="mb-5 text-center">
104 | 						<h2 className="display-6 mb-1">Life Here</h2>
105 | 						<p className="text-muted">We see collaboration, growth and great work in your future.</p>
106 | 					</div>
107 | 					<div className="row col-lg-10 m-auto">
108 | 						<div className="col-md-6">
109 | 							<Life ltitle="Personality" ldesc="There are variations of passages of Lorem Ipsum, but the majority have suffered alteration in some form." />
110 | 							<Life ltitle="Professional Development" ldesc="There are variations of passages of Lorem Ipsum, but the majority have suffered alteration in some form." />
111 | 						</div>
112 | 						<div className="col-md-6">
113 | 							<Life ltitle="Occasional Parties" ldesc="There are variations of passages of Lorem Ipsum, but the majority have suffered alteration in some form." />
114 | 							<Life ltitle="Flexible hours" ldesc="There are variations of passages of Lorem Ipsum, but the majority have suffered alteration in some form." />
115 | 						</div>
116 | 					</div>
117 | 				</div>
118 | 			</section>
119 | 
120 | 		</>
121 | 	);
122 | };
123 | 
124 | export default Career;


--------------------------------------------------------------------------------
/src/pages/Contact.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Secheader from "./common/Secondaryheader"
 3 | import CallOutlinedIcon from '@material-ui/icons/CallOutlined';
 4 | import EmailOutlinedIcon from '@material-ui/icons/EmailOutlined';
 5 | import LocationOnOutlinedIcon from '@material-ui/icons/LocationOnOutlined';
 6 | 
 7 | const Contact = () => {
 8 | 	return (
 9 | 		<>
10 | 
11 | 			<Secheader 
12 | 				sectitle="Get In Touch" 
13 | 				secdesc="Lorem Ipsum is simply random text." 
14 | 			/>
15 | 
16 | 			<section>
17 | 			<div className="container row py-5 m-auto">
18 | 				<div className="col-md-6 d-flex align-items-center justify-content-center order-1">
19 | 					<form className="col-lg-8 col-12 col-md-10 text-center">
20 | 						<p className="display-6 text-center mb-2">Reach us</p>
21 | 						<p>Our team is happy to answer your questions.</p>
22 | 						<div className="mb-3">
23 | 						  <input type="text" className="form-control" id="name" placeholder="Your fullname" required/>
24 | 						</div>
25 | 						<div className="mb-3">
26 | 						  <input type="email" className="form-control" id="email" placeholder="E-mail address" required/>
27 | 						</div>
28 | 						<div className="mb-3">
29 | 						  <input type="tel" className="form-control" id="number" placeholder="Contact number" required/>
30 | 						</div>
31 | 						<div className="mb-3">
32 | 						  <textarea className="form-control form_textarea" id="message" placeholder="Your message" rows="3"></textarea>
33 | 						</div>
34 | 						<button className="btn btn-lg btn_custom btn_shadow col-12">Send</button>
35 | 					</form>
36 | 				</div>
37 | 
38 | 				<div className="col-md-6 d-flex align-items-center order-lg-1 order-md-2 flex-column py-5">
39 | 					<div className="row col-12">
40 | 						<div className="col-md-6">
41 | 							<span className="lead mb-3">Support</span>
42 | 							<p className="small">
43 | 								Get help with all lorem ipsum products.<br/><br/>
44 | 								<span className="m-2 ml-0 hdrcolor"><CallOutlinedIcon /></span>+4654664546<br/><br/>
45 | 								<span className="m-2 ml-0 hdrcolor"><EmailOutlinedIcon /></span>sample@example.com<br/><br/>
46 | 								<span className="m-2 ml-0 hdrcolor"><LocationOnOutlinedIcon /></span>New York, USA
47 | 							</p>
48 | 
49 | 						</div>
50 | 						<div className="col-md-6">
51 | 							<span className="lead mb-3">Sales</span>
52 | 							<p className="small">Purchase lorem ipsum products.<br/><br/>
53 | 								<span className="m-2 ml-0 hdrcolor"><CallOutlinedIcon /></span>+4345335546<br/><br/>
54 | 								<span className="m-2 ml-0 hdrcolor"><EmailOutlinedIcon /></span>demo@example.com<br/><br/>
55 | 								<span className="m-2 ml-0 hdrcolor"><LocationOnOutlinedIcon /></span>New York, USA
56 | 							</p>
57 | 						</div>
58 | 					</div>
59 | 				</div>
60 | 			</div>
61 | 			</section>
62 | 		</>
63 | 	);
64 | };
65 | 
66 | export default Contact;


--------------------------------------------------------------------------------
/src/pages/Home.jsx:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import web from "../images/logo.png"
  3 | import work1 from "../images/brands/adobe.svg"
  4 | import work2 from "../images/brands/samsung.svg"
  5 | import work3 from "../images/brands/ebay.svg"
  6 | import work4 from "../images/brands/amazon.svg"
  7 | import product1 from "../images/products/99.png"
  8 | import BusinessIcon from '@material-ui/icons/Business';
  9 | import AttachMoneyIcon from '@material-ui/icons/AttachMoney';
 10 | import PhotoSizeSelectSmallIcon from '@material-ui/icons/PhotoSizeSelectSmall';
 11 | 
 12 | const Home = () => {
 13 | 	return (
 14 | 		<>
 15 | 		<section className="sec_1"> 
 16 | 			<div className="header_height sec_bg d-flex align-items-center">
 17 | 				<div className="container">
 18 | 					<div className="col-12 col-md-9 col-lg-6 py-5">
 19 | 						<h1 className="hdrcolor">We create efficient digital solutions engineered for growth</h1>
 20 | 						<p className="text-white lead">Lorem Ipsum is simply dummy text of the printing industry.</p>
 21 | 						<button className="btn btn-lg col-lg-4 col-6 btn_custom btn_shadow">LET'S TALK</button>
 22 | 					</div>
 23 | 				</div>
 24 | 			</div>
 25 | 		</section>
 26 | 
 27 | 		<section> 
 28 | 			<div className="container mx-auto py-5">
 29 | 				<div className="mb-4 text-center">
 30 | 					<p className="display-6 mb-1">What we do...</p>
 31 | 					<p className="text-muted">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 32 | 				</div>
 33 | 				<div className="row gy-5 d-flex align-items-center justify-content-evenly mt-0">
 34 | 					<div className="col-md-4 col-lg-3 text-center">
 35 | 						<div className="box_border position-relative rounded pt-5 pb-3 px-3">
 36 | 							<div className="shp"><BusinessIcon /></div>
 37 | 							<p className="mb-2 mt-4">Brand Building</p>
 38 | 							<p className="text-muted text-left text-xl-center text-lg-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 39 | 						</div>
 40 | 					</div>
 41 | 					<div className="col-md-4 col-lg-3 text-center">
 42 | 						<div className="box_border position-relative rounded pt-5 pb-3 px-3">
 43 | 							<div className="shp"><PhotoSizeSelectSmallIcon /></div>
 44 | 							<p className="mb-2 mt-4">Pixel Perfect Designing</p>
 45 | 							<p className="text-muted text-left text-xl-center text-lg-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 46 | 						</div>
 47 | 					</div>
 48 | 					<div className="col-md-4 col-lg-3 text-center">
 49 | 						<div className="box_border position-relative rounded pt-5 pb-3 px-3">
 50 | 							<div className="shp"><AttachMoneyIcon /></div>
 51 | 							<p className="mb-2 mt-4">Marketing</p>
 52 | 							<p className="text-muted text-left text-xl-center text-lg-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 53 | 						</div>
 54 | 					</div>
 55 | 				</div>
 56 | 			</div>
 57 | 		</section>
 58 | 
 59 | 		<section className="sec_2"> 
 60 | 			<div className="sec_bg py-5">
 61 | 				<div className="container d-flex justify-content-center align-items-center">
 62 | 					<div className="col-12 col-md-9 col-lg-6 text-center py-3">
 63 | 						<p className="display-6 mb-1 text-white">Our Brand Partner</p>
 64 | 						<img className="image-fluid py-3" alt="brand" width="40%" src={web} />
 65 | 						<p className="text-white lead">Lorem Ipsum is simply dummy text of the printing industry.</p>
 66 | 					</div>
 67 | 				</div>
 68 | 			</div>
 69 | 		</section>
 70 | 
 71 | 		<section> 
 72 | 			<div className="container mx-auto py-5">
 73 | 				<div className="mb-5 text-center">
 74 | 					<p className="display-6 mb-1">Our Products</p>
 75 | 					<p className="text-muted">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 76 | 				</div>
 77 | 				<div className="row gy-3 d-flex align-items-center justify-content-evenly">
 78 | 					<div className="col-md-3 text-center">
 79 | 						<div className="snip1534">
 80 | 							<img className="img-fluid" alt="product1"  src={product1} />
 81 | 							<div className="img_caption">
 82 | 								<h6>Demo Product</h6>
 83 | 							</div>
 84 | 						</div>
 85 | 					</div>
 86 | 					<div className="col-md-3 text-center">
 87 | 						<div className="snip1534">
 88 | 							<img className="img-fluid" alt="product2" src={product1} />
 89 | 							<div className="img_caption">
 90 | 								<h6>Demo Product</h6>
 91 | 							</div>
 92 | 						</div>
 93 | 					</div>
 94 | 					<div className="col-md-3 text-center">
 95 | 						<div className="snip1534">
 96 | 							<img className="img-fluid" alt="product3" src={product1} />
 97 | 							<div className="img_caption">
 98 | 								<h6>Demo Product</h6>
 99 | 							</div>
100 | 						</div>
101 | 					</div>
102 | 				</div>
103 | 			</div>
104 | 		</section>
105 | 
106 | 		<section className="bg-light"> 
107 | 			<div className="container mx-auto py-5">
108 | 				<div className="mb-5 text-center">
109 | 					<p className="display-6 mb-1">We Worked With...</p>
110 | 					<p className="text-muted">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
111 | 				</div>
112 | 				<div className="row gy-2 brands_logo d-flex align-items-center justify-content-evenly col-md-7 m-auto">
113 | 					<div className="col-md-3 col-4 col-lg-4 text-center">
114 | 						<img className="img-fluid" alt="company1" src={work1} />
115 | 					</div>
116 | 					<div className="col-md-3 col-4 col-lg-4 text-center">
117 | 						<img className="img-fluid" alt="company2" src={work2} />
118 | 					</div>
119 | 					<div className="col-md-3 col-4 col-lg-4 text-center">
120 | 						<img className="img-fluid" alt="company3" src={work3} />
121 | 					</div>
122 | 					<div className="col-md-3 col-4 col-lg-4 text-center">
123 | 						<img className="img-fluid" alt="company4" src={work4} />
124 | 					</div>
125 | 				</div>
126 | 			</div>
127 | 		</section>
128 | 
129 | 		<section> 
130 | 			<div className="py-5">
131 | 				<div className="container d-flex justify-content-center align-items-center">
132 | 					<div className="col-12 col-md-9 col-lg-6 py-5 text-center">
133 | 						<p className="display-6 mb-1">Work with an elite team of thinkers.</p>
134 | 						<p className="text-muted">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
135 | 						<button className="btn p-2 btn_custom col-lg-3 col-md-5 col-6">GET IN TOUCH</button>
136 | 					</div>
137 | 				</div>
138 | 			</div>
139 | 		</section>
140 | 
141 | 		</>
142 | 	);
143 | };
144 | 
145 | export default Home;


--------------------------------------------------------------------------------
/src/pages/Service.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import {NavLink} from "react-router-dom";
 3 | import Secheader from "./common/Secondaryheader";
 4 | import Data from "../data/Servicesdata";
 5 | 
 6 | const Scards = (props) => {
 7 | 	return (
 8 | 			<div className="col-md-4 col-lg-4 mb-3 text-center">
 9 | 				<div className="box_border col-lg-9 p-3 pt-4 m-auto rounded">
10 | 					<img src={props.scardimage} className="img-fluid mb-2" alt="cards" width="20%" />
11 | 					<p className="my-2">{props.scardtitle}</p>
12 | 					<p className="text-muted text-left text-xl-center text-lg-center">{props.scarddesc}</p>
13 | 				</div>
14 | 			</div>
15 | 		);
16 | };
17 | 
18 | const Service = () => {
19 | 	return (
20 | 		<>
21 | 
22 | 			<Secheader 
23 | 				sectitle="Services" 
24 | 				secdesc="Lorem Ipsum is simply random text." 
25 | 			/>
26 | 
27 | 			<section> 
28 | 				<div className="container mx-auto py-5">
29 | 					<div className="mb-5 text-center">
30 | 						<p className="display-6 mb-1">Services We Provide</p>
31 | 						<p className="text-muted">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
32 | 					</div>
33 | 					<div className="row d-flex items-align-center justify-content-evenly">
34 | 						{
35 | 							Data.map((val, ind) => {
36 | 								return <Scards key={ind}
37 | 									scardimage={val.scardimage}
38 | 									scardtitle={val.scardtitle}
39 | 									scarddesc={val.scarddesc}
40 | 								/>
41 | 							})
42 | 						}
43 | 					</div>
44 | 				</div>
45 | 			</section>
46 | 
47 | 			<section className="bg-light">
48 | 				<div className="container py-5 text-center">
49 | 					<p className="display-6">Not quite sure yet ?</p>
50 | 					<p className="text-muted">Why not visit our <NavLink className="text-decoration-none" to="/contact">contact page</NavLink>, we would love to chat with you!</p>
51 | 				</div>
52 | 			</section>
53 | 		</>
54 | 	);
55 | };
56 | 
57 | export default Service;


--------------------------------------------------------------------------------
/src/pages/common/Footer.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import TwitterIcon from '@material-ui/icons/Twitter';
 3 | import LinkedInIcon from '@material-ui/icons/LinkedIn';
 4 | import GitHubIcon from '@material-ui/icons/GitHub';
 5 | 
 6 | const Footer = () => {
 7 | 	return (
 8 | 		<>
 9 | 			<footer>
10 | 				<div className="container d-lg-flex align-items-center justify-content-between py-3 small text-center">
11 | 					<div className="text-white small">Copyright © 2020 AdarshJaso - All rights reserved</div>
12 | 					<div className="text-white">
13 | 						<span className="mx-2"><TwitterIcon fontSize="small" /></span>
14 | 						<span className="mx-2"><LinkedInIcon fontSize="small" /></span>
15 | 						<span className="mx-2"><GitHubIcon fontSize="small" /></span>
16 | 					</div>
17 | 				</div>
18 | 			</footer>
19 | 		</>
20 | 	);
21 | };
22 | 
23 | export default Footer;


--------------------------------------------------------------------------------
/src/pages/common/Navbar.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import {NavLink} from "react-router-dom";
 3 | import logo from "../../images/main.svg"
 4 | import MenuIcon from '@material-ui/icons/Menu';
 5 | import HomeIcon from '@material-ui/icons/Home';
 6 | import PeopleIcon from '@material-ui/icons/People';
 7 | import HeadsetIcon from '@material-ui/icons/Headset';
 8 | import WorkIcon from '@material-ui/icons/Work';
 9 | import DvrIcon from '@material-ui/icons/Dvr';
10 | 
11 | const Navbar = () => {
12 | 	return(
13 | 		<>
14 | 		<div className="container-fluid navigation_bar">
15 | 			<nav className="navscroll navbar fixed-top navbar-expand-lg navbar-light py-2 px-3">
16 | 				<div className="container">
17 | 				  <NavLink className="navbar-brand" to="/"><img src={logo} alt="logo1" className="img-fluid" width="160" /></NavLink>
18 | 				  <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
19 | 				    <span className="text-white"><MenuIcon style={{ fontSize: 35 }} /></span>
20 | 				  </button>
21 | 				  <div className="collapse navbar-collapse" id="navbarSupportedContent">
22 | 				    <ul className="navbar-nav ml-auto">
23 | 				      <li className="nav-item active">
24 | 				        <NavLink exact className="nav-link" to="/"><span className="d-lg-none d-xl-none mr-3"><HomeIcon /></span>Home<span className="sr-only">(current)</span></NavLink>
25 | 				      </li>
26 | 				      <li className="nav-item">
27 | 				        <NavLink exact className="nav-link" to="/service"><span className="d-lg-none d-xl-none mr-3"><DvrIcon /></span>Services</NavLink>
28 | 				      </li>
29 | 				      <li className="nav-item">
30 | 				        <NavLink exact className="nav-link" to="/career"><span className="d-lg-none d-xl-none mr-3"><WorkIcon /></span>Career</NavLink>
31 | 				      </li>
32 | 				      <li className="nav-item">
33 | 				        <NavLink exact className="nav-link" to="/about"><span className="d-lg-none d-xl-none mr-3"><PeopleIcon /></span>About</NavLink>
34 | 				      </li>
35 | 				      <li className="nav-item">
36 | 				        <NavLink exact className="nav-link" to="/contact"><span className="d-lg-none d-xl-none mr-3"><HeadsetIcon /></span>Contact</NavLink>
37 | 				      </li>
38 | 				    </ul>
39 | 				  </div>
40 | 				</div>
41 | 			</nav>
42 | 		</div>
43 | 		</>
44 | 	);
45 | };
46 | 
47 | export default Navbar;


--------------------------------------------------------------------------------
/src/pages/common/Secondaryheader.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const Secheader = (props) => {
 4 | 	return (
 5 | 		<>
 6 | 			<div className="sec_hdr">
 7 | 				<div className="secondary_header sec_bg d-flex justify-content-center align-items-center flex-column">
 8 | 					<h2 className="hdrcolor">{props.sectitle}</h2>	
 9 | 					<h5 className="text-white lead px-4 text-center">{props.secdesc}</h5>
10 | 				</div>
11 | 			</div>
12 | 		</>
13 | 	);
14 | };
15 | 
16 | export default Secheader;


--------------------------------------------------------------------------------
/src/scss/component.scss:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap");
  2 | 
  3 | @import "../../node_modules/bootstrap/scss/_functions.scss";
  4 | @import "../../node_modules/bootstrap/scss/_variables.scss";
  5 | @import "../../node_modules/bootstrap/scss/mixins/_breakpoints.scss";
  6 | 
  7 | * {
  8 |   margin: 0;
  9 |   padding: 0;
 10 |   font-family: "Mulish", sans-serif;
 11 | }
 12 | 
 13 | html {
 14 |   scroll-behavior: smooth;
 15 | }
 16 | 
 17 | /* BUTTON-DEFAULT */
 18 | 
 19 | .btn:focus {
 20 |   outline: 0 !important;
 21 |   box-shadow: none !important;
 22 | }
 23 | 
 24 | /* NAVBAR-DEFAULT */
 25 | 
 26 | .navigation_bar {
 27 | 
 28 |     @include media-breakpoint-up(lg) {
 29 |       .navscroll.scrolled {
 30 |           background-color: #121212 !important;
 31 |           transition: background-color 400ms linear;
 32 |     }
 33 |   }
 34 | 
 35 |     @include media-breakpoint-down(md) {
 36 |       .navscroll {
 37 |         background-color: #121212 !important;
 38 |     }
 39 |   }
 40 | 
 41 |   @include media-breakpoint-between(md, lg) {
 42 |       .navscroll {
 43 |         background-color: #121212 !important;
 44 |     }
 45 |   }
 46 |   
 47 |   .navbar-light {
 48 |     .navbar-toggler {
 49 |       border-color: transparent !important;
 50 |       &:focus {
 51 |         box-shadow: none !important;
 52 |       }
 53 |     }
 54 |     .navbar-nav .nav-link {
 55 |       color: white !important;
 56 |       &:focus {
 57 |         color: $orange !important;
 58 |       }
 59 |     }
 60 |   }
 61 | }
 62 | 
 63 | footer {
 64 |   background-color: #121212 !important;
 65 | }
 66 | 
 67 | /* NAVBAR SCROLL & FOOTER */
 68 | 
 69 | /* VARIABLES & MIXINS */
 70 | 
 71 | $orange: #ff4c00;
 72 | $white: #ffffff;
 73 | @mixin background-image {
 74 |   background-repeat: no-repeat;
 75 |   background-size: cover;
 76 | }
 77 | 
 78 | .hdrcolor {
 79 |   color: $orange;
 80 | }
 81 | 
 82 | .btn_custom {
 83 |   background-color: $orange !important;
 84 |   color: white !important;
 85 |   border-radius: 2px !important;
 86 |   min-width: 80px;
 87 | }
 88 | 
 89 | .btn_shadow {
 90 |   box-shadow: 0 4px 10px -5px rgba(0, 0, 0, 0.8) !important;
 91 | }
 92 | 
 93 | .box_border {
 94 |   border: solid 1px #ececec !important;
 95 | }
 96 | 
 97 | .sec_bg {
 98 |   background: rgba(0,0,0,.4);
 99 | }
100 | 
101 | .secondary_header {
102 |   height: 300px;
103 |   width: 100%;
104 | }
105 | 
106 | .sec_hdr {
107 |   background-image: url("../images/22.jpg");
108 |   @include background-image;
109 | }
110 | 
111 | /* HOME PAGE */
112 | 
113 | .sec_1 {
114 |   background-image: url("../images/44.jpg");
115 |   @include background-image;
116 |   .header_height {
117 |     height: 100vh;
118 |   }
119 | }
120 | 
121 | .sec_2 {
122 |   background-image: url("../images/22.jpg");
123 |   @include background-image;
124 | }
125 | 
126 | .brands_logo div {
127 |   max-width: 150px !important;
128 | }
129 | 
130 | .shp {
131 |   width: 84px;
132 |   height: 84px;
133 |   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
134 |   text-align: center;
135 |   line-height: 84px;
136 |   position: absolute;
137 |   top: -42px;
138 |   left: 50%;
139 |   margin-left: -42px;
140 |   background: $orange;
141 |   color: $white;
142 | }
143 | 
144 | .snip1534 {
145 |   position: relative;
146 |   display: inline-block;
147 |   overflow: hidden;
148 |   min-width: 230px;
149 |   width: 100%;
150 |   color: $white;
151 |   text-align: left;
152 |   font-size: 16px;
153 |   background-color: #000000;
154 |   * {
155 |     -webkit-box-sizing: border-box;
156 |     box-sizing: border-box;
157 |     -webkit-transition: all 0.45s ease;
158 |     transition: all 0.45s ease;
159 |   }
160 |   a {
161 |     position: absolute;
162 |     top: 0;
163 |     bottom: 0;
164 |     left: 0;
165 |     right: 0;
166 |     z-index: 1;
167 |   }
168 |   img {
169 |     vertical-align: top;
170 |     max-width: 100%;
171 |     backface-visibility: hidden;
172 |     -webkit-filter: grayscale(100%);
173 |     filter: grayscale(100%);
174 |     opacity: 0.75;
175 |     &:hover {
176 |       opacity: 1;
177 |       -webkit-filter: grayscale(0%);
178 |       filter: grayscale(0%);
179 |     }
180 |   }
181 |   .img_caption {
182 |     z-index: 1;
183 |     align-items: center;
184 |     position: absolute;
185 |     width: 100%;
186 |     bottom: 0;
187 |     display: flex;
188 |     flex-direction: column;
189 |     justify-content: center;
190 |     background-color: rgba(255, 76, 0, 0.85);
191 |     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
192 |     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
193 |     padding: 20px;
194 |     &::before {
195 |       content: "";
196 |       width: 20px;
197 |       height: 20px;
198 |       background-color: $white;
199 |       top: -20px;
200 |       bottom: 0;
201 |       left: 50%;
202 |       -webkit-transform: translate(-50%, 50%) rotate(45deg);
203 |       transform: translate(-50%, 50%) rotate(45deg);
204 |       position: absolute;
205 |     }
206 |   }
207 | }
208 | 
209 | /* SERVICE PAGE */
210 | 
211 | /* CAREER PAGE */
212 | 
213 | .career_life {
214 |   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
215 |   background-color: $orange;
216 |   height: 100%;
217 |   padding: 15px;
218 |   margin: auto 20px;
219 |   color: $white;
220 | }
221 | 
222 | /* ABOUT PAGE */
223 | 
224 | /* CONTACT PAGE */
225 | 
226 | form {
227 |   input {
228 |     height: 55px !important;
229 |   }
230 |   input,
231 |   textarea {
232 |     outline: 0 !important;
233 |     box-shadow: none !important;
234 |     border: solid 1px #ececec !important;
235 |   }
236 |   .form_textarea {
237 |     max-height: 130px;
238 |     height: 130px !important;
239 |   }
240 | }
241 | 


--------------------------------------------------------------------------------