diff --git a/src/components/home/OpenSource.js b/src/components/home/OpenSource.js
new file mode 100644
index 00000000..7cf4042d
--- /dev/null
+++ b/src/components/home/OpenSource.js
@@ -0,0 +1,46 @@
+import NextLink from 'next/link'
+import React from 'react'
+import NextImage from 'next/image'
+
+const GitHubImage = () => {
+ return (
+
+ )
+}
+export function OpenSource() {
+ return (
+
+
+
+
+
+
+
+ Open to anyone.
+
+ Fork it, twist it. Flip it.
+
+
+ Join the community and help us build the best open source Java learning site for
+ everyone.
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/img/home/open-source-on-github.svg b/src/img/home/open-source-on-github.svg
new file mode 100644
index 00000000..ce245d88
--- /dev/null
+++ b/src/img/home/open-source-on-github.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index b2dc9f8a..33cbc408 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -2,6 +2,7 @@ import { BigText, InlineCode, Paragraph, Widont } from '@/components/home/common
import { Footer } from '@/components/home/Footer'
import { Hero } from '@/components/home/Hero'
import { Newsletter } from '@/components/home/Newsletter'
+import { OpenSource } from '@/components/home/OpenSource'
import { Logo } from '@/components/Logo'
import { Search } from '@/components/Search'
import { Testimonials } from '@/components/Testimonials'
@@ -138,9 +139,9 @@ export default function Home() {
+
-
-
+
)