             
         <section id="wrapper">
         <div class="content">
          <!-- Tab links -->
          <div class="tabs">
           <button class="tablinks active" data-country="London"><p data-title="All">ALL</p></button>
           <button class="tablinks" data-country="Paris"><p data-title="FRONT END">FRONT END</p></button>
           <button class="tablinks" data-country="Barcelona"><p data-title="BACK END">BACK END</p></button>
           <button class="tablinks" data-country="Madrid"><p data-title="GRAPHIC DESIGN">GRAPHIC DESIGN</p></button>
       </div>

       <!-- Tab content -->
       <div class="wrapper_tabcontent" id="courses">
           <div id="London" class="tabcontent active">
            <!-- <h3>London</h3> -->
            <div class="row">  
                             
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                  <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/mobile-application-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-1.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/mobile-application-design/">Mobile Application Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                  <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/website-makeup-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-2.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/website-makeup-design/">Website Makeup Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                  <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/visual-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/transformation-3746922_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/visual-design/">Visual Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                  <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/web-design-implementation/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/office-4009348_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/web-design-implementation/">Web Design Implementation</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                  <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/e-commerce-website-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/web-1738168_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/e-commerce-website-design/">E-commerce Website Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                  <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/interactive-data-visualisation/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/data-protection-4394633_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/interactive-data-visualisation/">Interactive Data Visualisation</a></h2>
               </div>
           </div>
       </div>                 
   </div>
           </div>
    </div>

    <div id="Paris" class="tabcontent">
        <!-- <h3>Paris</h3> -->
         <div class="row">  
                             
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
              <a href="https://www.wpthemesdemo.com/online-resume/our-projects/visual-design/">  <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/transformation-3746922_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post"></span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/visual-design/">Visual Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
              <a href="https://www.wpthemesdemo.com/online-resume/our-projects/web-design-implementation/">  <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/office-4009348_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post"></span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/web-design-implementation/">Web Design Implementation</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
              <a href="https://www.wpthemesdemo.com/online-resume/our-projects/interactivity-and-animation/">  <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/startup-593305_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post"></span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/interactivity-and-animation/">Interactivity and Animation</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
              <a href="https://www.wpthemesdemo.com/online-resume/our-projects/cross-browser-compatibility/">  <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/laptop-2571519_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post"></span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/cross-browser-compatibility/">Cross-Browser Compatibility</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
              <a href="https://www.wpthemesdemo.com/online-resume/our-projects/performance-optimization/">  <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/internet-3142312_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post"></span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/performance-optimization/">Performance Optimization</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
              <a href="https://www.wpthemesdemo.com/online-resume/our-projects/frameworks-and-libraries/">  <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/startup-3267505_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post"></span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/frameworks-and-libraries/">Frameworks and Libraries</a></h2>
               </div>
           </div>
       </div>                 
   </div>
           </div>
    </div>

    <div id="Barcelona" class="tabcontent">
        <!-- <h3>Barcelona</h3> -->
      <div class="row">  
                             
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/content-management-system/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/social-3607508_1280-1-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/content-management-system/">Content Management System</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/web-to-print-system/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/software-developer-6521720_1280.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/web-to-print-system/">Web-to-Print System</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/e-commerce-website-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/web-1738168_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/e-commerce-website-design/">E-commerce Website Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/digital-asset-management/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/digital-marketing-1725340_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/digital-asset-management/">Digital Asset Management</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/interactive-data-visualisation/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/data-protection-4394633_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/interactive-data-visualisation/">Interactive Data Visualisation</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/collaborative-project-management/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/engineer-4904884_1280-1.jpg" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/collaborative-project-management/">Collaborative Project Management</a></h2>
               </div>
           </div>
       </div>                 
   </div>
           </div>   
    </div>

    <div id="Madrid" class="tabcontent">
        <!-- <h3>Madrid</h3> -->
        <div class="row">  
                             
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                 <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/mobile-application-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-1.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/mobile-application-design/">Mobile Application Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                 <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/website-makeup-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-2.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/website-makeup-design/">Website Makeup Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                 <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/brand-identity-and-motion-design/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-3.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/brand-identity-and-motion-design/">Brand Identity And Motion Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                 <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/mobile-application-design-2/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-4.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/mobile-application-design-2/">Interface Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
                
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="our-project">
              <div class="pic">
                 <div class="shine">
                    
               <a href="https://www.wpthemesdemo.com/online-resume/our-projects/website-makeup-design-2/"> <img style="height: 343px;" class="peccular-courses-img" src="https://www.wpthemesdemo.com/online-resume/wp-content/uploads/sites/74/2024/11/proj-5.png" alt="courses" /></a>
            </div>
                <div class="project-prof">
                   <span class="post">hgh</span>
                   <h2 class="post-title" style="text-transform :  none  "><a href="https://www.wpthemesdemo.com/online-resume/our-projects/website-makeup-design-2/">Posters Design</a></h2>
               </div>
           </div>
       </div>                 
   </div>
   {"id":162,"date":"2024-12-02T12:17:07","date_gmt":"2024-12-02T12:17:07","guid":{"rendered":"https:\/\/www.wpthemesdemo.com\/online-resume\/?page_id=162"},"modified":"2024-12-02T12:17:10","modified_gmt":"2024-12-02T12:17:10","slug":"projects","status":"publish","type":"page","link":"https:\/\/www.wpthemesdemo.com\/online-resume\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\n             \n        <div class=\"col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12\">\n          <div class=\"our-project\">\n              <div class=\"pic\">\n                 <div class=\"shine\">\n                    \n               <a href=\"https:\/\/www.wpthemesdemo.com\/online-resume\/our-projects\/brand-identity-and-motion-design-2\/\"> <img decoding=\"async\" style=\"height: 343px;\" class=\"peccular-courses-img\" src=\"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-content\/uploads\/sites\/74\/2024\/11\/proj6.png\" alt=\"courses\" \/><\/a>\n            <\/div>\n                <div class=\"project-prof\">\n                   <span class=\"post\">hgh<\/span>\n                   <h2 class=\"post-title\" style=\"text-transform :  none  \"><a href=\"https:\/\/www.wpthemesdemo.com\/online-resume\/our-projects\/brand-identity-and-motion-design-2\/\">Product Design<\/a><\/h2>\n               <\/div>\n           <\/div>\n       <\/div>                 \n   <\/div>\n           <\/div>  \n    <\/div>\n<\/div>\n<\/div>\n<\/section>\n<script>\n    \/\/ tabs\n    var tabLinks = document.querySelectorAll(\".tablinks\");\n    var tabContent = document.querySelectorAll(\".tabcontent\");\n    tabLinks.forEach(function(el) {\n     el.addEventListener(\"click\", openTabs);\n });\n    function openTabs(el) {\n     var btnTarget = el.currentTarget;\n     var country = btnTarget.dataset.country;\n     tabContent.forEach(function(el) {\n      el.classList.remove(\"active\");\n  });\n     tabLinks.forEach(function(el) {\n      el.classList.remove(\"active\");\n  });\n     document.querySelector(\"#\" + country).classList.add(\"active\");\n     btnTarget.classList.add(\"active\");\n }\n<\/script>\n   \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":2,"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/pages\/162\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/www.wpthemesdemo.com\/online-resume\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}