diff --git a/src/components/IntroDefault.js b/src/components/SectionIntro.js
similarity index 100%
rename from src/components/IntroDefault.js
rename to src/components/SectionIntro.js
diff --git a/src/images/fullstack-web-development.svg b/src/images/fullstack-web-development.svg
new file mode 100644
index 0000000..a87aea2
--- /dev/null
+++ b/src/images/fullstack-web-development.svg
@@ -0,0 +1,607 @@
+
+
+
diff --git a/src/images/mobile-development.svg b/src/images/mobile-development.svg
new file mode 100644
index 0000000..06d4ee0
--- /dev/null
+++ b/src/images/mobile-development.svg
@@ -0,0 +1,396 @@
+
+
+
diff --git a/src/images/ux-ui-design.svg b/src/images/ux-ui-design.svg
new file mode 100644
index 0000000..607e39c
--- /dev/null
+++ b/src/images/ux-ui-design.svg
@@ -0,0 +1,598 @@
+
+
+
diff --git a/src/pages/index.js b/src/pages/index.js
index 0e415fc..984dcb5 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,43 +1,50 @@
import React from 'react'
-import IntroDefault from '../components/IntroDefault'
+import SectionIntro from '../components/SectionIntro'
import InfoBox from '../components/InfoBox'
import Button from '../components/Button'
-import ImgBuildSite from '../images/programming-company.svg'
+
+import ImgIntro from '../images/programming-company.svg'
+import ImgDesign from '../images/ux-ui-design.svg'
+import ImgFullstack from '../images/fullstack-web-development.svg'
+import ImgMobile from '../images/mobile-development.svg'
const IndexPage = () => (
)