diff --git a/_data/projects.yml b/_data/projects.yml
new file mode 100644
index 0000000..2974bb1
--- /dev/null
+++ b/_data/projects.yml
@@ -0,0 +1,24 @@
+- intro:
+  description: "You can list your side projects or open source libraries in this section. Lorem ipsum dolor
+  sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus."
+
+- project:
+  title: Velocity
+  link: "#hook"
+  tagline: "A responsive website template designed to help startups promote, market and sell their products."
+- project:
+  title: DevStudio
+  link: "#"
+  tagline: "A responsive website template designed to help web developers/designers market their services."
+- project:
+  title: Tempo
+  link: "#"
+  tagline: "A responsive website template designed to help startups promote their products or services and to attract users & investors"
+- project:
+  title: Atom
+  link: "#"
+  tagline: "A comprehensive website template solution for startups/developers to market their mobile apps."
+- project:
+  title: Delta
+  link: "#"
+  tagline: "A responsive Bootstrap one page theme designed to help app developers promote their mobile apps"
diff --git a/_includes/projects.html b/_includes/projects.html
index 0980704..c0812ac 100644
--- a/_includes/projects.html
+++ b/_includes/projects.html
@@ -1,23 +1,25 @@
+{% if site.data.projects %}
 <section class="section projects-section">
-                <h2 class="section-title"><i class="fa fa-archive"></i>Projects</h2>
-                <div class="intro">
-                    <p>You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus.</p>
-                </div><!--//intro-->
-                <div class="item">
-                    <span class="project-title"><a href="#hook">Velocity</a></span> - <span class="project-tagline">A responsive website template designed to help startups promote, market and sell their products.</span>
-                    
-                </div><!--//item-->
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">DevStudio</a></span> - 
-                    <span class="project-tagline">A responsive website template designed to help web developers/designers market their services. </span>
-                </div><!--//item-->
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">Tempo</a></span> - <span class="project-tagline">A responsive website template designed to help startups promote their products or services and to attract users &amp; investors</span>
-                </div><!--//item-->
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">Atom</a></span> - <span class="project-tagline">A comprehensive website template solution for startups/developers to market their mobile apps. </span>
-                </div><!--//item-->
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">Delta</a></span> - <span class="project-tagline">A responsive Bootstrap one page theme designed to help app developers promote their mobile apps</span>
-                </div><!--//item-->
-            </section><!--//section-->
\ No newline at end of file
+
+  <h2 class="section-title"><i class="fa fa-archive"></i>Projects</h2>
+
+  {% for intro in site.data.projects %}
+  <div class="intro">
+      <p>{{ intro.description }}</p>
+  </div><!--//intro-->
+  {% endfor%}
+
+  {% for project in site.data.projects %}
+    <div class="item">
+
+      <span class="project-title"><a href="{{ project.link }}">{{ project.title }}</a></span>
+
+      {% if project.tagline %}
+      - <span class="project-tagline">{{ project.tagline }}</span>
+      {% endif %}
+
+    </div><!--//item-->
+  {% endfor %}
+
+</section><!--//section-->
+{% endif %}