From fcde01a33dfacf652b8c9e1e27f1527692309e64 Mon Sep 17 00:00:00 2001
From: Mehul Chaudhari <chaudharimehul2001@gmail.com>
Date: Fri, 15 Jan 2021 21:29:37 +0530
Subject: [PATCH] It resolves #7

It resolves the error #7, it occurs beacause in react we cannot directly use image link we have to import it and then use it and images folder should be in same folder where the images are used
---
 .gitignore                          |   1 +
 src/App.css                         |   6 +++---
 src/components/Cards.js             |  16 +++++++++++-----
 {public => src}/images/img-1.jpg    | Bin
 {public => src}/images/img-2.jpg    | Bin
 {public => src}/images/img-3.jpg    | Bin
 {public => src}/images/img-4.jpg    | Bin
 {public => src}/images/img-5.jpg    | Bin
 {public => src}/images/img-6.jpg    | Bin
 {public => src}/images/img-7.jpg    | Bin
 {public => src}/images/img-8.jpg    | Bin
 {public => src}/images/img-9.jpg    | Bin
 {public => src}/images/img-home.jpg | Bin
 13 files changed, 15 insertions(+), 8 deletions(-)
 create mode 100644 .gitignore
 rename {public => src}/images/img-1.jpg (100%)
 rename {public => src}/images/img-2.jpg (100%)
 rename {public => src}/images/img-3.jpg (100%)
 rename {public => src}/images/img-4.jpg (100%)
 rename {public => src}/images/img-5.jpg (100%)
 rename {public => src}/images/img-6.jpg (100%)
 rename {public => src}/images/img-7.jpg (100%)
 rename {public => src}/images/img-8.jpg (100%)
 rename {public => src}/images/img-9.jpg (100%)
 rename {public => src}/images/img-home.jpg (100%)

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000..3c3629e647
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/src/App.css b/src/App.css
index 379ff2d417..3af79f3974 100644
--- a/src/App.css
+++ b/src/App.css
@@ -17,7 +17,7 @@
 }
 
 .services {
-  background-image: url('/images/img-2.jpg');
+  background-image: url('../src/images/img-2.jpg');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -26,7 +26,7 @@
 }
 
 .products {
-  background-image: url('/images/img-1.jpg');
+  background-image: url('../src/images/img-1.jpg');
   background-position: center;
   background-size: fill;
   background-repeat: no-repeat;
@@ -35,7 +35,7 @@
 }
 
 .sign-up {
-  background-image: url('/images/img-8.jpg');
+  background-image: url('../src/images/img-8.jpg');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/src/components/Cards.js b/src/components/Cards.js
index 718a4346cc..df4ef89f81 100644
--- a/src/components/Cards.js
+++ b/src/components/Cards.js
@@ -1,6 +1,12 @@
 import React from 'react';
 import './Cards.css';
 import CardItem from './CardItem';
+import image9 from '../images/img-9.jpg'
+import  image2 from '../images/img-2.jpg'
+import image3 from '../images/img-3.jpg'
+import image4 from '../images/img-4.jpg'
+import image8 from '../images/img-8.jpg'
+
 
 function Cards() {
   return (
@@ -10,13 +16,13 @@ function Cards() {
         <div className='cards__wrapper'>
           <ul className='cards__items'>
             <CardItem
-              src='images/img-9.jpg'
+              src= { image9 }
               text='Explore the hidden waterfall deep inside the Amazon Jungle'
               label='Adventure'
               path='/services'
             />
             <CardItem
-              src='images/img-2.jpg'
+              src= {image2}
               text='Travel through the Islands of Bali in a Private Cruise'
               label='Luxury'
               path='/services'
@@ -24,19 +30,19 @@ function Cards() {
           </ul>
           <ul className='cards__items'>
             <CardItem
-              src='images/img-3.jpg'
+              src={image3}
               text='Set Sail in the Atlantic Ocean visiting Uncharted Waters'
               label='Mystery'
               path='/services'
             />
             <CardItem
-              src='images/img-4.jpg'
+              src={image4}
               text='Experience Football on Top of the Himilayan Mountains'
               label='Adventure'
               path='/products'
             />
             <CardItem
-              src='images/img-8.jpg'
+              src= {image8}
               text='Ride through the Sahara Desert on a guided camel tour'
               label='Adrenaline'
               path='/sign-up'
diff --git a/public/images/img-1.jpg b/src/images/img-1.jpg
similarity index 100%
rename from public/images/img-1.jpg
rename to src/images/img-1.jpg
diff --git a/public/images/img-2.jpg b/src/images/img-2.jpg
similarity index 100%
rename from public/images/img-2.jpg
rename to src/images/img-2.jpg
diff --git a/public/images/img-3.jpg b/src/images/img-3.jpg
similarity index 100%
rename from public/images/img-3.jpg
rename to src/images/img-3.jpg
diff --git a/public/images/img-4.jpg b/src/images/img-4.jpg
similarity index 100%
rename from public/images/img-4.jpg
rename to src/images/img-4.jpg
diff --git a/public/images/img-5.jpg b/src/images/img-5.jpg
similarity index 100%
rename from public/images/img-5.jpg
rename to src/images/img-5.jpg
diff --git a/public/images/img-6.jpg b/src/images/img-6.jpg
similarity index 100%
rename from public/images/img-6.jpg
rename to src/images/img-6.jpg
diff --git a/public/images/img-7.jpg b/src/images/img-7.jpg
similarity index 100%
rename from public/images/img-7.jpg
rename to src/images/img-7.jpg
diff --git a/public/images/img-8.jpg b/src/images/img-8.jpg
similarity index 100%
rename from public/images/img-8.jpg
rename to src/images/img-8.jpg
diff --git a/public/images/img-9.jpg b/src/images/img-9.jpg
similarity index 100%
rename from public/images/img-9.jpg
rename to src/images/img-9.jpg
diff --git a/public/images/img-home.jpg b/src/images/img-home.jpg
similarity index 100%
rename from public/images/img-home.jpg
rename to src/images/img-home.jpg