icons revisit

Author: VJAI

.npmrc

@@ -0,0 +1 @@
+package-lock=false

404.html

@@ -49,13 +49,13 @@
         </li>
         <li class="cmp__nav-active">
           <a class="cmp__nav-link" href="index.html">
-            <cmp-icon name="home"></cmp-icon>
+            <cmp-icon name="house-door"></cmp-icon>
             <span class="cmp__nav-link-text">home</span>
           </a>
         </li>
         <li>
           <a class="cmp__nav-link" href="contact.html">
-            <cmp-icon name="contact"></cmp-icon>
+            <cmp-icon name="envelope"></cmp-icon>
             <span class="cmp__nav-link-text">contact</span>
           </a>
         </li>
@@ -73,7 +73,7 @@
               <option value="contact.html"> Contact</option>
               <option value="search"> Search</option>
             </select>
-            <cmp-icon name="hamburger"></cmp-icon>
+            <cmp-icon name="list"></cmp-icon>
           </a>
         </li>
       </ul>

README.md

@@ -43,14 +43,7 @@ Important SCSS variables.
 
 ## Icons
 
-Icons are downloaded from [bootstrap](https://icons.getbootstrap.com/). Drop the svg file downloaded from the site to 
-"assets" folder and then update the `width` and `height` to `100%`. Run the below command to re-generate the sprite image.
-
-```
-npm run sprites
-```
-
-The above command will create a `sprite.scss` file and `sprites.svg` image under the "assets" folder.
+We've used [bootstrap icons](https://icons.getbootstrap.com/). The icon sprite file "bootstrap-icons.svg" is dropped in the "assets" folder.
 
 ## License
 

about-us.html

@@ -49,13 +49,13 @@
         </li>
         <li>
           <a class="cmp__nav-link" href="index.html">
-            <cmp-icon name="home"></cmp-icon>
+            <cmp-icon name="house-door"></cmp-icon>
             <span class="cmp__nav-link-text">home</span>
           </a>
         </li>
         <li>
           <a class="cmp__nav-link" href="contact.html">
-            <cmp-icon name="contact"></cmp-icon>
+            <cmp-icon name="envelope"></cmp-icon>
             <span class="cmp__nav-link-text">contact</span>
           </a>
         </li>
@@ -73,7 +73,7 @@
               <option value="contact.html"> Contact</option>
               <option value="search"> Search</option>
             </select>
-            <cmp-icon name="hamburger"></cmp-icon>
+            <cmp-icon name="list"></cmp-icon>
           </a>
         </li>
       </ul>

about.html

@@ -49,13 +49,13 @@
 				</li>
 				<li>
 					<a class="cmp__nav-link" href="index.html">
-						<cmp-icon name="home"></cmp-icon>
+						<cmp-icon name="house-door"></cmp-icon>
 						<span class="cmp__nav-link-text">home</span>
 					</a>
 				</li>
 				<li>
 					<a class="cmp__nav-link" href="contact.html">
-						<cmp-icon name="contact"></cmp-icon>
+						<cmp-icon name="envelope"></cmp-icon>
 						<span class="cmp__nav-link-text">contact</span>
 					</a>
 				</li>
@@ -73,7 +73,7 @@
 							<option value="contact.html"> Contact</option>
 							<option value="search"> Search</option>
 						</select>
-						<cmp-icon name="hamburger"></cmp-icon>
+						<cmp-icon name="list"></cmp-icon>
 					</a>
 				</li>
 			</ul>