made projects section easier to edit on _data folder

_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"

_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>
+
+  {% for intro in site.data.projects %}
   <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>
+      <p>{{ intro.description }}</p>
   </div><!--//intro-->
+  {% endfor%}
+
+  {% for project in site.data.projects %}
     <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>
+
+      <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-->
-                <div class="item">
+  {% endfor %}
-                    <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-->
+{% endif %}