diff --git a/src/containers/greeting/Greeting.js b/src/containers/greeting/Greeting.js
index db02c259a..df014946a 100644
--- a/src/containers/greeting/Greeting.js
+++ b/src/containers/greeting/Greeting.js
@@ -5,6 +5,7 @@ import Button from "../../components/button/Button";
import { greeting } from "../../portfolio";
import { Fade } from "react-reveal";
import FeelingProud from "./FeelingProud";
+import HelloImage from "./HelloImage";
export default function Greeting(props) {
const theme = props.theme;
@@ -50,6 +51,8 @@ export default function Greeting(props) {
src={require("../../assets/images/feelingProud.svg")}
> */}
+ {/* use this for another image */}
+ {/* */}
diff --git a/src/containers/greeting/HelloImage.js b/src/containers/greeting/HelloImage.js
new file mode 100644
index 000000000..77d30e9f6
--- /dev/null
+++ b/src/containers/greeting/HelloImage.js
@@ -0,0 +1,271 @@
+import React, { Component } from "react";
+
+class HelloImage extends Component {
+ render() {
+ return (
+ // <>
+
+ );
+ }
+}
+
+export default HelloImage;
diff --git a/src/containers/skills/CloudInfraImgTwo.js b/src/containers/skills/CloudInfraImgTwo.js
new file mode 100644
index 000000000..9dfd67401
--- /dev/null
+++ b/src/containers/skills/CloudInfraImgTwo.js
@@ -0,0 +1,227 @@
+import React, { Component } from "react";
+
+export default class CloudInfraImgTwo extends Component {
+ render() {
+ return (
+
+ );
+ }
+}
diff --git a/src/containers/skills/FullStackImgTwo.js b/src/containers/skills/FullStackImgTwo.js
new file mode 100644
index 000000000..a69783694
--- /dev/null
+++ b/src/containers/skills/FullStackImgTwo.js
@@ -0,0 +1,131 @@
+import React, { Component } from "react";
+
+class FullStackImgTwo extends Component {
+ render() {
+ return (
+
+ );
+ }
+}
+
+export default FullStackImgTwo;
diff --git a/src/containers/skills/SkillSection.js b/src/containers/skills/SkillSection.js
index 7cc72c17a..803c51cf1 100644
--- a/src/containers/skills/SkillSection.js
+++ b/src/containers/skills/SkillSection.js
@@ -7,6 +7,8 @@ import DataScienceImg from "./DataScienceImg";
import FullStackImg from "./FullStackImg";
import CloudInfraImg from "./CloudInfraImg";
import DesignImg from "./DesignImg";
+import CloudInfraImgTwo from "./CloudInfraImgTwo";
+import FullStackImgTwo from "./FullStackImgTwo";
function GetSkillSvg(props) {
if (props.fileName === "DataScienceImg")
@@ -15,6 +17,8 @@ function GetSkillSvg(props) {
return ;
else if (props.fileName === "CloudInfraImg")
return ;
+ else if (props.fileName === "CloudInfraImgTwo") return ;
+ else if (props.fileName === "FullStackImgTwo") return ;
return ;
}
diff --git a/src/pages/experience/Experience.js b/src/pages/experience/Experience.js
index 58cf6ae61..91bb2e297 100644
--- a/src/pages/experience/Experience.js
+++ b/src/pages/experience/Experience.js
@@ -8,6 +8,8 @@ import { experience } from "../../portfolio.js";
import { Fade } from "react-reveal";
import ExperienceImg from "./ExperienceImg";
+import ExperienceImgTwo from "./ExperienceImgTwo";
+
// const experience = {
// title: "Experience",
// subtitle: "Work, Internship and Volunteership",
@@ -159,6 +161,8 @@ class Experience extends Component {
alt=""
/> */}
+ {/* //use this for another svg */}
+ {/* */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+}
diff --git a/src/portfolio.js b/src/portfolio.js
index 3f5c96e70..5fa1c3fd4 100644
--- a/src/portfolio.js
+++ b/src/portfolio.js
@@ -134,6 +134,7 @@ const skills = {
{
title: "Full Stack Development",
fileName: "FullStackImg",
+ // fileName: "FullStackImgTwo", //use this for different svg
skills: [
"⚡ Building responsive website front end using React-Redux",
"⚡ Developing mobile applications using Flutter, React Native and solo android apps using Kotlin",
@@ -216,6 +217,7 @@ const skills = {
{
title: "Cloud Infra-Architecture",
fileName: "CloudInfraImg",
+ // fileName: "CloudInfraImgTwo", //use this for another svg
skills: [
"⚡ Experience working on multiple cloud platforms",
"⚡ Hosting and maintaining websites on virtual machine instances along with integration of databases",