{"id":142,"date":"2026-02-04T17:29:24","date_gmt":"2026-02-04T17:29:24","guid":{"rendered":"http:\/\/localhost\/gds\/?page_id=142"},"modified":"2026-03-05T15:49:36","modified_gmt":"2026-03-05T15:49:36","slug":"gym-edits","status":"publish","type":"page","link":"https:\/\/gdsproductions.com\/index.php\/gym-edits\/","title":{"rendered":"Web design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"142\" class=\"elementor elementor-142\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2fac1c e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"c2fac1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f94faec elementor-widget elementor-widget-html\" data-id=\"f94faec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nbody{background:#000;color:#fff;font-family:'Montserrat',sans-serif;}\r\n\r\n\/* ================= SECTION ================= *\/\r\n.web-showcase{\r\n  min-height:100vh;\r\n  padding:120px 80px;\r\n}\r\n\r\n\/* ================= PROJECT ================= *\/\r\n.web-project{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:80px;\r\n  margin-bottom:160px;\r\n  opacity:0;\r\n  transform:translateY(120px);\r\n  transition:1.4s cubic-bezier(.19,1,.22,1);\r\n}\r\n.web-project.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* reverse layout *\/\r\n.web-project.reverse{\r\n  flex-direction:row-reverse;\r\n}\r\n\r\n\/* ================= LEFT ================= *\/\r\n.web-info{\r\n  width:35%;\r\n}\r\n\r\n.web-info h2{\r\n  font-family:'Bebas Neue',sans-serif;\r\n  font-size:72px;\r\n  letter-spacing:4px;\r\n}\r\n\r\n.web-info p{\r\n  margin-top:20px;\r\n  font-size:18px;\r\n  line-height:1.7;\r\n  opacity:.85;\r\n}\r\n\r\n.web-tags{\r\n  margin-top:25px;\r\n}\r\n\r\n.web-tags span{\r\n  display:inline-block;\r\n  padding:6px 16px;\r\n  border-radius:20px;\r\n  margin:6px 6px 0 0;\r\n  font-size:14px;\r\n}\r\n\r\n\/* ================= COLOR VARIATION ================= *\/\r\n\r\n\/* 1st Section *\/\r\n.web-project:nth-of-type(1) .web-info h2{\r\n  color:#787276;\r\n}\r\n.web-project:nth-of-type(1) .web-tags span{\r\n  border:1px solid #d9dddc;\r\n  color:#d9dddc;\r\n}\r\n\r\n\/* 2nd Section *\/\r\n.web-project:nth-of-type(2) .web-info h2{\r\n  color:#b98bff;\r\n}\r\n.web-project:nth-of-type(2) .web-tags span{\r\n  border:1px solid #b98bff;\r\n  color:#b98bff;\r\n}\r\n\r\n\/* 3rd Section *\/\r\n.web-project:nth-of-type(3) .web-info h2{\r\n  color:#ed4701;\r\n}\r\n.web-project:nth-of-type(3) .web-tags span{\r\n  border:1px solid #ed4701;\r\n  color:#ed4701;\r\n}\r\n\r\n\/* ================= RIGHT ================= *\/\r\n.web-mockup{\r\n  width:65%;\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n  background:#111;\r\n  box-shadow:0 0 60px rgba(79,195,255,.25);\r\n  transform:scale(.96);\r\n  transition:1.2s cubic-bezier(.19,1,.22,1);\r\n}\r\n\r\n.web-project.show .web-mockup{\r\n  transform:scale(1);\r\n}\r\n\r\n.web-mockup img,\r\n.web-mockup video{\r\n  width:100%;\r\n  display:block;\r\n}\r\n\r\n\/* ================= CTA ================= *\/\r\n.web-cta{\r\n  text-align:center;\r\n  margin-top:200px;\r\n}\r\n\r\n.web-cta h2{\r\n  font-family:'Bebas Neue',sans-serif;\r\n  font-size:80px;\r\n  letter-spacing:4px;\r\n  color:#e50914;\r\n}\r\n\r\n.web-cta p{\r\n  margin:15px 0 40px;\r\n  font-size:18px;\r\n  opacity:.85;\r\n}\r\n\r\n.web-cta a{\r\n  display:inline-block;\r\n  padding:16px 50px;\r\n  border-radius:40px;\r\n  border:1px solid #fff;\r\n  color:#fff;\r\n  text-decoration:none;\r\n  transition:.4s ease;\r\n}\r\n.web-cta a:hover{\r\n  background:#fff;\r\n  color:#000;\r\n}\r\n\/* ================= PREMIUM MOBILE OPTIMIZATION ================= *\/\r\n@media(max-width:768px){\r\n\r\n  .web-showcase{\r\n    padding:90px 22px;\r\n  }\r\n\r\n  \/* STACK PROJECTS *\/\r\n  .web-project{\r\n    flex-direction:column !important;\r\n    gap:35px;\r\n    margin-bottom:110px;\r\n    transform:none;\r\n  }\r\n\r\n  \/* INFO FULL WIDTH *\/\r\n  .web-info{\r\n    width:100%;\r\n    text-align:center;\r\n  }\r\n\r\n  .web-info h2{\r\n    font-size:42px;\r\n    letter-spacing:2px;\r\n  }\r\n\r\n  .web-info p{\r\n    font-size:15px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .web-tags{\r\n    margin-top:18px;\r\n  }\r\n\r\n  .web-tags span{\r\n    font-size:12px;\r\n    padding:6px 12px;\r\n  }\r\n\r\n  \/* MOCKUP FULL WIDTH *\/\r\n  .web-mockup{\r\n    width:100%;\r\n    border-radius:18px;\r\n    box-shadow:0 0 35px rgba(79,195,255,.2);\r\n  }\r\n\r\n  \/* CTA *\/\r\n  .web-cta{\r\n    margin-top:120px;\r\n  }\r\n\r\n  .web-cta h2{\r\n    font-size:40px;\r\n    letter-spacing:2px;\r\n  }\r\n\r\n  .web-cta p{\r\n    font-size:15px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .web-cta a{\r\n    padding:14px 30px;\r\n    font-size:15px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<!-- ================= PROJECTS ================= -->\r\n<section class=\"web-showcase\">\r\n\r\n  <!-- PROJECT 1 -->\r\n  <div class=\"web-project reveal\">\r\n    <div class=\"web-info\">\r\n      <h2>GDS PRODUCTION<\/h2>\r\n      <p>\r\n        A cinematic production house website built to showcase edits, \r\n        graphics and services with Netflix-style animations.\r\n      <\/p>\r\n\r\n      <div class=\"web-tags\">\r\n        <span>UI \/ UX<\/span>\r\n        <span>Animation<\/span>\r\n        <span>Performance<\/span>\r\n        <span>Branding<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"web-mockup\">\r\n      <video src=\"https:\/\/gdsproductions.com\/wp-content\/uploads\/2026\/02\/From-KlickPin-CF-Responsive-landing-page-design-for-maximum-impact-Video-_-Photography-website-design-Minimal-web-design-Portfolio-web-design.mp4\" autoplay muted loop playsinline><\/video>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PROJECT 2 -->\r\n  <div class=\"web-project reveal reverse\">\r\n    <div class=\"web-info\">\r\n      <h2>CLIENT BUSINESS<\/h2>\r\n      <p>\r\n        A conversion-focused business website designed to generate leads,\r\n        highlight services and build trust.\r\n      <\/p>\r\n\r\n      <div class=\"web-tags\">\r\n        <span>Landing Page<\/span>\r\n        <span>SEO Ready<\/span>\r\n        <span>Responsive<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"web-mockup\">\r\n      <img decoding=\"async\" src=\"https:\/\/gdsproductions.com\/wp-content\/uploads\/2026\/02\/060f1aef926a6a24fa24a88a8951b248.jpg\" alt=\"\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PROJECT 3 -->\r\n  <div class=\"web-project reveal\">\r\n    <div class=\"web-info\">\r\n      <h2>CREATOR PORTFOLIO<\/h2>\r\n      <p>\r\n        A bold portfolio website crafted for a content creator \r\n        to showcase work, collaborations and brand deals.\r\n      <\/p>\r\n\r\n      <div class=\"web-tags\">\r\n        <span>Portfolio<\/span>\r\n        <span>Fast Load<\/span>\r\n        <span>Modern UI<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"web-mockup\">\r\n      <img decoding=\"async\" src=\"https:\/\/gdsproductions.com\/wp-content\/uploads\/2026\/02\/4e07b3e95603be16ba8e1530b869bc7d.jpg\" alt=\"\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CTA -->\r\n  <div class=\"web-cta\">\r\n    <h2>WANT A WEBSITE LIKE THIS?<\/h2>\r\n    <p>We design and develop websites that feel premium, cinematic and fast.<\/p>\r\n    <a href=\"https:\/\/wa.me\/917303237016?text=Hi%20GDS%20Production,%20I%20saw%20your%20website%20and%20I%20want%20to%20start%20a%20project.%20Can%20we%20discuss%20the%20details%3F\" target=\"_blank\">\r\nStart Your Project\r\n<\/a>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nconst projects = document.querySelectorAll('.reveal');\r\n\r\nconst observer = new IntersectionObserver(entries=>{\r\n  entries.forEach(entry=>{\r\n    if(entry.isIntersecting){\r\n      entry.target.classList.add('show');\r\n      observer.unobserve(entry.target);\r\n    }\r\n  });\r\n},{threshold:0.3});\r\n\r\nprojects.forEach(p=>observer.observe(p));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GDS PRODUCTION A cinematic production house website built to showcase edits, graphics and services with Netflix-style animations. UI \/ UX Animation Performance Branding CLIENT BUSINESS A conversion-focused business website designed to generate leads, highlight services and build trust. Landing Page SEO Ready Responsive CREATOR PORTFOLIO A bold portfolio website crafted for a content creator to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-142","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":83,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/142\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}