{"id":5864,"date":"2026-08-12T10:35:13","date_gmt":"2026-08-12T09:35:13","guid":{"rendered":"https:\/\/www.thedoodooboysnj.com\/?page_id=5864"},"modified":"2026-08-12T10:36:22","modified_gmt":"2026-08-12T09:36:22","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/www.thedoodooboysnj.com\/index.php\/how-it-works\/","title":{"rendered":"How It Works"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5864\" class=\"elementor elementor-5864\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b3f2fe elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"3b3f2fe\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b573bb\" data-id=\"2b573bb\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-45a6d0b elementor-widget elementor-widget-html\" data-id=\"45a6d0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =====================================================\r\nTHE DOODOO BOYS LLC - HOW IT WORKS SECTION\r\n===================================================== -->\r\n\r\n<section class=\"ddb-how-it-works\">\r\n  <div class=\"ddb-hiw-container\">\r\n\r\n    <!-- Section Header -->\r\n    <div class=\"ddb-hiw-header\">\r\n      <div class=\"ddb-hiw-eyebrow\">\r\n        <span><\/span>\r\n        HOW IT WORKS\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Simple Service.\r\n        <strong>Cleaner Spaces.<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Getting started with The Doodoo Boys LLC is easy. Choose the service\r\n        that fits your property, schedule your cleanup, and let our team handle\r\n        the rest.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Steps -->\r\n    <div class=\"ddb-hiw-grid\">\r\n\r\n      <!-- Step 1 -->\r\n      <div class=\"ddb-hiw-card\">\r\n        <div class=\"ddb-hiw-number\">01<\/div>\r\n\r\n        <div class=\"ddb-hiw-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M5 4h14v16H5z\"><\/path>\r\n            <path d=\"M8 8h8\"><\/path>\r\n            <path d=\"M8 12h6\"><\/path>\r\n            <path d=\"M8 16h5\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Choose Your Service<\/h3>\r\n\r\n        <p>\r\n          Select the cleanup option that best fits your home, community,\r\n          commercial property or public space.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Connector -->\r\n      <div class=\"ddb-hiw-arrow\">\u2192<\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"ddb-hiw-card\">\r\n        <div class=\"ddb-hiw-number\">02<\/div>\r\n\r\n        <div class=\"ddb-hiw-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\r\n            <path d=\"M8 3v4\"><\/path>\r\n            <path d=\"M16 3v4\"><\/path>\r\n            <path d=\"M4 10h16\"><\/path>\r\n            <path d=\"M8 14h3\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Schedule Your Cleanup<\/h3>\r\n\r\n        <p>\r\n          Pick a convenient service schedule, whether you need recurring,\r\n          weekly or one-time pet waste removal.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Connector -->\r\n      <div class=\"ddb-hiw-arrow\">\u2192<\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"ddb-hiw-card\">\r\n        <div class=\"ddb-hiw-number\">03<\/div>\r\n\r\n        <div class=\"ddb-hiw-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 19h16\"><\/path>\r\n            <path d=\"M7 19V9\"><\/path>\r\n            <path d=\"M17 19V9\"><\/path>\r\n            <path d=\"M7 9l5-4 5 4\"><\/path>\r\n            <circle cx=\"10\" cy=\"13\" r=\"1.5\"><\/circle>\r\n            <circle cx=\"14\" cy=\"13\" r=\"1.5\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>We Clean the Area<\/h3>\r\n\r\n        <p>\r\n          Our professional team arrives as scheduled and thoroughly removes pet\r\n          waste from the designated outdoor areas.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Connector -->\r\n      <div class=\"ddb-hiw-arrow\">\u2192<\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"ddb-hiw-card\">\r\n        <div class=\"ddb-hiw-number\">04<\/div>\r\n\r\n        <div class=\"ddb-hiw-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 13l4 4L20 5\"><\/path>\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Enjoy a Cleaner Space<\/h3>\r\n\r\n        <p>\r\n          Enjoy a cleaner, fresher and more comfortable outdoor space without\r\n          the hassle of handling pet waste yourself.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Contact -->\r\n    <div class=\"ddb-hiw-bottom\">\r\n      <div class=\"ddb-hiw-bottom-text\">\r\n        <span>READY TO GET STARTED?<\/span>\r\n        <h3>Let Us Take Care of the Dirty Work.<\/h3>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/www.thedoodooboysnj.com\/index.php\/contact-v-4\/\"\r\n         class=\"ddb-hiw-btn\">\r\n        Contact Us\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ddb-how-it-works,\r\n.ddb-how-it-works * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ddb-how-it-works {\r\n  --navy: #0A1D3D;\r\n  --green: #6BB24A;\r\n  --brown: #8B5E3C;\r\n  --white: #FFFFFF;\r\n  --text: #566274;\r\n  --light: #F7F9F6;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 105px 24px;\r\n  overflow: hidden;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 10%,\r\n      rgba(107,178,74,.12),\r\n      transparent 26%\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 90%,\r\n      rgba(139,94,60,.09),\r\n      transparent 25%\r\n    ),\r\n    #FFFFFF;\r\n}\r\n\r\n.ddb-hiw-container {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HEADER\r\n========================= *\/\r\n\r\n.ddb-hiw-header {\r\n  max-width: 760px;\r\n  margin: 0 auto 65px;\r\n  text-align: center;\r\n}\r\n\r\n.ddb-hiw-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n\r\n  margin-bottom: 17px;\r\n\r\n  color: var(--green);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 2.4px;\r\n}\r\n\r\n.ddb-hiw-eyebrow span {\r\n  width: 34px;\r\n  height: 2px;\r\n\r\n  background: var(--brown);\r\n  border-radius: 20px;\r\n}\r\n\r\n.ddb-hiw-header h2 {\r\n  margin: 0 0 20px;\r\n\r\n  color: var(--navy);\r\n\r\n  font-size: clamp(40px, 5vw, 62px);\r\n  line-height: 1.06;\r\n  font-weight: 800;\r\n  letter-spacing: -2.4px;\r\n}\r\n\r\n.ddb-hiw-header h2 strong {\r\n  display: block;\r\n  color: var(--green);\r\n  font-weight: 800;\r\n}\r\n\r\n.ddb-hiw-header p {\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n\r\n  color: var(--text);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================\r\n   STEPS GRID\r\n========================= *\/\r\n\r\n.ddb-hiw-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 60px\r\n    1fr 60px\r\n    1fr 60px\r\n    1fr;\r\n\r\n  align-items: center;\r\n  gap: 0;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CARD\r\n========================= *\/\r\n\r\n.ddb-hiw-card {\r\n  position: relative;\r\n\r\n  min-height: 330px;\r\n\r\n  padding: 34px 28px 30px;\r\n\r\n  background: var(--white);\r\n\r\n  border: 1px solid rgba(10,29,61,.08);\r\n  border-radius: 24px;\r\n\r\n  box-shadow:\r\n    0 14px 38px rgba(10,29,61,.07);\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    border-color .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n.ddb-hiw-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  right: -55px;\r\n  top: -55px;\r\n\r\n  width: 150px;\r\n  height: 150px;\r\n\r\n  background: rgba(107,178,74,.07);\r\n\r\n  border-radius: 50%;\r\n\r\n  transition: transform .4s ease;\r\n}\r\n\r\n.ddb-hiw-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n\r\n  width: 100%;\r\n  height: 4px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--green),\r\n    var(--brown)\r\n  );\r\n\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n\r\n  transition: transform .4s ease;\r\n}\r\n\r\n.ddb-hiw-card:hover {\r\n  transform: translateY(-9px);\r\n\r\n  border-color: rgba(107,178,74,.32);\r\n\r\n  box-shadow:\r\n    0 28px 58px rgba(10,29,61,.13);\r\n}\r\n\r\n.ddb-hiw-card:hover::before {\r\n  transform: scale(1.3);\r\n}\r\n\r\n.ddb-hiw-card:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================\r\n   NUMBER\r\n========================= *\/\r\n\r\n.ddb-hiw-number {\r\n  position: absolute;\r\n\r\n  right: 24px;\r\n  top: 23px;\r\n\r\n  color: rgba(10,29,61,.07);\r\n\r\n  font-size: 46px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ICON\r\n========================= *\/\r\n\r\n.ddb-hiw-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 68px;\r\n  height: 68px;\r\n\r\n  margin-bottom: 26px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: var(--navy);\r\n\r\n  color: var(--white);\r\n\r\n  border-radius: 19px;\r\n\r\n  box-shadow:\r\n    0 12px 26px rgba(10,29,61,.20);\r\n\r\n  transition:\r\n    background .35s ease,\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.ddb-hiw-icon svg {\r\n  width: 30px;\r\n  height: 30px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.ddb-hiw-card:hover .ddb-hiw-icon {\r\n  background: var(--green);\r\n\r\n  transform: rotate(-4deg) scale(1.05);\r\n\r\n  box-shadow:\r\n    0 14px 28px rgba(107,178,74,.30);\r\n}\r\n\r\n\r\n\/* =========================\r\n   TEXT\r\n========================= *\/\r\n\r\n.ddb-hiw-card h3 {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--navy);\r\n\r\n  font-size: 21px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n}\r\n\r\n.ddb-hiw-card p {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--text);\r\n\r\n  font-size: 14.5px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ARROWS\r\n========================= *\/\r\n\r\n.ddb-hiw-arrow {\r\n  position: relative;\r\n  z-index: 5;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: var(--green);\r\n\r\n  color: var(--white);\r\n\r\n  border: 5px solid var(--white);\r\n  border-radius: 50%;\r\n\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(107,178,74,.28);\r\n}\r\n\r\n\r\n\/* =========================\r\n   BOTTOM CTA\r\n========================= *\/\r\n\r\n.ddb-hiw-bottom {\r\n  margin-top: 60px;\r\n\r\n  padding: 31px 38px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 30px;\r\n\r\n  background: #F5F8F3;\r\n\r\n  border: 1px solid rgba(107,178,74,.18);\r\n  border-radius: 20px;\r\n}\r\n\r\n.ddb-hiw-bottom-text span {\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: var(--green);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.ddb-hiw-bottom-text h3 {\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n\r\n  font-size: clamp(22px, 3vw, 30px);\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* Button *\/\r\n\r\n.ddb-hiw-btn {\r\n  flex: 0 0 auto;\r\n\r\n  min-height: 54px;\r\n\r\n  padding: 0 24px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n\r\n  background: var(--navy);\r\n\r\n  border-radius: 12px;\r\n\r\n  color: var(--white);\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n\r\n  box-shadow:\r\n    0 12px 27px rgba(10,29,61,.17);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.ddb-hiw-btn span {\r\n  font-size: 18px;\r\n  transition: transform .3s ease;\r\n}\r\n\r\n.ddb-hiw-btn:hover {\r\n  background: var(--green);\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 15px 30px rgba(107,178,74,.27);\r\n}\r\n\r\n.ddb-hiw-btn:hover span {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .ddb-hiw-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .ddb-hiw-arrow {\r\n    display: none;\r\n  }\r\n\r\n  .ddb-hiw-card {\r\n    min-height: 290px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 680px) {\r\n\r\n  .ddb-how-it-works {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  .ddb-hiw-header {\r\n    margin-bottom: 43px;\r\n  }\r\n\r\n  .ddb-hiw-header h2 {\r\n    font-size: 38px;\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .ddb-hiw-header p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .ddb-hiw-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .ddb-hiw-card {\r\n    min-height: auto;\r\n    padding: 28px 24px;\r\n  }\r\n\r\n  .ddb-hiw-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n  }\r\n\r\n  .ddb-hiw-card h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .ddb-hiw-bottom {\r\n    margin-top: 40px;\r\n\r\n    padding: 27px 23px;\r\n\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .ddb-hiw-btn {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOW IT WORKS Simple Service. Cleaner Spaces. Getting started with The Doodoo Boys LLC is easy. Choose the service that fits your property, schedule your cleanup, and let our team handle the rest. 01 Choose Your Service Select the cleanup option that best fits your home, community, commercial property or public space. \u2192 02 Schedule [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5864","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/pages\/5864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/comments?post=5864"}],"version-history":[{"count":4,"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/pages\/5864\/revisions"}],"predecessor-version":[{"id":5869,"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/pages\/5864\/revisions\/5869"}],"wp:attachment":[{"href":"https:\/\/www.thedoodooboysnj.com\/index.php\/wp-json\/wp\/v2\/media?parent=5864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}