page

蓝鲸体育app

<div class="colmet">
          <div class="hero-boxed overflow-hidden bg-black bg-cover bg-center relative mb-[40px] md:mb-[80px]" style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_1-scaled.jpg')">
        <div class="bg-gradient-to-r from-black/55 via-black/55 to-black/0 py-[80px]">
          
          <div class="content-container container text-start py-[36px] ">
            <div class="content max-w-2xl me-auto">
                              <h4 class="text-white mb-2"><strong><i>The Original</i></strong></h4>
                                            <h1 class="text-yellow mb-2">
                  <strong>ATTACHED-STAKE STEEL EDGING</strong>
                </h1>
                                                          <p class="text-white large mb-0">Meet our true all-in-one solution. Each piece comes with four attached stakes, so you always receive the perfect quantity. Just snap, place, and stake.</p>
                             
               
                          </div>
          </div>
        </div>
      </div>
      </div>


  
  <div class="colmet">
    <div class="component container">
      <div class="grid grid-cols-1 gap-4 md:grid-cols-2 content-start items-center mb-[40px] md:mb-[80px]">
                  
                        <div class="relative flex items-start">
              <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_4_Diagram_crop16-9-scaled.jpg" alt="Attached-Stake steel edging diagram" />
            </div>
                      <div class="relative flex flex-col items-start px-0 md:px-[36px] gap-y-[36px]">
                        <div class="headline-container">
              <h4 class="small text-midnight"></h4>
              <h4 class="mb-0 text-midnight"><strong>ALL-IN-ONE</strong></h4>
              <h4 class="small text-midnight"><i>SOLUTION</i></h4>
            </div>
            <div class="content-container">
              <ul>
<li>Each edging piece includes four preattached聽stakes.</li>
<li>Stakes snap off easily with long-handled聽pliers.</li>
<li>Crafted from robust 14-gauge steel available in a variety of聽colors.</li>
</ul>
            </div>
                      </div>
              </div>
    </div>
  </div>
  <h5 class="wp-block-heading has-text-align-center text-midnight text-3xl"><strong>Easy</strong> Installation</h5>
  <div class="colmet">
    <div class="component container">
      <div class="relative overflow-auto mb-[40px] md:mb-[80px] ">
        <div class="grid md:grid-flow-col grid-rows-18 md:grid-rows-4 grid-cols-subgrid gap-4 text-white h-[770px] md:h-[220px] lg:h-[300px]">
                            <div class="grid col-span-12 md:col-span-2 row-span-3 md:row-span-4 relative overflow-hidden md:order-none bg-black bg-opacity-50">
                                              <img decoding="async" class="object-cover h-[250px] md:h-[225px] lg:h-[305px] w-full" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_Step1_Snap-scaled.jpg" alt="Attached-stake steel edging step one: snap" />
                                        <div class="absolute bottom-0 right-0 text-start w-full">
                      <div class="h-[100px] bg-gradient-to-t from-black/50"></div>
                      <div class="content p-[36px] bg-black bg-opacity-50">
                        <h3 class="absolute bottom-0 left-1/2 -translate-x-1/2 text-yellow"><strong>SNAP</strong></h3>
                      </div>
                    </div>
                  </div>

                                  <div class="grid col-span-12 md:col-span-2 row-span-3 md:row-span-4 relative overflow-hidden md:order-none bg-black bg-opacity-50">
                                              <img decoding="async" class="object-cover h-[250px] md:h-[225px] lg:h-[305px] w-full" src="https://cms.colmet.com/wp-content/uploads/2024/07/COL24_AttachedStakeSteelEdging_Step2_Place.jpg" alt="Attached-stake steel edging step two: place" />
                                        <div class="absolute bottom-0 right-0 text-start w-full">
                      <div class="h-[100px] bg-gradient-to-t from-black/50"></div>
                      <div class="content p-[36px] bg-black bg-opacity-50">
                        <h3 class="absolute bottom-0 left-1/2 -translate-x-1/2 text-yellow"><strong>PLACE</strong></h3>
                      </div>
                    </div>
                  </div>

                                  <div class="grid col-span-12 md:col-span-2 row-span-3 md:row-span-4 relative overflow-hidden md:order-none bg-black bg-opacity-50">
                                              <img decoding="async" class="object-cover h-[250px] md:h-[225px] lg:h-[305px] w-full" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_Step3_Stake-scaled.jpg" alt="attached-stake steel edging step three: stake" />
                                        <div class="absolute bottom-0 right-0 text-start w-full">
                      <div class="h-[100px] bg-gradient-to-t from-black/50"></div>
                      <div class="content p-[36px] bg-black bg-opacity-50">
                        <h3 class="absolute bottom-0 left-1/2 -translate-x-1/2 text-yellow"><strong>STAKE</strong></h3>
                      </div>
                    </div>
                  </div>

                        </div>
      </div>
    </div>

  </div>
  
  <div class="colmet">
    <div class="component container">
      <div class="h-[5px] bg-yellow" style="margin-bottom:80px"></div>
    </div>
  </div>
  <h5 class="wp-block-heading has-text-align-center text-midnight text-3xl"><strong>Colors</strong> + Finishes</h5>
  <div class="colmet">
    <div class="component container">
      <div class="relative overflow-auto mb-[40px] md:mb-[80px]">
        
        
        <div class="flex flex-wrap gap-[18px] justify-center items-center text-white">
                        
              <div class="w-[100%] sm:w-full md:w-[calc((100%/4)-15px)] lg:w-[calc((100%/6)-15px)] relative overflow-hidden">
                <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelFinish_Black_h.jpg" class="object-cover h-[70px] md:h-[170px] lg:h-[151px] xl:h-[193px] w-full" alt="Black finish" />
                <p class="absolute bottom-0 left-0 p-[12px] w-full bg-black/[.5] mb-0">Black</p>
              </div>
                          
              <div class="w-[100%] sm:w-full md:w-[calc((100%/4)-15px)] lg:w-[calc((100%/6)-15px)] relative overflow-hidden">
                <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelFinish_BlackTexture_h.jpg" class="object-cover h-[70px] md:h-[170px] lg:h-[151px] xl:h-[193px] w-full" alt="Black Texture finish" />
                <p class="absolute bottom-0 left-0 p-[12px] w-full bg-black/[.5] mb-0">Black Texture</p>
              </div>
                          
              <div class="w-[100%] sm:w-full md:w-[calc((100%/4)-15px)] lg:w-[calc((100%/6)-15px)] relative overflow-hidden">
                <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelFinish_Brown_h.jpg" class="object-cover h-[70px] md:h-[170px] lg:h-[151px] xl:h-[193px] w-full" alt="Brown finish" />
                <p class="absolute bottom-0 left-0 p-[12px] w-full bg-black/[.5] mb-0">Brown</p>
              </div>
                          
              <div class="w-[100%] sm:w-full md:w-[calc((100%/4)-15px)] lg:w-[calc((100%/6)-15px)] relative overflow-hidden">
                <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelFinish_BrownTexture_h.jpg" class="object-cover h-[70px] md:h-[170px] lg:h-[151px] xl:h-[193px] w-full" alt="Brown Texture finish" />
                <p class="absolute bottom-0 left-0 p-[12px] w-full bg-black/[.5] mb-0">Brown Texture</p>
              </div>
                          
              <div class="w-[100%] sm:w-full md:w-[calc((100%/4)-15px)] lg:w-[calc((100%/6)-15px)] relative overflow-hidden">
                <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelFinish_Green_h.jpg" class="object-cover h-[70px] md:h-[170px] lg:h-[151px] xl:h-[193px] w-full" alt="Green finish" />
                <p class="absolute bottom-0 left-0 p-[12px] w-full bg-black/[.5] mb-0">Green</p>
              </div>
                          
              <div class="w-[100%] sm:w-full md:w-[calc((100%/4)-15px)] lg:w-[calc((100%/6)-15px)] relative overflow-hidden">
                <img decoding="async" src="https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelFinish_GreenTexture_h.jpg" class="object-cover h-[70px] md:h-[170px] lg:h-[151px] xl:h-[193px] w-full" alt="Green Texture finish" />
                <p class="absolute bottom-0 left-0 p-[12px] w-full bg-black/[.5] mb-0">Green Texture</p>
              </div>
                    </div>
      </div>
    </div>
    

  </div>


  <div class="wp-block-group alignfull mb-[40px] md:mb-[80px]"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"><h5 class="wp-block-heading has-text-align-center text-3xl text-midnight headline-container"><strong>Edging</strong> Specifications</h5>

