{"id":2844,"date":"2021-10-14T17:50:45","date_gmt":"2021-10-14T17:50:45","guid":{"rendered":"https:\/\/rrdevs.net\/demos\/wp\/techex\/?page_id=2844"},"modified":"2026-05-24T11:30:44","modified_gmt":"2026-05-24T11:30:44","slug":"projects","status":"publish","type":"page","link":"https:\/\/level1group.net\/?page_id=2844","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2844\" class=\"elementor elementor-2844\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a618561 elementor-section-boxed elementor-section-height-default elementor-section-height-default rr-addons-sticky-no\" data-id=\"a618561\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;rr_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9b3fa5\" data-id=\"e9b3fa5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9e48e1a rr-addons-sticky-no elementor-widget elementor-widget-rr-addons-heading\" data-id=\"9e48e1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;rr_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"rr-addons-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"rr-addons-heading-title show-line-no\">Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60a0aa2 rr-addons-sticky-no elementor-widget elementor-widget-rr-addons-breadcrumb\" data-id=\"60a0aa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;rr_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"rr-addons-breadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"rr-addons-breadcrumbs\"><li class=\"rr-addons-breadcrumbs-item rr-addons-breadcrumbs-start\"><a href=\"https:\/\/level1group.net\" rel=\"home\"><span class=\"rr-addons-breadcrumbs-text\">Home<\/span><\/a><\/li><\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-f3290e9 e-con-full e-flex e-con e-parent\" data-id=\"f3290e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc9d83a rr-addons-sticky-no elementor-widget elementor-widget-html\" data-id=\"bc9d83a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;rr_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mb-portfolio\">\r\n  <div class=\"mb-head\">\r\n    <span>OUR PORTFOLIO<\/span>\r\n    <h2>Our Recent Projects<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"mb-tabs\" id=\"mbTabs\"><\/div>\r\n  <div class=\"mb-grid\" id=\"mbGrid\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n.mb-portfolio {\r\n  --blue: #2f6fe4;\r\n  --dark: #1d2554;\r\n  --white: #fff;\r\n\r\n  width: 100%;\r\n  max-width: 1280px;\r\n  margin: auto;\r\n  padding: 60px 15px;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.mb-head { margin-bottom: 35px; }\r\n\r\n.mb-head span {\r\n  color: var(--blue);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.mb-head h2 {\r\n  color: var(--dark);\r\n  font-size: clamp(34px, 5vw, 62px);\r\n  line-height: 1;\r\n  margin: 12px 0 0;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.mb-tabs {\r\n  display: flex;\r\n  gap: 15px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.mb-tabs button {\r\n  border: 1px solid rgba(29,37,84,.18);\r\n  background: var(--white);\r\n  color: var(--dark);\r\n  padding: 12px 20px;\r\n  border-radius: 999px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: .3s ease;\r\n}\r\n\r\n.mb-tabs button.active,\r\n.mb-tabs button:hover {\r\n  background: var(--blue);\r\n  color: var(--white);\r\n  border-color: var(--blue);\r\n}\r\n\r\n.mb-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n.mb-card {\r\n  position: relative;\r\n  min-height: 410px;\r\n  overflow: hidden;\r\n  border-radius: 26px;\r\n  background: #eee;\r\n  box-shadow: 0 18px 45px rgba(29,37,84,.12);\r\n}\r\n\r\n.mb-card img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 410px;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: .8s ease;\r\n}\r\n\r\n.mb-card:hover img { transform: scale(1.08); }\r\n\r\n.mb-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(29,37,84,.92));\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: 28px;\r\n}\r\n\r\n.mb-content {\r\n  width: 100%;\r\n  transform: translateY(18px);\r\n  transition: .35s ease;\r\n}\r\n\r\n.mb-card:hover .mb-content { transform: translateY(0); }\r\n\r\n.mb-category {\r\n  display: inline-block;\r\n  background: var(--blue);\r\n  color: var(--white);\r\n  padding: 7px 14px;\r\n  border-radius: 100px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.mb-name {\r\n  color: var(--white);\r\n  font-size: 25px;\r\n  line-height: 1.2;\r\n  margin: 0 0 18px;\r\n  font-weight: 900;\r\n}\r\n\r\n.mb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--white);\r\n  color: var(--dark);\r\n  padding: 12px 18px;\r\n  border-radius: 999px;\r\n  font-size: 14px;\r\n  font-weight: 900;\r\n  text-decoration: none;\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: .35s ease;\r\n}\r\n\r\n.mb-card:hover .mb-btn {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mb-btn:hover {\r\n  background: var(--blue);\r\n  color: var(--white);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .mb-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .mb-portfolio { padding: 40px 12px; }\r\n\r\n  .mb-tabs {\r\n    flex-wrap: nowrap;\r\n    overflow-x: auto;\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .mb-tabs button { white-space: nowrap; }\r\n\r\n  .mb-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n  }\r\n\r\n  .mb-card,\r\n  .mb-card img {\r\n    min-height: 360px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst mbProjects = [\r\n  {\r\n    category: \"Retail & Showrooms\",\r\n    name: \"B.Tech\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-12.png\",\r\n    link: \"https:\/\/level1group.net\/?page_id=15159\"\r\n  },\r\n  {\r\n    category: \"Retail & Showrooms\",\r\n    name: \"Raya\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-2026-05-23T162434.020.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"Retail & Showrooms\",\r\n    name: \"Samsung\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"Retail & Showrooms\",\r\n    name: \"Choice\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-1.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"Retail & Showrooms\",\r\n    name: \"Metro\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-2.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n\r\n \r\n  {\r\n    category: \"Corporate Offices\",\r\n    name: \"Hisense Office\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-3.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n\r\n \r\n  {\r\n    category: \"F&B \/ Hospitality\",\r\n    name: \"OVO\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-4.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"F&B \/ Hospitality\",\r\n    name: \"Miss L\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-5-2.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"F&B \/ Hospitality\",\r\n    name: \"BABA\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-6-1.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n\r\n  {\r\n    category: \"Service Centers\",\r\n    name: \"Samsung\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-7-1.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"Service Centers\",\r\n    name: \"Bosch\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-8-1.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"Service Centers\",\r\n    name: \"Grohe\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-9.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n\r\n  {\r\n    category: \"Luxury & Jewelry\",\r\n    name: \"Lazurde\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-11.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n  {\r\n    category: \"Luxury & Jewelry\",\r\n    name: \"Gala Gold\",\r\n    cover: \"https:\/\/level1group.net\/wp-content\/uploads\/2026\/05\/download-10-1.png\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n   {\r\n    category: \"F&B \/ Hospitality\",\r\n    name: \"Sbarro\",\r\n    cover: \"PUT_IMAGE_URL_HERE\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  },\r\n   {\r\n    category: \"Corporate Offices\",\r\n    name: \"Raya HQ\",\r\n    cover: \"PUT_IMAGE_URL_HERE\",\r\n    link: \"PUT_PROJECT_PAGE_LINK_HERE\"\r\n  }\r\n  \r\n];\r\n\r\nconst mbCategories = [\r\n  \"All\",\r\n  \"Retail & Showrooms\",\r\n  \"Corporate Offices\",\r\n  \"F&B \/ Hospitality\",\r\n  \"Service Centers\",\r\n  \"Luxury & Jewelry\"\r\n];\r\n\r\nconst mbTabs = document.getElementById(\"mbTabs\");\r\nconst mbGrid = document.getElementById(\"mbGrid\");\r\n\r\nfunction renderMbTabs() {\r\n  mbTabs.innerHTML = mbCategories.map((cat, index) => `\r\n    <button class=\"${index === 0 ? \"active\" : \"\"}\" data-category=\"${cat}\">\r\n      ${cat}\r\n    <\/button>\r\n  `).join(\"\");\r\n\r\n  mbTabs.querySelectorAll(\"button\").forEach(btn => {\r\n    btn.addEventListener(\"click\", () => {\r\n      mbTabs.querySelectorAll(\"button\").forEach(b => b.classList.remove(\"active\"));\r\n      btn.classList.add(\"active\");\r\n      renderMbProjects(btn.dataset.category);\r\n    });\r\n  });\r\n}\r\n\r\nfunction renderMbProjects(category = \"All\") {\r\n  const filtered = category === \"All\"\r\n    ? mbProjects\r\n    : mbProjects.filter(project => project.category === category);\r\n\r\n  mbGrid.innerHTML = filtered.map(project => `\r\n    <div class=\"mb-card\">\r\n      <img decoding=\"async\" src=\"${project.cover}\" alt=\"${project.name}\" loading=\"lazy\">\r\n      <div class=\"mb-overlay\">\r\n        <div class=\"mb-content\">\r\n          <span class=\"mb-category\">${project.category}<\/span>\r\n          <h3 class=\"mb-name\">${project.name}<\/h3>\r\n          <a class=\"mb-btn\" href=\"${project.link}\">\r\n            View Project \u2192\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  `).join(\"\");\r\n}\r\n\r\nrenderMbTabs();\r\nrenderMbProjects();\r\n<\/script>\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>Projects Home OUR PORTFOLIO Our Recent Projects<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2844","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/level1group.net\/index.php?rest_route=\/wp\/v2\/pages\/2844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/level1group.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/level1group.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/level1group.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/level1group.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2844"}],"version-history":[{"count":53,"href":"https:\/\/level1group.net\/index.php?rest_route=\/wp\/v2\/pages\/2844\/revisions"}],"predecessor-version":[{"id":15167,"href":"https:\/\/level1group.net\/index.php?rest_route=\/wp\/v2\/pages\/2844\/revisions\/15167"}],"wp:attachment":[{"href":"https:\/\/level1group.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}