├── public
    ├── styles.css
    ├── robots.txt
    ├── favicon.ico
    ├── logo192.png
    ├── logo512.png
    ├── manifest.json
    └── index.html
├── src
    ├── components
    │   ├── messageBox.jpg
    │   ├── news.js
    │   ├── careers.js
    │   ├── clients.js
    │   ├── footer.js
    │   ├── about.js
    │   ├── contact.js
    │   ├── service.js
    │   └── home.js
    ├── App.css
    ├── setupTests.js
    ├── header.css
    ├── reportWebVitals.js
    ├── index.js
    ├── App.js
    ├── Header.js
    └── styles.js
├── .gitignore
├── debug.log
├── package.json
├── README.md
└── .eslintcache


/public/styles.css:
--------------------------------------------------------------------------------
1 | body{
2 |     background:linear-gradient(550deg,#fff,#a3a3a3)
3 | }
4 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devcreatives/DevCreatives-Website/master/public/favicon.ico


--------------------------------------------------------------------------------
/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devcreatives/DevCreatives-Website/master/public/logo192.png


--------------------------------------------------------------------------------
/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devcreatives/DevCreatives-Website/master/public/logo512.png


--------------------------------------------------------------------------------
/src/components/messageBox.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devcreatives/DevCreatives-Website/master/src/components/messageBox.jpg


--------------------------------------------------------------------------------
/src/components/news.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | function news() {
 4 |     return (
 5 |         <div>
 6 |             This is News Page
 7 |             
 8 |         </div>
 9 |     )
10 | }
11 | 
12 | export default news;
13 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | #logoTextOnContactPage {
 2 |   padding-top: 25px;
 3 |   padding-bottom: 35px;
 4 |   box-shadow: 0 5px 5px -4px grey;
 5 | }
 6 | 
 7 | .contactPageBottomContent {
 8 |   padding-top: 50px;
 9 |   padding-bottom: 35px;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/components/careers.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | function careers() {
 4 |     return (
 5 |         <div>
 6 |             This is Careers Page
 7 |             
 8 |         </div>
 9 |     )
10 | }
11 | 
12 | export default careers;
13 | 


--------------------------------------------------------------------------------
/src/components/clients.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | function clients() {
 4 |     return (
 5 |         <div>
 6 |             This is Clients Page
 7 |             
 8 |         </div>
 9 |     )
10 | }
11 | 
12 | export default clients;
13 | 


--------------------------------------------------------------------------------
/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 | 


--------------------------------------------------------------------------------
/src/header.css:
--------------------------------------------------------------------------------
 1 | 
 2 | a{
 3 |     text-decoration: none;
 4 | }
 5 | ul{
 6 |     display: flex;
 7 |     flex-direction: row;
 8 |     list-style: none;
 9 |     padding:0px;
10 |     align-items: inherit;
11 | 
12 | }
13 | 
14 | li{
15 |     padding :15px;
16 |     margin:auto;
17 |     
18 | }


--------------------------------------------------------------------------------
/.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 | 


--------------------------------------------------------------------------------
/src/reportWebVitals.js:
--------------------------------------------------------------------------------
 1 | const reportWebVitals = onPerfEntry => {
 2 |   if (onPerfEntry && onPerfEntry instanceof Function) {
 3 |     import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
 4 |       getCLS(onPerfEntry);
 5 |       getFID(onPerfEntry);
 6 |       getFCP(onPerfEntry);
 7 |       getLCP(onPerfEntry);
 8 |       getTTFB(onPerfEntry);
 9 |     });
10 |   }
11 | };
12 | 
13 | export default reportWebVitals;
14 | 