<p class="has-text-align-center"><strong>Lengths</strong> (ft.)<br>4 | 8 | 10</p>

<p class="has-text-align-center"><strong>Thicknesses</strong><br>14-gauge</p>

<p class="has-text-align-center"><strong>Heights</strong> (in.)<br>4</p></div></div>
  <div class="colmet">
    <div class="component container">
      <div class="h-[5px] bg-yellow" style="margin-bottom:80px"></div>
    </div>
  </div>
  
  <div class="colmet">
    <div class="component container">
      <div class="slider-accordion flex flex-col lg:flex-row gap-[12px] lg:gap-[24px] items-stretch overflow-hidden w-full lg:min-w-[600px] h-[700px] lg:h-[282px] xl:h-[500px] mb-[40px] md:mb-[80px]">
                        <div role="img" aria-label="Stake steel edging with rocks" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 active" style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_1-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="Attached-Stake Steel Edging between garden and lawn" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/07/COL23_AttachedStakeSteelEdging_8-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="attached-stake steel edging with plants" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_5-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="Attached-Stake Steel Edging in a garden with tree and gravel path" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/07/COL23_AttachedStakeSteelEdging_10-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="attached-stake steel edging overhead view" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_2-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="attached-stake steel edging with rock path" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/04/COL23_AttachedStakeSteelEdging_3-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="Attached-Stake Steel Edging between garden and lawn" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/07/COL23_AttachedStakeSteelEdging_9-scaled.jpg')">
                </div>
                                                        <div role="img" aria-label="woman with 4-ft. edging section" tabindex="0" class="slider-image relative overflow-hidden min-w-[50px] min-h-[40px] lg:min-h-auto bg-center bg-cover cursor-pointer grow-[1000] [&amp;:not(.active)]:grow transition-all ease-in-out duration-300 " style="background-image: url('https://cms.colmet.com/wp-content/uploads/2024/04/COL23_SteelEdgingAccessories_6_Edging_4ft-scaled.jpg')">
                </div>
                                                
      </div>
    </div>

  </div>