JSFiddle - React, Tailwind, and code Playground

by akash singh

HTML

<div id="services_page" class="page">
    <section>
       <div class="service">
           <h1></h1>
           <div class="image"></div>
           <p></p>
       </div>

       <div class="service">
          <h1></h1>
          <div class="image"></div>
          <p></p>
       </div>
   </section>
</div>

JavaScript

var Services = {
        responsive: ["Responsive Web Design & Mobile Design", "../images/responsive.png", "Mobile web and app development is in high demand in the modern world."],
        javascript: ["Javascript Development", "../images/me.jpg", "Front-end JS Development."],
        php: ["PHP Development"],
        seo: ["Search Engine Optimization"],
        database: ["Database Development"],
        optimization: ["Website Maintenance & Performance Optimization"],
        consultation: ["Consultation"]
    }

    for(var key in Services){
        $("#services_page section").append("<div class='service'><h1>" +Services[key][0] +"</h1></div>");
    }