{"id":9,"date":"2026-10-02T18:58:27","date_gmt":"2026-10-02T18:58:27","guid":{"rendered":"https:\/\/v1.giadec.com\/index.php\/home\/"},"modified":"2026-10-02T18:59:38","modified_gmt":"2026-10-02T18:59:38","slug":"home","status":"publish","type":"page","link":"https:\/\/v1.giadec.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\nbody.home > #site-header, body.home .page-header, body.home footer#site-footer{display:none!important;} body.home #content.site-main, body.home .page-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;} body.home .page-content > *{max-width:none!important;}\n:root {\n  --ink: #07162f;\n  --muted: #6f7785;\n  --line: #dfe4ea;\n  --accent: #ff7a00;\n  --accent-dark: #d95f00;\n  --pale: #f4f6f9;\n  --white: #ffffff;\n  --dark: #061225;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  color: var(--ink);\n  font-family: Arial, Helvetica, sans-serif;\n  background: var(--white);\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nimg,\nsvg {\n  max-width: 100%;\n}\n\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  min-height: 92px;\n  padding: 18px clamp(22px, 5vw, 72px);\n  background: var(--white);\n  box-shadow: 0 8px 28px rgba(4, 18, 38, 0.08);\n}\n\n.brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--ink);\n  font-size: 34px;\n  font-weight: 800;\n}\n\n.brand-mark {\n  display: inline-grid;\n  width: 54px;\n  height: 54px;\n  place-items: center;\n  color: var(--accent);\n  background: var(--ink);\n  font-size: 32px;\n  font-weight: 900;\n}\n\n.menu-button {\n  display: none;\n  margin-left: auto;\n  width: 48px;\n  height: 40px;\n  padding: 8px;\n  border: 0;\n  background: transparent;\n}\n\n.menu-button span {\n  display: block;\n  height: 2px;\n  margin: 7px 0;\n  background: var(--ink);\n}\n\n.main-nav {\n  display: flex;\n  gap: 26px;\n  margin-left: auto;\n  font-size: 14px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.main-nav a:hover,\n.header-actions a:hover {\n  color: var(--accent);\n}\n\n.header-actions {\n  display: flex;\n  gap: 18px;\n  color: var(--muted);\n  font-size: 14px;\n}\n\n.hero {\n  position: relative;\n  min-height: 650px;\n  overflow: hidden;\n  background: #dfe7ef;\n}\n\n.hero-image {\n  position: absolute;\n  inset: 0;\n}\n\n.placeholder {\n  position: relative;\n  overflow: hidden;\n  background:\n    linear-gradient(135deg, rgba(255, 122, 0, 0.82), rgba(255, 122, 0, 0.05) 36%, transparent 36%),\n    linear-gradient(120deg, rgba(7, 22, 47, 0.18), rgba(255,255,255,0.58)),\n    repeating-linear-gradient(90deg, rgba(7, 22, 47, 0.18) 0 2px, transparent 2px 84px),\n    repeating-linear-gradient(0deg, rgba(7, 22, 47, 0.12) 0 2px, transparent 2px 70px),\n    #d9e2eb;\n}\n\n.factory-hero::before {\n  content: \"\";\n  position: absolute;\n  left: clamp(18px, 7vw, 110px);\n  bottom: 0;\n  width: min(34vw, 360px);\n  min-width: 210px;\n  height: 78%;\n  background:\n    radial-gradient(circle at 50% 12%, #f5cda9 0 36px, transparent 38px),\n    linear-gradient(var(--accent) 0 0) 50% 58% \/ 68% 46% no-repeat,\n    linear-gradient(#10203b 0 0) 50% 34% \/ 36% 18% no-repeat,\n    linear-gradient(#f5f7fa 0 0) 50% 2% \/ 58% 16% no-repeat;\n  filter: drop-shadow(0 20px 32px rgba(4, 18, 38, 0.22));\n}\n\n.hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, rgba(255,255,255,0.1), rgba(255,255,255,0.88) 47%, rgba(255,255,255,0.62));\n}\n\n.hero-copy {\n  position: relative;\n  z-index: 2;\n  width: min(760px, 92%);\n  padding: 150px clamp(24px, 8vw, 150px);\n  margin-left: auto;\n}\n\n.hero-copy p,\n.eyebrow {\n  margin: 0 0 18px;\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.eyebrow::after {\n  content: \"\";\n  display: block;\n  width: 76px;\n  height: 3px;\n  margin-top: 14px;\n  background: var(--accent);\n}\n\n.centered .eyebrow::after {\n  margin-inline: auto;\n}\n\nh1,\nh2,\nh3,\np {\n  overflow-wrap: anywhere;\n}\n\nh1 {\n  max-width: 650px;\n  margin: 0 0 34px;\n  font-size: clamp(44px, 6vw, 86px);\n  line-height: 0.98;\n  text-transform: uppercase;\n}\n\nh1 span {\n  color: var(--accent);\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  min-height: 56px;\n  padding: 0 30px;\n  color: var(--white);\n  background: var(--accent);\n  border: 0;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n.button:hover {\n  background: var(--accent-dark);\n}\n\n.section {\n  padding: clamp(70px, 9vw, 120px) clamp(22px, 5vw, 72px);\n}\n\n.section-head {\n  width: min(1180px, 100%);\n  margin: 0 auto 44px;\n}\n\n.section-head.split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: end;\n}\n\n.section-head.centered {\n  text-align: center;\n}\n\nh2 {\n  margin: 0;\n  font-size: clamp(34px, 4vw, 56px);\n  line-height: 1.08;\n}\n\n.section-head p:not(.eyebrow),\n.why-copy > p,\n.news-grid span,\n.service-card span,\n.footer-grid p {\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n.service-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  width: min(1180px, 100%);\n  margin: 0 auto;\n  border-top: 1px solid var(--line);\n  border-left: 1px solid var(--line);\n}\n\n.service-card {\n  min-height: 310px;\n  padding: 34px;\n  border-right: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  background: var(--white);\n  transition: transform 180ms ease, box-shadow 180ms ease;\n}\n\n.service-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 24px 45px rgba(4, 18, 38, 0.11);\n}\n\n.service-icon {\n  display: inline-grid;\n  width: 60px;\n  height: 60px;\n  place-items: center;\n  margin-bottom: 28px;\n  color: var(--accent);\n  background: #fff2e7;\n  font-weight: 900;\n}\n\n.service-card p,\n.team-grid p,\n.news-grid p {\n  margin: 0 0 10px;\n  color: var(--accent);\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.service-card h3,\n.team-grid h3,\n.news-grid h3,\n.testimonial-track h3 {\n  margin: 0 0 16px;\n  font-size: 24px;\n}\n\n.service-card a,\n.news-grid a {\n  display: inline-block;\n  margin-top: 22px;\n  color: var(--ink);\n  font-weight: 900;\n}\n\n.video-band {\n  position: relative;\n  min-height: 430px;\n  display: grid;\n  place-items: center;\n}\n\n.video-image {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(rgba(6, 18, 37, 0.2), rgba(6, 18, 37, 0.35)),\n    linear-gradient(135deg, rgba(255,122,0,0.5), transparent 35%),\n    repeating-linear-gradient(90deg, rgba(255,255,255,0.2) 0 2px, transparent 2px 96px),\n    #33465f;\n}\n\n.play-button {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  width: 96px;\n  height: 96px;\n  place-items: center;\n  color: var(--white);\n  background: var(--accent);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n.why {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n  gap: 70px;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.progress-item {\n  position: relative;\n  margin-top: 30px;\n  font-weight: 800;\n}\n\n.progress-item strong {\n  float: right;\n}\n\n.progress-item div {\n  height: 8px;\n  margin-top: 12px;\n  background: #e8edf3;\n}\n\n.progress-item i {\n  display: block;\n  height: 100%;\n  background: var(--accent);\n}\n\n.stat-stack {\n  display: grid;\n  gap: 22px;\n}\n\n.stat-card {\n  display: grid;\n  align-content: center;\n  min-height: 210px;\n  padding: 34px;\n  background: var(--pale);\n}\n\n.stat-card.dark {\n  color: var(--white);\n  background: var(--ink);\n}\n\n.stat-card strong,\n.stat-panel strong {\n  display: block;\n  margin-bottom: 8px;\n  font-size: clamp(44px, 6vw, 72px);\n  line-height: 1;\n}\n\n.stat-card span,\n.stat-panel span {\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.testimonial-band {\n  display: grid;\n  grid-template-columns: 0.34fr 0.66fr;\n  background: var(--dark);\n}\n\n.stat-panel {\n  display: grid;\n  align-content: center;\n  min-height: 420px;\n  padding: clamp(34px, 6vw, 80px);\n  color: var(--white);\n  background: var(--accent);\n}\n\n.testimonial-track {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  align-content: center;\n  padding: clamp(34px, 6vw, 80px);\n}\n\n.testimonial-track article {\n  padding: 34px;\n  background: var(--white);\n}\n\n.testimonial-track p {\n  margin: 0 0 18px;\n  color: var(--accent);\n  font-weight: 900;\n}\n\nblockquote {\n  margin: 0 0 18px;\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.testimonial-track span {\n  color: var(--accent);\n  letter-spacing: 3px;\n}\n\n.team {\n  background: var(--pale);\n}\n\n.team-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 26px;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.team-grid article {\n  background: var(--white);\n}\n\n.portrait {\n  height: 320px;\n  background:\n    radial-gradient(circle at 50% 24%, #f4c69e 0 42px, transparent 44px),\n    linear-gradient(var(--accent) 0 0) 50% 78% \/ 58% 44% no-repeat,\n    linear-gradient(#18243a 0 0) 50% 49% \/ 38% 19% no-repeat,\n    #dfe7ef;\n}\n\n.p2 {\n  background-color: #d8e0e8;\n}\n\n.p3 {\n  background-color: #e4e8ed;\n}\n\n.p4 {\n  background-color: #d7dee6;\n}\n\n.team-grid article p,\n.team-grid article h3 {\n  padding-inline: 24px;\n}\n\n.team-grid article p {\n  padding-top: 24px;\n}\n\n.team-grid article h3 {\n  padding-bottom: 24px;\n}\n\n.quote-section {\n  padding: clamp(70px, 9vw, 120px) clamp(22px, 5vw, 72px);\n  background:\n    linear-gradient(rgba(6,18,37,0.78), rgba(6,18,37,0.78)),\n    repeating-linear-gradient(90deg, rgba(255,255,255,0.12) 0 2px, transparent 2px 90px),\n    #22344b;\n}\n\n.quote-wrap {\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n  gap: 50px;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n  color: var(--white);\n}\n\n.quote-wrap .eyebrow,\n.quote-wrap h2 {\n  color: var(--white);\n}\n\nform {\n  display: grid;\n  gap: 18px;\n}\n\n.quote-wrap form {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\nlabel {\n  display: grid;\n  gap: 8px;\n  color: var(--white);\n  font-size: 14px;\n  font-weight: 800;\n}\n\nlabel.full {\n  grid-column: 1 \/ -1;\n}\n\ninput,\nselect,\ntextarea {\n  width: 100%;\n  min-height: 58px;\n  border: 0;\n  padding: 0 18px;\n  color: var(--ink);\n  background: var(--white);\n  font: inherit;\n}\n\ntextarea {\n  min-height: 130px;\n  padding-top: 16px;\n  resize: vertical;\n}\n\n.news-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 28px;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.news-grid article {\n  padding: 34px;\n  border: 1px solid var(--line);\n  background: var(--white);\n}\n\n.news-grid time {\n  display: inline-block;\n  margin-bottom: 22px;\n  padding: 12px 18px;\n  color: var(--white);\n  background: var(--accent);\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.site-footer {\n  color: var(--white);\n  background: var(--dark);\n}\n\n.newsletter {\n  display: grid;\n  grid-template-columns: 1fr minmax(320px, 540px);\n  gap: 32px;\n  align-items: center;\n  padding: 42px clamp(22px, 5vw, 72px);\n  background: var(--accent);\n}\n\n.newsletter h2 {\n  font-size: clamp(28px, 3vw, 40px);\n}\n\n.newsletter form {\n  display: flex;\n  gap: 0;\n}\n\n.newsletter button {\n  min-width: 132px;\n  border: 0;\n  color: var(--white);\n  background: var(--ink);\n  font-weight: 900;\n}\n\n.footer-grid {\n  display: grid;\n  grid-template-columns: 1.2fr repeat(3, 1fr);\n  gap: 38px;\n  padding: 70px clamp(22px, 5vw, 72px);\n}\n\n.footer-brand {\n  color: var(--white);\n}\n\n.footer-grid h3 {\n  margin: 0 0 22px;\n  font-size: 22px;\n}\n\n.footer-grid a,\n.footer-grid time,\n.footer-grid small {\n  display: block;\n  margin: 0 0 13px;\n  color: #b9c3d0;\n  font-size: 15px;\n}\n\n.footer-grid strong {\n  display: block;\n  font-size: 28px;\n}\n\n.copyright {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 24px clamp(22px, 5vw, 72px);\n  border-top: 1px solid rgba(255,255,255,0.12);\n  color: #b9c3d0;\n}\n\n.copyright div {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n@media (max-width: 980px) {\n  .site-header {\n    min-height: 86px;\n  }\n\n  .menu-button {\n    display: block;\n  }\n\n  .main-nav,\n  .header-actions {\n    display: none;\n  }\n\n  .main-nav.open {\n    position: absolute;\n    top: 86px;\n    left: 0;\n    right: 0;\n    display: grid;\n    gap: 0;\n    background: var(--white);\n    box-shadow: 0 20px 34px rgba(4, 18, 38, 0.1);\n  }\n\n  .main-nav.open a {\n    padding: 18px 28px;\n    border-top: 1px solid var(--line);\n  }\n\n  .hero {\n    min-height: 540px;\n  }\n\n  .hero-copy {\n    margin-left: 0;\n    padding-top: 120px;\n  }\n\n  .hero::after {\n    background: linear-gradient(90deg, rgba(255,255,255,0.75), rgba(255,255,255,0.5));\n  }\n\n  .service-grid,\n  .team-grid,\n  .news-grid,\n  .testimonial-track {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .section-head.split,\n  .why,\n  .testimonial-band,\n  .quote-wrap,\n  .newsletter,\n  .footer-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 640px) {\n  .site-header {\n    padding-inline: 28px;\n  }\n\n  .brand {\n    font-size: 32px;\n  }\n\n  .hero {\n    min-height: 560px;\n  }\n\n  .factory-hero::before {\n    left: -38px;\n    opacity: 0.82;\n  }\n\n  .hero-copy {\n    padding: 96px 28px 60px;\n  }\n\n  h1 {\n    font-size: 42px;\n  }\n\n  .service-grid,\n  .team-grid,\n  .news-grid,\n  .testimonial-track,\n  .quote-wrap form {\n    grid-template-columns: 1fr;\n  }\n\n  .service-card {\n    min-height: auto;\n  }\n\n  .newsletter form {\n    display: grid;\n  }\n\n  .newsletter button {\n    min-height: 54px;\n  }\n\n  .copyright {\n    display: grid;\n  }\n}\n\n<\/style>\n\n  <header class=\"site-header\">\n    <a class=\"brand\" href=\"#top\" aria-label=\"Colza home\">\n      <span class=\"brand-mark\">C<\/span>\n      <span>Colza<\/span>\n    <\/a>\n    <button class=\"menu-button\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n    <nav class=\"main-nav\" aria-label=\"Main navigation\">\n      <a href=\"#services\">Services<\/a>\n      <a href=\"#about\">About<\/a>\n      <a href=\"#team\">Team<\/a>\n      <a href=\"#quote\">Quote<\/a>\n      <a href=\"#news\">News<\/a>\n    <\/nav>\n    <div class=\"header-actions\">\n      <span>0 $0.00<\/span>\n      <a href=\"#quote\">Search<\/a>\n    <\/div>\n  <\/header>\n\n  <main id=\"top\">\n    <section class=\"hero\">\n      <div class=\"hero-image placeholder factory-hero\" role=\"img\" aria-label=\"Placeholder industrial worker image\"><\/div>\n      <div class=\"hero-copy\">\n        <p>Create whatever you want<\/p>\n        <h1>Quality is the best <span>business<\/span> plan.<\/h1>\n        <a class=\"button\" href=\"#quote\">Contact Us<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"section offer\" id=\"services\">\n      <div class=\"section-head split\">\n        <div>\n          <p class=\"eyebrow\">What we offer<\/p>\n          <h2>What we are offering to creative people<\/h2>\n        <\/div>\n        <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Replace this text with your own service promise later.<\/p>\n      <\/div>\n\n      <div class=\"service-grid\">\n        <article class=\"service-card\">\n          <span class=\"service-icon\">01<\/span>\n          <p>Manufacture<\/p>\n          <h3>Mechanical Works<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">02<\/span>\n          <p>Industrial<\/p>\n          <h3>General Contracting<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">03<\/span>\n          <p>Engineering<\/p>\n          <h3>Planning &#038; Design<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">04<\/span>\n          <p>Industrial<\/p>\n          <h3>Chemical Research<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">05<\/span>\n          <p>Chemical<\/p>\n          <h3>Eco &#038; Bio Power<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">06<\/span>\n          <p>Manufacture<\/p>\n          <h3>Product Marketing<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">07<\/span>\n          <p>Engineering<\/p>\n          <h3>Fuel Management<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">08<\/span>\n          <p>Construction<\/p>\n          <h3>Metal Roofing<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n        <article class=\"service-card\">\n          <span class=\"service-icon\">09<\/span>\n          <p>Industrial<\/p>\n          <h3>Power &#038; Energy<\/h3>\n          <span>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas.<\/span>\n          <a href=\"#quote\">Read more<\/a>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"video-band\">\n      <div class=\"placeholder video-image\" role=\"img\" aria-label=\"Placeholder industrial video still\"><\/div>\n      <a class=\"play-button\" href=\"https:\/\/www.youtube.com\/watch?v=waBUdHnaqd8\">Play<\/a>\n    <\/section>\n\n    <section class=\"section why\" id=\"about\">\n      <div class=\"why-copy\">\n        <p class=\"eyebrow\">Why choose us<\/p>\n        <h2>Building Construction great experience<\/h2>\n        <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. This section is ready for your real company details.<\/p>\n        <div class=\"progress-item\">\n          <span>Satisfied Companies<\/span>\n          <strong>90%<\/strong>\n          <div><i style=\"width:90%\"><\/i><\/div>\n        <\/div>\n        <div class=\"progress-item\">\n          <span>Happy Customers<\/span>\n          <strong>80%<\/strong>\n          <div><i style=\"width:80%\"><\/i><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"stat-stack\">\n        <div class=\"stat-card\">\n          <strong>350+<\/strong>\n          <span>Project Completed<\/span>\n        <\/div>\n        <div class=\"stat-card dark\">\n          <strong>408+<\/strong>\n          <span>Satisfied Customers<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"testimonial-band\">\n      <div class=\"stat-panel\">\n        <strong>250+<\/strong>\n        <span>Project Completed<\/span>\n      <\/div>\n      <div class=\"testimonial-track\">\n        <article>\n          <h3>Lusicca Davis<\/h3>\n          <p>Founder<\/p>\n          <blockquote>They are always very responsive and quick to address any concerns we have. They go the extra mile to make every right.<\/blockquote>\n          <span>\u2605\u2605\u2605\u2605\u2605<\/span>\n        <\/article>\n        <article>\n          <h3>Steve Smith<\/h3>\n          <p>Director<\/p>\n          <blockquote>They keep the work clear, fast, and practical. The team responds well and supports each stage of the project.<\/blockquote>\n          <span>\u2605\u2605\u2605\u2605\u2605<\/span>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"section team\" id=\"team\">\n      <div class=\"section-head centered\">\n        <p class=\"eyebrow\">Team member<\/p>\n        <h2>Meet Our Hardworking Team Member<\/h2>\n      <\/div>\n      <div class=\"team-grid\">\n        <article>\n          <div class=\"placeholder portrait p1\"><\/div>\n          <p>Engineer<\/p>\n          <h3>Justin Novak<\/h3>\n        <\/article>\n        <article>\n          <div class=\"placeholder portrait p2\"><\/div>\n          <p>Manager<\/p>\n          <h3>Novalee Spicer<\/h3>\n        <\/article>\n        <article>\n          <div class=\"placeholder portrait p3\"><\/div>\n          <p>Co-Founder<\/p>\n          <h3>Dianna Smiley<\/h3>\n        <\/article>\n        <article>\n          <div class=\"placeholder portrait p4\"><\/div>\n          <p>Developer<\/p>\n          <h3>Edward Willey<\/h3>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"quote-section\" id=\"quote\">\n      <div class=\"quote-wrap\">\n        <div>\n          <p class=\"eyebrow\">Get a quote<\/p>\n          <h2>Request a free call back<\/h2>\n        <\/div>\n        <form>\n          <label>\n            <span>Name<\/span>\n            <input type=\"text\" placeholder=\"Your name\">\n          <\/label>\n          <label>\n            <span>Email<\/span>\n            <input type=\"email\" placeholder=\"Email address\">\n          <\/label>\n          <label>\n            <span>Phone<\/span>\n            <input type=\"tel\" placeholder=\"Phone number\">\n          <\/label>\n          <label>\n            <span>Service<\/span>\n            <select>\n              <option>Service 01<\/option>\n              <option>Mechanical Works<\/option>\n              <option>Planning &#038; Design<\/option>\n            <\/select>\n          <\/label>\n          <label class=\"full\">\n            <span>Message<\/span>\n            <textarea placeholder=\"Project message\"><\/textarea>\n          <\/label>\n          <button class=\"button\" type=\"button\">Send a Message<\/button>\n        <\/form>\n      <\/div>\n    <\/section>\n\n    <section class=\"section news\" id=\"news\">\n      <div class=\"section-head split\">\n        <div>\n          <p class=\"eyebrow\">Latest news<\/p>\n          <h2>We Are Here To Learn You More From Blog<\/h2>\n        <\/div>\n        <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Add your news or case studies here.<\/p>\n      <\/div>\n      <div class=\"news-grid\">\n        <article>\n          <time>18 Jun 2020<\/time>\n          <p>Engineering \u00b7 Admin \u00b7 3 Comment<\/p>\n          <h3>Experts Gives Guide to Safety Leadership Training<\/h3>\n          <span>There are many variations of passages available for preview content.<\/span>\n          <a href=\"#top\">Read more<\/a>\n        <\/article>\n        <article>\n          <time>03 Jun 2020<\/time>\n          <p>Industrial \u00b7 Admin \u00b7 3 Comment<\/p>\n          <h3>Experienced Engineers Give all Industry Solution<\/h3>\n          <span>There are many variations of passages available for preview content.<\/span>\n          <a href=\"#top\">Read more<\/a>\n        <\/article>\n        <article>\n          <time>03 Jun 2020<\/time>\n          <p>Manufacture \u00b7 Admin \u00b7 3 Comment<\/p>\n          <h3>How to Worker Fix &#038; Manage Industrial Machine<\/h3>\n          <span>There are many variations of passages available for preview content.<\/span>\n          <a href=\"#top\">Read more<\/a>\n        <\/article>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"site-footer\">\n    <section class=\"newsletter\">\n      <h2>Sign Up to Get Latest Updates<\/h2>\n      <form>\n        <input type=\"email\" placeholder=\"Your email address\">\n        <button type=\"button\">Submit<\/button>\n      <\/form>\n    <\/section>\n    <section class=\"footer-grid\">\n      <div>\n        <a class=\"brand footer-brand\" href=\"#top\">\n          <span class=\"brand-mark\">C<\/span>\n          <span>Colza<\/span>\n        <\/a>\n        <p>We are the leaders in building industries and factories. We work worldwide and keep moving through challenges.<\/p>\n        <small>Talk to our support<\/small>\n        <strong>92 666 888 0000<\/strong>\n      <\/div>\n      <div>\n        <h3>Industry Company<\/h3>\n        <a href=\"#top\">Home<\/a>\n        <a href=\"#about\">About Us<\/a>\n        <a href=\"#news\">Company News<\/a>\n        <a href=\"#services\">Projects<\/a>\n        <a href=\"#services\">Case Study<\/a>\n      <\/div>\n      <div>\n        <h3>Services<\/h3>\n        <a href=\"#services\">Industrial Supplies<\/a>\n        <a href=\"#quote\">Project Pricing<\/a>\n        <a href=\"#about\">Client Testimonials<\/a>\n        <a href=\"#about\">Our Philosophy<\/a>\n        <a href=\"#quote\">Cost Calculator<\/a>\n      <\/div>\n      <div>\n        <h3>Featured Posts<\/h3>\n        <a href=\"#news\">Experts Gives Guide to Safety Leadership Training<\/a>\n        <time>June 18, 2020<\/time>\n        <a href=\"#news\">Experienced Engineers Give all Industry Solution<\/a>\n        <time>June 3, 2020<\/time>\n      <\/div>\n    <\/section>\n    <section class=\"copyright\">\n      <p>Copyright \u00a9 2021 All Rights Reserved.<\/p>\n      <div>\n        <a href=\"#top\">Facebook<\/a>\n        <a href=\"#top\">Twitter<\/a>\n        <a href=\"#top\">Instagram<\/a>\n        <a href=\"#top\">Youtube<\/a>\n      <\/div>\n    <\/section>\n  <\/footer>\n  \n\n<script>\nconst menuButton = document.querySelector(\".menu-button\");\nconst mainNav = document.querySelector(\".main-nav\");\n\nmenuButton?.addEventListener(\"click\", () => {\n  const isOpen = mainNav.classList.toggle(\"open\");\n  menuButton.setAttribute(\"aria-expanded\", String(isOpen));\n});\n\nmainNav?.addEventListener(\"click\", (event) => {\n  if (event.target instanceof HTMLAnchorElement) {\n    mainNav.classList.remove(\"open\");\n    menuButton?.setAttribute(\"aria-expanded\", \"false\");\n  }\n});\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>C Colza Services About Team Quote News 0 $0.00 Search Create whatever you want Quality is the best business plan. Contact Us What we offer What we are offering to creative people Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Replace this text with your own service promise later. 01 Manufacture Mechanical Works Quis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/v1.giadec.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}