diff --git a/guide/english/web-components/how-do-i-use-web-components/index.md b/guide/english/web-components/how-do-i-use-web-components/index.md
index 5a25307e0a..7ec94d6f32 100644
--- a/guide/english/web-components/how-do-i-use-web-components/index.md
+++ b/guide/english/web-components/how-do-i-use-web-components/index.md
@@ -3,11 +3,19 @@ title: How do I use Web Components?
 ---
 #### How do I use Web Components?
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/web-components/how-do-I-use-web-components/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
 
-<ahref='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
+<h1>Web Components</h1>
+  
+ <p>Web Components are <q>a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps</q>. You can learn more<a href="https://www.webcomponents.org/introduction" target="_blank"> here</a>.</p>
+ 
+ <img src="https://cdn-images-1.medium.com/max/1600/0*_yWD1AV3xLlml1l5.png" alt="four web components" width="704" height="531" />
+
+ <p>You can also learn more about this <b>components</b> and how to use them on other <i>websites</i>, such as:
 
-<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
 
 #### More Information:
 <!-- Please add any articles you think might be helpful to read before writing the article -->
+- <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components">Mozilla</a>
+- <a href="https://www.sitepen.com/blog/2018/07/06/web-components-in-2018/">Sitepen</a>
+- <a href="https://codeburst.io/6-reasons-you-should-use-native-web-components-b45e18e069c2">Codeburst</a>
+