--------------------------------------------------------------------------------
/debug.log:
--------------------------------------------------------------------------------
1 | [0104/105701.416:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
2 | [0125/192244.234:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
3 | [0125/222729.740:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
4 | [0126/171751.669:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
5 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | 
 4 | import App from './App';
 5 | import reportWebVitals from './reportWebVitals';
 6 | 
 7 | ReactDOM.render(
 8 |   <React.StrictMode>
 9 |     <App />
10 |   </React.StrictMode>,
11 |   document.getElementById('root')
12 | );
13 | 
14 | // If you want to start measuring performance in your app, pass a function
15 | // to log results (for example: reportWebVitals(console.log))
16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
17 | reportWebVitals();
18 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/src/components/footer.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import {Grid, Typography,Container} from '@material-ui/core'
 3 | import useStyles from '../styles'
 4 | 
 5 | function Footer() {
 6 | 
 7 | const classes = useStyles();
 8 | 
 9 |     return (
10 |         <div >
11 | 
12 |         <Container className={classes.footer} >
13 |             <Grid container justify="center" alignItems="stretch">
14 |                 <Grid item lg={6} md={6} sm={12} xs={12}>
15 |                     <Typography variant="body2">Copyright © 2021 <strong>DevCreatives++.</strong> Designed by <strong>Muzamil Nawaz</strong></Typography>
16 |                 </Grid>
17 |                 <Grid item lg={6} md={6} sm={12} xs={12}>
18 |                     <Typography href="#" variant="body2"><a href="" >Terms & Conditions | Privacy Policy | Sitemap</a></Typography>
19 | 
20 |                 </Grid>
21 | 
22 |             </Grid>
23 |             </Container>
24 |         </div>
25 |     )
26 | }
27 | 
28 | export default Footer
29 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "devcreativeswebsite",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "@material-ui/core": "^4.11.2",
 7 |     "@testing-library/jest-dom": "^5.11.4",
 8 |     "@testing-library/react": "^11.1.0",
 9 |     "@testing-library/user-event": "^12.1.10",
10 |     "bootstrap": "^4.5.3",
11 |     "jquery": "^3.5.1",
12 |     "react": "^17.0.1",
13 |     "react-bootstrap": "^1.4.0",
14 |     "react-dom": "^17.0.1",
15 |     "react-router-dom": "^5.2.0",
16 |     "react-scripts": "4.0.1",
17 |     "web-vitals": "^0.2.4"
18 |   },
19 |   "scripts": {
20 |     "start": "react-scripts start",
21 |     "build": "react-scripts build",
22 |     "test": "react-scripts test",
23 |     "eject": "react-scripts eject"
24 |   },
25 |   "eslintConfig": {
26 |     "extends": [
27 |       "react-app",
28 |       "react-app/jest"
29 |     ]
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 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import './App.css';
 3 | import Header from './Header.js'
 4 | import {Container} from '@material-ui/core'
 5 | import useStyles from './styles'
 6 | import {BrowserRouter as Router,Route} from 'react-router-dom'
 7 | 
 8 | import ServiceComponent from './components/service'
 9 | import HomeComponent from './components/home'
10 | import AboutComponent from './components/about'
11 | import CareersComponent from './components/careers'
12 | import ClientsComponent from './components/clients'
13 | import NewsComponent from './components/news'
14 | import ContactComponent from './components/contact'
15 | import "bootstrap/dist/css/bootstrap.min.css";
16 | import "bootstrap/dist/js/bootstrap.min.js";
17 | import Footer from './components/footer'
18 | 
19 | 
20 | function App() {
21 | const classes = useStyles();
22 | 
23 |   return (
24 |     <Router>
25 |       <Container className={classes.root} maxWidth="md">
26 |         {/* Header  */}
27 |         <Header />
28 |         <Route path="/"  exact component = {HomeComponent} />
29 |         <Route path="/home"  exact component = {HomeComponent} />
30 |         <Route path="/about" component = {AboutComponent} />
31 |         <Route path="/careers" component = {CareersComponent} />
32 |         <Route path="/clients" component = {ClientsComponent} />
33 |         <Route path="/news" component = {NewsComponent} />
34 |         <Route path="/contact" component = {ContactComponent} />
35 |         
36 |         <Route path="/services" component = {ServiceComponent} />
37 |         <Footer />
38 |       </Container>
39 |       </Router>
40 |   );
41 | }
42 | 
43 | export default App;
44 | 


--------------------------------------------------------------------------------
/src/Header.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import './header.css'
 3 | import {Link} from 'react-router-dom'
 4 | import useStyles from './styles'
 5 | import {Nav,Navbar} from 'react-bootstrap'
 6 | 
 7 | 
 8 | function Header() {
 9 | const classes = useStyles();
10 | 
11 |     return (
12 | 
13 |         <Navbar className={classes.header}  expand="lg">
14 |             <Navbar.Brand className={classes.brand} href="/home"  >DevCreatives++</Navbar.Brand>
15 |             <Navbar.Toggle aria-controls="basic-navbar-nav" />
16 |             <Navbar.Collapse id="basic-navbar-nav">
17 |                 <Nav className="mr-auto">
18 |                 <ul className="navbar-nav me-auto mb-2 mb-lg-0">
19 |                 
20 |                         <li className="nav-item"><Link to='/home'>Home </Link></li> 
21 |                         <li className="nav-item"><Link to='/about'>About us </Link></li> 
22 |                         <li className="nav-item"><Link to='/services'>Services</Link></li> 
23 |                         <li className="nav-item"><Link to='/careers'>Careers</Link></li> 
24 |                         <li className="nav-item"><Link to='/support'>Support</Link></li> 
25 |                         <li className="nav-item"><Link to='/partners'>Partners</Link></li> 
26 |                         <li className="nav-item"><Link to='/clients'>Clients</Link></li> 
27 |                         <li className="nav-item"><Link to='/news'>News</Link></li> 
28 |                         <li className="nav-item"><Link to='/contact'>Contact us</Link></li> 
29 | 
30 |                     </ul>
31 |                 </Nav>
32 |     
33 |              </Navbar.Collapse>
34 |         </Navbar>
35 |     )
36 | }
37 | 
38 | export default Header
39 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |       name="description"
10 |       content="Web site created using create-react-app"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <link rel="stylesheet" href="./styles.css"/>
14 |     <!--
15 |       manifest.json provides metadata used when your web app is installed on a
16 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
17 |     -->
18 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
19 |     
20 |     <!--
21 |       Notice the use of %PUBLIC_URL% in the tags above.
22 |       It will be replaced with the URL of the `public` folder during the build.
23 |       Only files inside the `public` folder can be referenced from the HTML.
24 | 
25 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
26 |       work correctly both with client-side routing and a non-root public URL.
27 |       Learn how to configure a non-root public URL by running `npm run build`.
28 |     -->
29 |     <title>React App</title>
30 |   </head>
31 |   <body>
32 |     <noscript>You need to enable JavaScript to run this app.</noscript>
33 |     <div id="root"></div>
34 |     <!--
35 |       This HTML file is a template.
36 |       If you open it directly in the browser, you will see an empty page.
37 | 
38 |       You can add webfonts, meta tags, or analytics to this file.
39 |       The build step will place the bundled scripts into the <body> tag.
40 | 
41 |       To begin the development, run `npm start` or `yarn start`.
42 |       To create a production bundle, use `npm run build` or `yarn build`.
43 |     -->
44 |   </body>
45 | </html>
46 | 


--------------------------------------------------------------------------------
/src/styles.js:
--------------------------------------------------------------------------------
  1 | import { makeStyles } from "@material-ui/core/styles";
  2 | import box from "./components/messageBox.jpg";
  3 | 
  4 | const UseStyles = makeStyles((theme) => ({
  5 |   root: {
  6 |     background: "white",
  7 |   },
  8 |   header: {
  9 |     fontSize: 14,
 10 |     fontWeight: "30px",
 11 | 
 12 |     borderRadius: "20px",
 13 |     border: 10,
 14 |     boxShadow: "0 3px 3px",
 15 |     background: "transparent",
 16 |   },
 17 |   appbar: {
 18 |     border: "0",
 19 |   },
 20 |   homeContent: {
 21 |     border: 5,
 22 |   },
 23 |   brand: {
 24 |     color: "white",
 25 |   },
 26 |   detailsPart: {
 27 |     topMargin: "10px",
 28 |     padding: "auto",
 29 |     width: "100%",
 30 |     height: "auto",
 31 |   },
 32 | 
 33 |   title: {
 34 |     color: "green",
 35 |   },
 36 |   webName: {
 37 |     marginLeft: theme.spacing(10),
 38 |     marginTop: theme.spacing(10),
 39 |     fontSize: "50px",
 40 |   },
 41 |   imageBox: {
 42 |     marginTop: theme.spacing(5),
 43 |     blockSize: "fit-content",
 44 |   },
 45 |   image: {
 46 |     marginTop: theme.spacing(5),
 47 |     height: "auto",
 48 |     width: "100%",
 49 |   },
 50 |   imageDetails: {
 51 |     maxWidth: "fit-content",
 52 |     blockSize: "fit-content",
 53 |     height: "50px",
 54 |     marginTop: theme.spacing(5),
 55 |     marginLeft: theme.spacing(5),
 56 |   },
 57 |   gridItem: {
 58 |     maxWidth: "fit-content",
 59 |     blockSize: "fit-content",
 60 |   },
 61 |   siteDesc: {
 62 |     marginTop: theme.spacing(2),
 63 |     padding: theme.spacing(2),
 64 | 
 65 |     width: "100%",
 66 |     height: "auto",
 67 |   },
 68 |   news: {
 69 |     marginTop: theme.spacing(2),
 70 |   },
 71 |   credits: {
 72 |     display: "flex",
 73 |     flexDirection: "column",
 74 |   },
 75 |   creditsImage: {
 76 |     marginTop: theme.spacing(4),
 77 |     width: "40%",
 78 |     height: "40%",
 79 |   },
 80 |   creditsItem: {
 81 |     display: "flex",
 82 |   },
 83 | 
 84 |   contactUsParagraph: {
 85 |     marginTop: theme.spacing(2),
 86 |   },
 87 | 
 88 |   contactUsSalesInquiriesPara: {
 89 |     marginTop: theme.spacing(1),
 90 |   },
 91 | 
 92 |   contactUsSalesInquiriesParaEmail: {
 93 |     marginTop: theme.spacing(0.5),
 94 |     marginBottom: theme.spacing(4),
 95 |   },
 96 | 
 97 |   inputFieldTitle: {
 98 |     marginTop: theme.spacing(2),
 99 |     marginBottom: theme.spacing(1),
100 |   },
101 | 
102 |   contactUsSubmitButton: {
103 |     backgroundColor: "black",
104 |     padding: "4px 12px",
105 | 
106 |     marginTop: theme.spacing(2),
107 |     color: "white",
108 |     border: "none",
109 |     fontWeight: "bold",
110 |   },
111 |   divider: {
112 |     marginTop: theme.spacing(0),
113 |     marginBottom: theme.spacing(2),
114 |   },
115 |   contactInputField: {
116 |     width: "300",
117 |   },
118 | 
119 |   footerText: {
120 |     fontSize: 11,
121 |     fontWeight: "bold",
122 |     marginTop: theme.spacing(2),
123 |     display: "inLine",
124 |   },
125 | }));
126 | 
127 | export default UseStyles;
128 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Getting Started with Create React App
 2 | 
 3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 4 | 
 5 | ## Available Scripts
 6 | 
 7 | In the project directory, you can run:
 8 | 
 9 | ### `yarn start`
10 | 
11 | Runs the app in the development mode.\
12 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
13 | 
14 | The page will reload if you make edits.\
15 | You will also see any lint errors in the console.
16 | 
17 | ### `yarn test`
18 | 
19 | Launches the test runner in the interactive watch mode.\
20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
21 | 
22 | ### `yarn build`
23 | 
24 | Builds the app for production to the `build` folder.\
25 | It correctly bundles React in production mode and optimizes the build for the best performance.
26 | 
27 | The build is minified and the filenames include the hashes.\
28 | Your app is ready to be deployed!
29 | 
30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
31 | 
32 | ### `yarn eject`
33 | 
34 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
35 | 
36 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
37 | 
38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
39 | 
40 | You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
41 | 
42 | ## Learn More
43 | 
44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
45 | 
46 | To learn React, check out the [React documentation](https://reactjs.org/).
47 | 
48 | ### Code Splitting
49 | 
50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
51 | 
52 | ### Analyzing the Bundle Size
53 | 
54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
55 | 
56 | ### Making a Progressive Web App
57 | 
58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
59 | 
60 | ### Advanced Configuration
61 | 
62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
63 | 
64 | ### Deployment
65 | 
66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
67 | 
68 | ### `yarn build` fails to minify
69 | 
70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
71 | 


--------------------------------------------------------------------------------
/src/components/about.js:
--------------------------------------------------------------------------------
  1 | import React,{useState} from 'react'
  2 | import Typography from '@material-ui/core/Typography'
  3 | import useStyles from '../styles'
  4 | import {Grid, } from '@material-ui/core';
  5 | import Paper from '@material-ui/core/Paper';
  6 | 
  7 | 
  8 | 
  9 | const NewsComponent = (props) =>{
 10 |     const classes = useStyles();
 11 |     
 12 |         return (
 13 |          <div className={classes.news}>
 14 |              <Typography variant="subtitle1" ><strong>{props.newsDate}</strong></Typography>
 15 |              <Typography variant="subtitle3">{props.title}</Typography>
 16 |              <Typography variant="subtitle3">{props.subTitle}</Typography>
 17 |     
 18 |              
 19 |          </div>   
 20 |         )
 21 |     }
 22 | 
 23 | function About() {
 24 | const classes = useStyles();
 25 | 
 26 | 
 27 | 
 28 | const newsArray = [{
 29 |     "newsDate":"May 12, 2020",
 30 |     "title":"Donec molestie bibendum sem.",
 31 |     "subTitle":"Aenean libero metus."
 32 | },
 33 | {
 34 |    "newsDate":"May 12, 2020",
 35 |     "title":"Donec molestie bibendum sem.",
 36 |     "subTitle":"Aenean libero metus."
 37 | },
 38 | {
 39 |     "newsDate":"May 12, 2020",
 40 |     "title":"Donec molestie bibendum sem.",
 41 |     "subTitle":"Aenean libero metus."
 42 | }
 43 | ];
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | const [publishedNews,setPublishedNews] = useState(newsArray);
 50 | 
 51 | const publishNews = () =>{
 52 |     return ( publishedNews.map(news => {
 53 |         return <NewsComponent newsDate={news.newsDate} title={news.title} subTitle = {news.subTitle} />
 54 |     })
 55 | 
 56 |     );
 57 | }
 58 | 
 59 | 
 60 | 
 61 | return(
 62 | <div className={classes.homeContent}>
 63 |     <div className={classes.detailsPart}>
 64 |         <Grid  container direction="row" justify="left" spacing='1'>  
 65 |             <Grid  item lg={4} md={4} sm={12} xs={12}>
 66 |                 <Grid  container direction="row" justify="left" alignItems="stretch" spacing='3'>
 67 |                     <Grid  item lg={12} md={6} sm={6} xs={6} className={classes.webName}>
 68 |                         <Typography variant="h4" >Dev<strong className={classes.title}>Cr</strong>eatives++ </Typography>
 69 |                         <Typography variant="body1">IT Solutions</Typography>  
 70 |                     </Grid>
 71 |                 </Grid>
 72 |             </Grid>
 73 |         </Grid>
 74 |         <div>
 75 |             <Grid container spacing={3}>
 76 |                 <Grid item xs={7}>
 77 |                     <Paper className={classes.paper}>
 78 |                     <div id="mainarea">
 79 | 				   
 80 | 						<h1>About Our Company</h1>
 81 | 
 82 |                         <p>
 83 | 						<a href="#"><img height="107" align="left" border="0" width="165" src="https://material-ui.com/static/images/cards/contemplative-reptile.jpg" alt="image1" class="floatleft"/></a>
 84 | 						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, erat dictum finibus euismod, magna enim tristique lacus, eu mollis risus ex at justo. Nullam id mauris et velit finibus posuere. Vestibulum lobortis cursus venenatis. Donec feugiat magna et ex interdum, vel elementum diam tristique. Maecenas augue turpis, fermentum vel auctor at, consectetur ac lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at felis consequat turpis volutpat lacinia. In tristique risus et ipsum rhoncus finibus. Integer mattis nisl vitae hendrerit aliquet. Pellentesque ac odio sapien.	Lorem ipsum dolor sit amet, consectetur adipiscing elit. t amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.	
 85 | 					    </p>
 86 |                        
 87 | 				</div>
 88 |                     </Paper>
 89 |                 </Grid>
 90 |                 <Grid item xs={5}>
 91 |                     <Paper className={classes.paper}>
 92 |                     <div class="floatright" id="sidearea">
 93 | 					  <h1>Latest News!</h1><br/>
 94 |                       <Grid container>
 95 |                             <Grid item>
 96 |                                 <Typography variant="h5" >Latest News!</Typography>
 97 |                                 {publishNews()}
 98 | 
 99 |                             </Grid>
100 |                         </Grid>
101 | 					                         
102 | 				    </div> 
103 |                     </Paper>
104 |                 </Grid>
105 |             </Grid>
106 |         </div>
107 |     </div>
108 | </div>
109 | )
110 | }
111 | export default About;


--------------------------------------------------------------------------------
/src/components/contact.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import { Container } from "react-bootstrap";
  3 | import { Grid, Divider } from "@material-ui/core";
  4 | 
  5 | import Typography from "@material-ui/core/Typography";
  6 | import useStyles from "../styles";
  7 | 
  8 | function contact() {
  9 |   return (
 10 |     <container>
 11 |       <UpperLogoContainer />
 12 |       <ContactBottomGridSegment />
 13 |     </container>
 14 |   );
 15 | }
 16 | 
 17 | function UpperLogoContainer() {
 18 |   const classes = useStyles();
 19 |   return (
 20 |     <div id="logoTextOnContactPage">
 21 |       <Typography variant="h3">
 22 |         Sa<strong className={classes.title}>nt</strong>ao{" "}
 23 |       </Typography>
 24 |       <Typography variant="body2">SOFT CONSULTING</Typography>
 25 |     </div>
 26 |   );
 27 | }
 28 | 
 29 | function ContactBottomGridSegment() {
 30 |   const classes = useStyles();
 31 |   return (
 32 |     <div className="contactPageBottomContent">
 33 |       <Grid container direction="row" justify="space-between" spacing="1">
 34 |         <Grid item lg={7} md={7}>
 35 |           <Grid container alignItems="center">
 36 |             <Grid item>
 37 |               <Typography variant="h5">Contact Us</Typography>
 38 |               <div className={classes.contactUsParagraph}>
 39 |                 <Typography variant="h7">
 40 |                   Pellentesque habitant morbi tristique senectus et netus et
 41 |                   malesuada fames ac turpis egestas. Aenean ultricies mi vitae
 42 |                   est. Mauris placerat eleifend leo.
 43 |                 </Typography>
 44 | 
 45 |                 <Typography className={classes.inputFieldTitle}>
 46 |                   <strong>Name :</strong>
 47 |                 </Typography>
 48 | 
 49 |                 <input className={classes.contactInputField}></input>
 50 | 
 51 |                 <Typography className={classes.inputFieldTitle}>
 52 |                   <strong>E-Mail :</strong>
 53 |                 </Typography>
 54 |                 <input className={classes.contactInputField}></input>
 55 |                 <Typography className={classes.inputFieldTitle}>
 56 |                   <strong>Message :</strong>
 57 |                 </Typography>
 58 |                 <textarea className={classes.contactInputField}></textarea>
 59 |                 <div>
 60 |                   <button className={classes.contactUsSubmitButton}>
 61 |                     Submit
 62 |                   </button>
 63 |                 </div>
 64 |               </div>
 65 |             </Grid>
 66 |           </Grid>
 67 |         </Grid>
 68 |         <Grid item lg={4} md={4}>
 69 |           <Typography variant="h5">Sales Inquiries</Typography>
 70 |           <div className={classes.contactUsSalesInquiriesPara}>
 71 |             <Typography variant="h7">
 72 |               Pellentesque habitant morbi tristique senectus et netus et
 73 |               malesuada fames ac turpis egestas.
 74 |             </Typography>
 75 |             <Typography className={classes.contactUsSalesInquiriesParaEmail}>
 76 |               <strong>sales@yourdomainname.com</strong>
 77 |             </Typography>
 78 |           </div>
 79 |           <Typography variant="h5">Technical Support</Typography>
 80 |           <div className={classes.contactUsSalesInquiriesPara}>
 81 |             <Typography variant="h7">
 82 |               Current customers contact our technical support team.
 83 |             </Typography>
 84 |             <Typography className={classes.contactUsSalesInquiriesParaEmail}>
 85 |               <strong>support@yourdomainname.com</strong>
 86 |             </Typography>
 87 |           </div>
 88 |           <Typography variant="h5">Biz Development</Typography>
 89 |           <div className={classes.contactUsSalesInquiriesPara}>
 90 |             <Typography variant="h7">
 91 |               Contact our business development team today!
 92 |             </Typography>
 93 |             <Typography className={classes.contactUsSalesInquiriesParaEmail}>
 94 |               <strong>business@yourdomainname.com</strong>
 95 |             </Typography>
 96 |           </div>
 97 |         </Grid>
 98 |       </Grid>
 99 |       <Divider className={classes.divider}></Divider>
100 | 
101 |       <Grid container direction="row" justify="space-between" spacing="3">
102 |         <p className={classes.footerText}>
103 |           Copyright &copy; 2009 Evardo Web Consulting. Designed by Rashid Wassan{" "}
104 |         </p>
105 |         <p className={classes.footerText}>
106 |           Terms & Condition | Privacy Policy | Sitemap
107 |         </p>
108 |       </Grid>
109 |     </div>
110 |   );
111 | }
112 | 
113 | export default contact;
114 | 


--------------------------------------------------------------------------------
/src/components/service.js:
--------------------------------------------------------------------------------
 1 | import React,{useState} from 'react'
 2 | import Typography from '@material-ui/core/Typography'
 3 | import useStyles from '../styles'
 4 | import {Grid, } from '@material-ui/core';
 5 | import Paper from '@material-ui/core/Paper';
 6 | 
 7 | 
 8 | function Service() {
 9 | const classes = useStyles();
10 | 
11 | return(
12 | <div className={classes.homeContent}>
13 |     <div className={classes.detailsPart}>
14 |         <Grid  container direction="row" justify="left" spacing='1'>  
15 |             <Grid  item lg={4} md={4} sm={12} xs={12}>
16 |                 <Grid  container direction="row" justify="left" alignItems="stretch" spacing='3'>
17 |                     <Grid  item lg={12} md={6} sm={6} xs={6} className={classes.webName}>
18 |                         <Typography variant="h4" >Dev<strong className={classes.title}>Cr</strong>eatives++ </Typography>
19 |                         <Typography variant="body1">IT Solutions</Typography>  
20 |                     </Grid>
21 |                 </Grid>
22 |             </Grid>
23 |         </Grid>
24 |         <div>
25 |             <Grid container spacing={3}>
26 |                 <Grid item xs={7}>
27 |                     <Paper className={classes.paper}>
28 |                     <div id="mainarea">
29 | 				   
30 | 						<h1>H1 Heading</h1>
31 | 						<h2>H2 Heading</h2>
32 | 						<h3>H3 Heading</h3>
33 | 						<h4>H4 Heading</h4>
34 | 						<h5>H5 Heading</h5>
35 | 						<h6>H6 Heading</h6>
36 | 				
37 | 					<p>
38 | 						<a href="#"><img height="107" align="right" border="0" width="165" src="https://material-ui.com/static/images/cards/contemplative-reptile.jpg" alt="image1" class="floatright"/></a>
39 | 						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, erat dictum finibus euismod, magna enim tristique lacus, eu mollis risus ex at justo. Nullam id mauris et velit finibus posuere. Vestibulum lobortis cursus venenatis. Donec feugiat magna et ex interdum, vel elementum diam tristique. Maecenas augue turpis, fermentum vel auctor at, consectetur ac lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ligula nec leo ornare iaculis vitae nec ante. Sed aliquam turpis id purus convallis luctus. Maecenas congue tempor dapibus. Cras at placerat sapien. Donec vitae tellus sagittis, pulvinar nisi a, eleifend nibh. Donec at felis consequat turpis volutpat lacinia. In tristique risus et ipsum rhoncus finibus. Integer mattis nisl vitae hendrerit aliquet. Pellentesque ac odio sapien.			
40 | 					</p>
41 | 					<br class="clear"/>
42 | 					<p>
43 | 						<a href="#"><img height="107" align="left" border="0" width="165" src="https://material-ui.com/static/images/cards/contemplative-reptile.jpg" alt="image1" class="floatleft"/></a>
44 | 						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, erat dictum finibus euismod, magna enim tristique lacus, eu mollis risus ex at justo. Nullam id mauris et velit finibus posuere. Vestibulum lobortis cursus venenatis. Donec feugiat magna et ex interdum, vel elementum diam tristique. Maecenas augue turpis, fermentum vel auctor at, consectetur ac lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ligula nec leo ornare iaculis vitae nec ante. Sed aliquam turpis id purus convallis luctus. Maecenas congue tempor dapibus. Cras at placerat sapien. Donec vitae tellus sagittis, pulvinar nisi a, eleifend nibh. Donec at felis consequat turpis volutpat lacinia. In tristique risus et ipsum rhoncus finibus. Integer mattis nisl vitae hendrerit aliquet. Pellentesque ac odio sapien.		
45 | 					</p>
46 | 					<br class="clear"/>
47 | 					<p class="center"><a href="#"><img height="107" align="center" border="0" width="165" src="https://material-ui.com/static/images/cards/contemplative-reptile.jpg" alt="image1"/></a></p>			
48 | 					<p class="center">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>                        
49 | 				</div>
50 |                     </Paper>
51 |                 </Grid>
52 |                 <Grid item xs={5} container>
53 |                     <Paper className={classes.paper}>
54 |                     <div class="floatright" id="sidearea">
55 | 					  <p><strong>This is strong text</strong><br/>
56 | 						<em>This is emphasised text</em><br/>
57 | 						<acronym>This is an acronym or abbreviation</acronym><br/>
58 | 						<del>This is deleted text</del><br/>
59 | 						<a href="#">This is a link</a><br/>
60 | 						<code>This is code</code><br/></p>
61 | 						<ul>
62 | 							<li><a href="#">Unordered list with link</a>
63 | 								<ul>
64 | 									<li>List 1</li>
65 | 									<li>List 2</li>
66 | 								</ul>
67 | 							</li>
68 | 							<li>Item 1</li>
69 | 							<li>Item 2</li>
70 | 						</ul>
71 | 						<br/>
72 | 						<ol>
73 | 						<li><a href="#">Ordered list with link</a>
74 | 							<ol>
75 | 								<li>Aliquam tincidunt mauris eu risus.</li>
76 | 								<li>Vestibulum auctor dapibus neque.</li>
77 | 							</ol>
78 | 						</li>
79 | 						<li>Aliquam tincidunt mauris eu risus.</li>
80 | 						<li>Vestibulum auctor dapibus neque.</li>
81 | 					</ol>
82 | 					<br/>
83 | 					<dl>
84 | 						<dt>Definition Title</dt>
85 | 						<dd>Definition description goes here......</dd>
86 | 					</dl><br/>                         
87 | 				</div>
88 | 		{/*<!-- Sidearea Ends -->*/}    
89 |                     </Paper>
90 |                 </Grid>
91 |             </Grid>
92 |         </div>
93 |     </div>
94 | </div>
95 | )
96 | }
97 | export default Service;


--------------------------------------------------------------------------------
/src/components/home.js:
--------------------------------------------------------------------------------
  1 | import React,{useState} from 'react'
  2 | import Typography from '@material-ui/core/Typography'
  3 | import useStyles from '../styles'
  4 | import { Card, CardContent, CardMedia, Grid, CardActionArea } from '@material-ui/core';
  5 | 
  6 | 
  7 | const NewsComponent = (props) =>{
  8 | const classes = useStyles();
  9 | 
 10 |     return (
 11 |      <div className={classes.news}>
 12 |          <Typography variant="subtitle1" ><strong>{props.newsDate}</strong></Typography>
 13 |          <Typography variant="subtitle3">{props.title}</Typography>
 14 |          <Typography variant="subtitle3">{props.subTitle}</Typography>
 15 | 
 16 |          
 17 |      </div>   
 18 |     )
 19 | }
 20 | function Home() {
 21 | const classes = useStyles();
 22 | 
 23 | 
 24 |     const newsArray = [{
 25 |         "newsDate":"May 12, 2020",
 26 |         "title":"Donec molestie bibendum sem.",
 27 |         "subTitle":"Aenean libero metus."
 28 |     },
 29 |     {
 30 |        "newsDate":"May 12, 2020",
 31 |         "title":"Donec molestie bibendum sem.",
 32 |         "subTitle":"Aenean libero metus."
 33 |     },
 34 |     {
 35 |         "newsDate":"May 12, 2020",
 36 |         "title":"Donec molestie bibendum sem.",
 37 |         "subTitle":"Aenean libero metus."
 38 |     }
 39 | ];
 40 | 
 41 |     const [publishedNews,setPublishedNews] = useState(newsArray);
 42 | 
 43 |     const publishNews = () =>{
 44 |         return ( publishedNews.map(news => {
 45 |             return <NewsComponent newsDate={news.newsDate} title={news.title} subTitle = {news.subTitle} />
 46 |         })
 47 | 
 48 |         );
 49 |     }
 50 | 
 51 | 
 52 | 
 53 |     return (
 54 |         <div className={classes.homeContent}>
 55 |             <div className={classes.detailsPart}>
 56 |                 <Grid  container direction="row" justify="center" spacing='1'>  
 57 |                     <Grid  item lg={4} md={4} sm={12} xs={12}>
 58 |                         <Grid  container direction="row" justify="center" alignItems="stretch" spacing='3'>
 59 |                             <Grid  item lg={12} md={6} sm={6} xs={6} className={classes.webName}>
 60 |                             <Typography variant="h4" >Dev<strong className={classes.title}>Cr</strong>eatives++ </Typography>
 61 |                             <Typography variant="body1">IT Solutions</Typography>                     
 62 |             
 63 |                             </Grid>
 64 |                             <Grid  item lg={12} md={6} sm={8} xs={6}>
 65 |                                 <Card className={classes.imageDetails}>
 66 |                                     <CardContent elementType="p">
 67 |                                     GraphicRiver is a marketplace for buying and selling Royalty Free layered Adobe Photoshop Files, EPS Vector Graphics, Icons.
 68 |                                     </CardContent>
 69 |                                 </Card>
 70 |                             </Grid>
 71 |                         </Grid>
 72 |                     </Grid>
 73 |                     <Grid  item lg={8} md={6} sm={12} xs={12} >
 74 |                         <Card  className={classes.imageBox} >
 75 |                             
 76 |                                 <CardMedia
 77 |                                     component="img"
 78 |                                     image="https://material-ui.com/static/images/cards/contemplative-reptile.jpg"
 79 |                                     className={classes.image}
 80 |                                 />
 81 |                             
 82 |                         </Card>
 83 |                     </Grid>
 84 |                 </Grid>
 85 |             </div>
 86 |             <div className={classes.siteDesc}>
 87 |                 <Grid container direction="row" spacing={4}justify="center" alignContent="stretch"> 
 88 |                     <Grid item lg={3} md={3} sm={12} xs={12}>
 89 |                         <Grid container>
 90 |                             <Grid item>
 91 |                                 <Typography variant="h5" >Latest News!</Typography>
 92 |                                 {publishNews()}
 93 | 
 94 |                             </Grid>
 95 |                         </Grid>
 96 |                     </Grid>
 97 |                     <Grid item lg={5} md={6} sm={12} xs={12}>
 98 |                         <Grid container alignItems="center">
 99 |                             <Grid item>
100 |                                 <Typography variant="h5" >Welcome to our site!</Typography>
101 |                                 <div className={classes.news}>
102 |                                     <Typography  variant="h6" >Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</Typography>
103 |                                 </div>
104 |                                 <div className={classes.news}>
105 |                                     <Typography  variant="body2">Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</Typography>
106 |                                 </div>
107 |                                 <div className={classes.news}>
108 |                                     <Typography  variant="body2">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</Typography>
109 |                                 </div>
110 |                             </Grid>
111 |                         </Grid>
112 | 
113 |                     </Grid>
114 |                     <Grid item lg={4} md={3} sm={12} xs={12}>
115 |                      
116 |                                 <Typography variant="h5" >About us!</Typography>
117 |                                     <div className={classes.news}>
118 |                                         <div className={classes.credits}>
119 |                                             <Card className={classes.creditsItem}>
120 |                                                 <div className={classes.credits}>
121 |                                                     <CardContent >
122 |                                                         <Typography variant="BUTTON TEXT"><strong>Muzamil Nawaz</strong></Typography>
123 |                                                         <Typography variant="body2">Pellentesque habitant morbi tristique senectus et netus et malesuada.</Typography>
124 |                                                         
125 |                                                     </CardContent>
126 |                                                 </div>
127 |                                                 <CardMedia 
128 |                                                 component="img"
129 |                                                 image="https://material-ui.com/static/images/cards/contemplative-reptile.jpg"
130 |                                                 className={classes.creditsImage}
131 |                                                 />
132 |                                             </Card>
133 |                                             
134 |                                             <Card className={classes.creditsItem}>
135 |                                                 <div className={classes.credits}>
136 |                                                     <CardContent >
137 |                                                         <Typography variant="BUTTON TEXT"><strong>Muzamil Nawaz</strong></Typography>
138 |                                                         <Typography variant="body2">Pellentesque habitant morbi tristique senectus et netus et malesuada.</Typography>
139 |                                                         
140 |                                                     </CardContent>
141 |                                                 </div>
142 |                                                 <CardMedia 
143 |                                                 component="img"
144 |                                                 image="https://material-ui.com/static/images/cards/contemplative-reptile.jpg"
145 |                                                 className={classes.creditsImage}
146 |                                                 />
147 |                                             </Card>
148 |                                         </div>
149 |                                     </div>
150 |                                  </Grid>
151 | 
152 |                             </Grid>
153 |                         
154 |                   </div>
155 |                   </div>
156 |     )
157 | }
158 | 
159 | export default Home;
160 | 


--------------------------------------------------------------------------------
/.eslintcache:
--------------------------------------------------------------------------------
1 | [{"F:\\ReactJs\\DevCreatives-Website\\src\\index.js":"1","F:\\ReactJs\\DevCreatives-Website\\src\\App.js":"2","F:\\ReactJs\\DevCreatives-Website\\src\\reportWebVitals.js":"3","F:\\ReactJs\\DevCreatives-Website\\src\\Header.js":"4","F:\\ReactJs\\DevCreatives-Website\\src\\styles.js":"5","F:\\ReactJs\\DevCreatives-Website\\src\\components\\about.js":"6","F:\\ReactJs\\DevCreatives-Website\\src\\components\\service.js":"7","F:\\ReactJs\\DevCreatives-Website\\src\\components\\home.js":"8","F:\\ReactJs\\DevCreatives-Website\\src\\components\\careers.js":"9","F:\\ReactJs\\DevCreatives-Website\\src\\components\\clients.js":"10","F:\\ReactJs\\DevCreatives-Website\\src\\components\\news.js":"11","F:\\ReactJs\\DevCreatives-Website\\src\\components\\contact.js":"12","F:\\ReactJs\\DevCreatives-Website\\src\\components\\footer.js":"13"},{"size":496,"mtime":1609755704974,"results":"14","hashOfConfig":"15"},{"size":1517,"mtime":1611762747627,"results":"16","hashOfConfig":"15"},{"size":375,"mtime":1608922195785,"results":"17","hashOfConfig":"15"},{"size":1601,"mtime":1609755704850,"results":"18","hashOfConfig":"15"},{"size":4107,"mtime":1611762747632,"results":"19","hashOfConfig":"15"},{"size":175,"mtime":1609755704862,"results":"20","hashOfConfig":"15"},{"size":3457,"mtime":1611762747628,"results":"21","hashOfConfig":"15"},{"size":8319,"mtime":1611762747628,"results":"22","hashOfConfig":"15"},{"size":181,"mtime":1609755704874,"results":"23","hashOfConfig":"15"},{"size":181,"mtime":1609755704886,"results":"24","hashOfConfig":"15"},{"size":172,"mtime":1609755704926,"results":"25","hashOfConfig":"15"},{"size":7749,"mtime":1611762747633,"results":"26","hashOfConfig":"15"},{"size":889,"mtime":1611762747628,"results":"27","hashOfConfig":"15"},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},"16yj3ya",{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"35","messages":"36","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"39","usedDeprecatedRules":"30"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"44","messages":"45","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"46","usedDeprecatedRules":"30"},{"filePath":"47","messages":"48","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"51","messages":"52","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"55","usedDeprecatedRules":"30"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"58"},"F:\\ReactJs\\DevCreatives-Website\\src\\index.js",[],["59","60"],"F:\\ReactJs\\DevCreatives-Website\\src\\App.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\reportWebVitals.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\Header.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\styles.js",["61"],"import { makeStyles } from \"@material-ui/core/styles\";\r\nimport box from \"./components/messageBox.jpg\";\r\n\r\nconst UseStyles = makeStyles((theme) => ({\r\n<<<<<<< HEAD\r\n  root: {\r\n    background: \"white\",\r\n  },\r\n  header: {\r\n    fontSize: 14,\r\n    fontWeight: \"30px\",\r\n=======\r\n    root:{  \r\n       background:'white'\r\n       \r\n    },   \r\n    header:{\r\n        fontSize:14,\r\n        fontWeight:'30px',\r\n        \r\n        borderRadius:'20px',\r\n        border:10,\r\n        boxShadow:'0 3px 3px',\r\n        background:'transparent'\r\n        \r\n        \r\n    },\r\n    footer:{\r\n        margin:theme.spacing(1),\r\n        padding:theme.spacing(2),\r\n\r\n    },\r\n    appbar:{\r\n        border:'0'\r\n    },\r\n    homeContent:{\r\n        border:5,\r\n    },\r\n    brand:{\r\n        color:'white'\r\n    },\r\n    detailsPart:{\r\n        topMargin:'10px',\r\n        padding:'auto',\r\n        width:'100%',\r\n        height:'auto'\r\n    },\r\n>>>>>>> eacc74f0beea9402c9764f9798efc1ea4fca1a3a\r\n\r\n    borderRadius: \"20px\",\r\n    border: 10,\r\n    boxShadow: \"0 3px 3px\",\r\n    background: \"transparent\",\r\n  },\r\n  appbar: {\r\n    border: \"0\",\r\n  },\r\n  homeContent: {\r\n    border: 5,\r\n  },\r\n  brand: {\r\n    color: \"white\",\r\n  },\r\n  detailsPart: {\r\n    topMargin: \"10px\",\r\n    padding: \"auto\",\r\n    width: \"100%\",\r\n    height: \"auto\",\r\n  },\r\n\r\n  title: {\r\n    color: \"green\",\r\n  },\r\n  webName: {\r\n    marginLeft: theme.spacing(10),\r\n    marginTop: theme.spacing(10),\r\n    fontSize: \"50px\",\r\n  },\r\n  imageBox: {\r\n    marginTop: theme.spacing(5),\r\n    blockSize: \"fit-content\",\r\n  },\r\n  image: {\r\n    marginTop: theme.spacing(5),\r\n    height: \"auto\",\r\n    width: \"100%\",\r\n  },\r\n  imageDetails: {\r\n    maxWidth: \"fit-content\",\r\n    blockSize: \"fit-content\",\r\n    height: \"50px\",\r\n    marginTop: theme.spacing(5),\r\n    marginLeft: theme.spacing(5),\r\n  },\r\n  gridItem: {\r\n    maxWidth: \"fit-content\",\r\n    blockSize: \"fit-content\",\r\n  },\r\n  siteDesc: {\r\n    marginTop: theme.spacing(2),\r\n    padding: theme.spacing(2),\r\n\r\n<<<<<<< HEAD\r\n    width: \"100%\",\r\n    height: \"auto\",\r\n  },\r\n  news: {\r\n    marginTop: theme.spacing(2),\r\n  },\r\n  credits: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n  },\r\n  creditsImage: {\r\n    marginTop: theme.spacing(4),\r\n    width: \"40%\",\r\n    height: \"40%\",\r\n  },\r\n  creditsItem: {\r\n    display: \"flex\",\r\n  },\r\n\r\n  contactUsParagraph: {\r\n    marginTop: theme.spacing(2),\r\n  },\r\n\r\n  contactUsSalesInquiriesPara: {\r\n    marginTop: theme.spacing(1),\r\n  },\r\n\r\n  contactUsSalesInquiriesParaEmail: {\r\n    marginTop: theme.spacing(0.5),\r\n    marginBottom: theme.spacing(4),\r\n  },\r\n=======\r\n    },\r\n    contactTitle:{\r\n        margin:theme.spacing(5),\r\n        border:10,\r\n    },\r\n    contactForm:{\r\n        border:'1px solid green',\r\n        borderRadius:20,\r\n        padding:theme.spacing(1),\r\n\r\n\r\n    },\r\n    contactDesc:{\r\n        margin:theme.spacing(1)\r\n    },\r\n    formTitle:{\r\n        margin:theme.spacing(5),\r\n        border:10,\r\n        fontSize:'40px',\r\n        color:'green'\r\n    },\r\n    inputFields:{\r\n        topMargin:theme.spacing(4),\r\n        margin:theme.spacing(2),\r\n        maxWidth:'300px',\r\n        \r\n\r\n    },\r\n    messageField:{\r\n        topMargin:theme.spacing(4),\r\n        margin:theme.spacing(2),\r\n        width:'90%'\r\n\r\n    },\r\n    contactFormSubmit:{\r\n        color:'green',\r\n        background:'',\r\n        \r\n        border:'2px solid green',\r\n        margin:theme.spacing(2),\r\n        width:'150px',\r\n        fontSize:'15px roboto'\r\n    }\r\n    \r\n}));\r\n>>>>>>> eacc74f0beea9402c9764f9798efc1ea4fca1a3a\r\n\r\n  inputFieldTitle: {\r\n    marginTop: theme.spacing(2),\r\n    marginBottom: theme.spacing(1),\r\n  },\r\n\r\n  contactUsSubmitButton: {\r\n    backgroundColor: \"black\",\r\n    padding: \"4px 12px\",\r\n\r\n    marginTop: theme.spacing(2),\r\n    color: \"white\",\r\n    border: \"none\",\r\n    fontWeight: \"bold\",\r\n  },\r\n  divider: {\r\n    marginTop: theme.spacing(0),\r\n    marginBottom: theme.spacing(2),\r\n  },\r\n  contactInputField: {\r\n    width: \"300\",\r\n  },\r\n\r\n  footerText: {\r\n    fontSize: 11,\r\n    fontWeight: \"bold\",\r\n    marginTop: theme.spacing(2),\r\n    display: \"inLine\",\r\n  },\r\n}));\r\n\r\nexport default UseStyles;\r\n","F:\\ReactJs\\DevCreatives-Website\\src\\components\\about.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\components\\service.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\components\\home.js",["62","63"],"import React,{useState} from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport useStyles from '../styles'\r\nimport { Card, CardContent, CardMedia, Grid, CardActionArea } from '@material-ui/core';\r\n\r\n\r\nconst NewsComponent = (props) =>{\r\nconst classes = useStyles();\r\n\r\n    return (\r\n     <div className={classes.news}>\r\n         <Typography variant=\"subtitle1\" ><strong>{props.newsDate}</strong></Typography>\r\n         <Typography variant=\"subtitle3\">{props.title}</Typography>\r\n         <Typography variant=\"subtitle3\">{props.subTitle}</Typography>\r\n\r\n         \r\n     </div>   \r\n    )\r\n}\r\nfunction Home() {\r\nconst classes = useStyles();\r\n\r\n\r\n    const newsArray = [{\r\n        \"newsDate\":\"May 12, 2020\",\r\n        \"title\":\"Donec molestie bibendum sem.\",\r\n        \"subTitle\":\"Aenean libero metus.\"\r\n    },\r\n    {\r\n       \"newsDate\":\"May 12, 2020\",\r\n        \"title\":\"Donec molestie bibendum sem.\",\r\n        \"subTitle\":\"Aenean libero metus.\"\r\n    },\r\n    {\r\n        \"newsDate\":\"May 12, 2020\",\r\n        \"title\":\"Donec molestie bibendum sem.\",\r\n        \"subTitle\":\"Aenean libero metus.\"\r\n    }\r\n];\r\n\r\n    const [publishedNews,setPublishedNews] = useState(newsArray);\r\n\r\n    const publishNews = () =>{\r\n        return ( publishedNews.map(news => {\r\n            return <NewsComponent newsDate={news.newsDate} title={news.title} subTitle = {news.subTitle} />\r\n        })\r\n\r\n        );\r\n    }\r\n\r\n\r\n\r\n    return (\r\n        <div className={classes.homeContent}>\r\n            <div className={classes.detailsPart}>\r\n                <Grid  container direction=\"row\" justify=\"center\" spacing='1'>  \r\n                    <Grid  item lg={4} md={4} sm={12} xs={12}>\r\n                        <Grid  container direction=\"row\" justify=\"center\" alignItems=\"stretch\" spacing='3'>\r\n                            <Grid  item lg={12} md={6} sm={6} xs={6} className={classes.webName}>\r\n                                <Typography variant=\"h3\" >\r\n                                    Sa<strong className={classes.title}>nt</strong>ao </Typography>\r\n                                    <Typography variant=\"body2\">SOFT CONSULTING</Typography>\r\n                               \r\n                            </Grid>\r\n                            <Grid  item lg={12} md={6} sm={8} xs={6}>\r\n                                <Card className={classes.imageDetails}>\r\n                                    <CardContent elementType=\"p\">\r\n                                    GraphicRiver is a marketplace for buying and selling Royalty Free layered Adobe Photoshop Files, EPS Vector Graphics, Icons.\r\n                                    </CardContent>\r\n                                </Card>\r\n                            </Grid>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <Grid  item lg={8} md={6} sm={12} xs={12} >\r\n                        <Card  className={classes.imageBox} >\r\n                            \r\n                                <CardMedia\r\n                                    component=\"img\"\r\n                                    image=\"https://material-ui.com/static/images/cards/contemplative-reptile.jpg\"\r\n                                    className={classes.image}\r\n                                />\r\n                            \r\n                        </Card>\r\n                    </Grid>\r\n                </Grid>\r\n            </div>\r\n            <div className={classes.siteDesc}>\r\n                <Grid container direction=\"row\" spacing={4}justify=\"center\" alignContent=\"stretch\"> \r\n                    <Grid item lg={3} md={3} sm={12} xs={12}>\r\n                        <Grid container>\r\n                            <Grid item>\r\n                                <Typography variant=\"h5\" >Latest News!</Typography>\r\n                                {publishNews()}\r\n\r\n                            </Grid>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <Grid item lg={5} md={6} sm={12} xs={12}>\r\n                        <Grid container alignItems=\"center\">\r\n                            <Grid item>\r\n                                <Typography variant=\"h5\" >Welcome to our site!</Typography>\r\n                                <div className={classes.news}>\r\n                                    <Typography  variant=\"h6\" >Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</Typography>\r\n                                </div>\r\n                                <div className={classes.news}>\r\n                                    <Typography  variant=\"body2\">Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</Typography>\r\n                                </div>\r\n                                <div className={classes.news}>\r\n                                    <Typography  variant=\"body2\">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</Typography>\r\n                                </div>\r\n                            </Grid>\r\n                        </Grid>\r\n\r\n                    </Grid>\r\n                    <Grid item lg={4} md={3} sm={12} xs={12}>\r\n                     \r\n                                <Typography variant=\"h5\" >About us!</Typography>\r\n                                    <div className={classes.news}>\r\n                                        <div className={classes.credits}>\r\n                                            <Card className={classes.creditsItem}>\r\n                                                <div className={classes.credits}>\r\n                                                    <CardContent >\r\n                                                        <Typography variant=\"BUTTON TEXT\"><strong>Muzamil Nawaz</strong></Typography>\r\n                                                        <Typography variant=\"body2\">Pellentesque habitant morbi tristique senectus et netus et malesuada.</Typography>\r\n                                                        \r\n                                                    </CardContent>\r\n                                                </div>\r\n                                                <CardMedia \r\n                                                component=\"img\"\r\n                                                image=\"https://material-ui.com/static/images/cards/contemplative-reptile.jpg\"\r\n                                                className={classes.creditsImage}\r\n                                                />\r\n                                            </Card>\r\n                                            \r\n                                            <Card className={classes.creditsItem}>\r\n                                                <div className={classes.credits}>\r\n                                                    <CardContent >\r\n                                                        <Typography variant=\"BUTTON TEXT\"><strong>Muzamil Nawaz</strong></Typography>\r\n                                                        <Typography variant=\"body2\">Pellentesque habitant morbi tristique senectus et netus et malesuada.</Typography>\r\n                                                        \r\n                                                    </CardContent>\r\n                                                </div>\r\n                                                <CardMedia \r\n                                                component=\"img\"\r\n                                                image=\"https://material-ui.com/static/images/cards/contemplative-reptile.jpg\"\r\n                                                className={classes.creditsImage}\r\n                                                />\r\n                                            </Card>\r\n                                        </div>\r\n                                    </div>\r\n                                 </Grid>\r\n\r\n                            </Grid>\r\n                        \r\n                  </div>\r\n                  </div>\r\n    )\r\n}\r\n\r\nexport default Home;\r\n","F:\\ReactJs\\DevCreatives-Website\\src\\components\\careers.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\components\\clients.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\components\\news.js",[],"F:\\ReactJs\\DevCreatives-Website\\src\\components\\contact.js",["64"],"<<<<<<< HEAD\r\nimport React from \"react\";\r\nimport { Container } from \"react-bootstrap\";\r\nimport { Grid, Divider } from \"@material-ui/core\";\r\n\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport useStyles from \"../styles\";\r\n\r\nfunction contact() {\r\n  return (\r\n    <container>\r\n      <UpperLogoContainer />\r\n      <ContactBottomGridSegment />\r\n    </container>\r\n  );\r\n}\r\n\r\nfunction UpperLogoContainer() {\r\n  const classes = useStyles();\r\n  return (\r\n    <div id=\"logoTextOnContactPage\">\r\n      <Typography variant=\"h3\">\r\n        Sa<strong className={classes.title}>nt</strong>ao{\" \"}\r\n      </Typography>\r\n      <Typography variant=\"body2\">SOFT CONSULTING</Typography>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ContactBottomGridSegment() {\r\n  const classes = useStyles();\r\n  return (\r\n    <div className=\"contactPageBottomContent\">\r\n      <Grid container direction=\"row\" justify=\"space-between\" spacing=\"1\">\r\n        <Grid item lg={7} md={7}>\r\n          <Grid container alignItems=\"center\">\r\n            <Grid item>\r\n              <Typography variant=\"h5\">Contact Us</Typography>\r\n              <div className={classes.contactUsParagraph}>\r\n                <Typography variant=\"h7\">\r\n                  Pellentesque habitant morbi tristique senectus et netus et\r\n                  malesuada fames ac turpis egestas. Aenean ultricies mi vitae\r\n                  est. Mauris placerat eleifend leo.\r\n                </Typography>\r\n\r\n                <Typography className={classes.inputFieldTitle}>\r\n                  <strong>Name :</strong>\r\n                </Typography>\r\n\r\n                <input className={classes.contactInputField}></input>\r\n\r\n                <Typography className={classes.inputFieldTitle}>\r\n                  <strong>E-Mail :</strong>\r\n                </Typography>\r\n                <input className={classes.contactInputField}></input>\r\n                <Typography className={classes.inputFieldTitle}>\r\n                  <strong>Message :</strong>\r\n                </Typography>\r\n                <textarea className={classes.contactInputField}></textarea>\r\n                <div>\r\n                  <button className={classes.contactUsSubmitButton}>\r\n                    Submit\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </Grid>\r\n          </Grid>\r\n        </Grid>\r\n        <Grid item lg={4} md={4}>\r\n          <Typography variant=\"h5\">Sales Inquiries</Typography>\r\n          <div className={classes.contactUsSalesInquiriesPara}>\r\n            <Typography variant=\"h7\">\r\n              Pellentesque habitant morbi tristique senectus et netus et\r\n              malesuada fames ac turpis egestas.\r\n            </Typography>\r\n            <Typography className={classes.contactUsSalesInquiriesParaEmail}>\r\n              <strong>sales@yourdomainname.com</strong>\r\n            </Typography>\r\n          </div>\r\n          <Typography variant=\"h5\">Technical Support</Typography>\r\n          <div className={classes.contactUsSalesInquiriesPara}>\r\n            <Typography variant=\"h7\">\r\n              Current customers contact our technical support team.\r\n            </Typography>\r\n            <Typography className={classes.contactUsSalesInquiriesParaEmail}>\r\n              <strong>support@yourdomainname.com</strong>\r\n            </Typography>\r\n          </div>\r\n          <Typography variant=\"h5\">Biz Development</Typography>\r\n          <div className={classes.contactUsSalesInquiriesPara}>\r\n            <Typography variant=\"h7\">\r\n              Contact our business development team today!\r\n            </Typography>\r\n            <Typography className={classes.contactUsSalesInquiriesParaEmail}>\r\n              <strong>business@yourdomainname.com</strong>\r\n            </Typography>\r\n          </div>\r\n        </Grid>\r\n      </Grid>\r\n      <Divider className={classes.divider}></Divider>\r\n\r\n      <Grid container direction=\"row\" justify=\"space-between\" spacing=\"3\">\r\n        <p className={classes.footerText}>\r\n          Copyright &copy; 2009 Evardo Web Consulting. Designed by Rashid Wassan{\" \"}\r\n        </p>\r\n        <p className={classes.footerText}>\r\n          Terms & Condition | Privacy Policy | Sitemap\r\n        </p>\r\n      </Grid>\r\n    </div>\r\n  );\r\n=======\r\nimport React,{useState} from 'react'\r\nimport useStyles from '../styles'\r\nimport {Grid, TextField, Button,Typography} from '@material-ui/core'\r\n\r\n\r\nconst ContactsComponent = (props) =>{\r\n    const classes = useStyles();\r\n\r\n    \r\n        return (\r\n         <div className={classes.news}>\r\n             <Typography variant=\"h6\" ><strong>{props.title}</strong></Typography>\r\n             <Typography variant=\"subtitle3\">{props.desc}</Typography><br />\r\n             <Typography variant=\"subtitle3\"><strong>{props.email}</strong></Typography>\r\n    \r\n             \r\n         </div>   \r\n        )\r\n    }\r\nfunction Contact() {\r\nconst classes = useStyles();\r\n\r\n\r\n    \r\nconst contactsArray = [{\r\n    \"desc\":\"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Contact our sales team today!\",\r\n    \"title\":\"Internship Roles\",\r\n    \"email\":\"sales@yourdomainname.com\"\r\n},\r\n{\r\n    \"desc\":\"Current customers contact our technical support team.\",\r\n    \"title\":\"Github Contributions\",\r\n    \"email\":\"support@yourdomainname.com\"\r\n},\r\n{\r\n    \"desc\":\"Current customers contact our technical support team.\",\r\n    \"title\":\"Software Solutions\",\r\n    \"email\":\"business@yourdomainname.com\"\r\n}\r\n];\r\n\r\nconst [contacts,setContacts] = useState(contactsArray);\r\n\r\n\r\nconst displayContacts = () =>{\r\n    return ( contacts.map(contact => {\r\n        return <ContactsComponent title={contact.title} desc={contact.desc} email = {contact.email} />\r\n    })\r\n\r\n    );\r\n}\r\n    return (\r\n        <div>\r\n            <div className={classes.contactTitle}>\r\n                <Typography variant=\"h3\" >Dev<strong className={classes.title}>Cr</strong>eatives++ </Typography>\r\n                <Typography variant=\"body1\">IT Solutions</Typography>                     \r\n            </div>\r\n            <div>\r\n                    <Grid container justify=\"center\" alignItems=\"stretch\" spacing={2}>\r\n                        <Grid item lg={8} md={8} sm={12} xs={12} >\r\n                            <form className={classes.contactForm}>\r\n\r\n                                        <Typography className={classes.formTitle} variant=\"h5\">Contact us</Typography>\r\n                                        <Typography className={classes.contactDesc} variant=\"subtitle1\">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</Typography>\r\n                                        <TextField className={classes.inputFields}  variant=\"outlined\" label=\"Name\" type=\"text\" required/> <br />\r\n                                        <TextField className={classes.inputFields} variant=\"outlined\" label=\"Email\" type=\"email\" required/><br />\r\n                                        <TextField className={classes.messageField} variant=\"outlined\" label=\"Message\" multiline rows={6} required/><br />\r\n                                        <Button variant=\"outlined\" className={classes.contactFormSubmit}>Submit</Button>\r\n                                    \r\n                            </form>\r\n                        </Grid>\r\n                        <Grid item lg={4} md={4} sm={12} xs={12}>\r\n                            {displayContacts()}\r\n\r\n                        </Grid>\r\n                    </Grid>\r\n            </div>\r\n        </div>\r\n    )\r\n>>>>>>> eacc74f0beea9402c9764f9798efc1ea4fca1a3a\r\n}\r\n\r\nexport default Contact;\r\n","F:\\ReactJs\\DevCreatives-Website\\src\\components\\footer.js",["65"],"import React from 'react'\r\nimport {Grid, Typography,Container} from '@material-ui/core'\r\nimport useStyles from '../styles'\r\n\r\nfunction Footer() {\r\n\r\nconst classes = useStyles();\r\n\r\n    return (\r\n        <div >\r\n\r\n        <Container className={classes.footer} >\r\n            <Grid container justify=\"center\" alignItems=\"stretch\">\r\n                <Grid item lg={6} md={6} sm={12} xs={12}>\r\n                    <Typography variant=\"body2\">Copyright © 2021 <strong>DevCreatives++.</strong> Designed by <strong>Muzamil Nawaz</strong></Typography>\r\n                </Grid>\r\n                <Grid item lg={6} md={6} sm={12} xs={12}>\r\n                    <Typography href=\"#\" variant=\"body2\"><a href=\"\" >Terms & Conditions | Privacy Policy | Sitemap</a></Typography>\r\n\r\n                </Grid>\r\n\r\n            </Grid>\r\n            </Container>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Footer\r\n",{"ruleId":"66","replacedBy":"67"},{"ruleId":"68","replacedBy":"69"},{"ruleId":"70","severity":1,"message":"71","line":2,"column":8,"nodeType":"72","messageId":"73","endLine":2,"endColumn":11},{"ruleId":"70","severity":1,"message":"74","line":4,"column":46,"nodeType":"72","messageId":"73","endLine":4,"endColumn":60},{"ruleId":"70","severity":1,"message":"75","line":41,"column":26,"nodeType":"72","messageId":"73","endLine":41,"endColumn":42},{"ruleId":"70","severity":1,"message":"76","line":2,"column":10,"nodeType":"72","messageId":"73","endLine":2,"endColumn":19},{"ruleId":"77","severity":1,"message":"78","line":18,"column":58,"nodeType":"79","endLine":18,"endColumn":70},"no-native-reassign",["80"],"no-negated-in-lhs",["81"],"no-unused-vars","'box' is defined but never used.","Identifier","unusedVar","'CardActionArea' is defined but never used.","'setPublishedNews' is assigned a value but never used.","'Container' is defined but never used.","jsx-a11y/anchor-is-valid","The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","JSXOpeningElement","no-global-assign","no-unsafe-negation"]


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