Fabricante y Proveedor de Pérgolas de Aluminio

Pérgolas de Aluminio para Espacios Exteriores Modernos

Outdoor Creation diseña, desarrolla y fabrica pérgolas de aluminio, pérgolas bioclimáticas, sistemas de techo de lamas orientables, cocheras y soluciones de estructuras exteriores para patios, jardines, terrazas, áreas hoteleras y proyectos exteriores comerciales.

Explore sistemas de pérgolas a medida y productos exteriores compatibles, diseñados para ofrecer sombra moderna, confort, privacidad y ampliación de espacios exteriores.

BLOG & NEW

08/15 Why the Aluminum Pergola with Louve...

07/29 HOW TO CLEAN MY DECKING

09/01 What decking material is the best?

Fábrica de Outdoor Creation en China para pérgolas de aluminio y productos exteriores

QUIÉNES SOMOS

OUTDOOR CREATION

Outdoor Creation es un fabricante chino de estructuras exteriores con instalaciones de producción propias y capacidades internas de fabricación. Fundada en 2020, la empresa apoya a distribuidores, contratistas, constructores de jardines y marcas de productos exteriores mediante desarrollo práctico de productos, fabricación confiable y coordinación de proyectos B2B orientados a la exportación.

Nuestra gama de productos incluye pérgolas de aluminio, pérgolas bioclimáticas, cocheras, soluciones de almacenamiento de aluminio y accesorios compatibles para pérgolas. Ofrecemos soporte en selección de productos, comunicación de personalización, coordinación de producción y entrega global para aplicaciones exteriores residenciales y comerciales.

Desde medidas, colores y estructuras hasta opciones de techo y accesorios, ayudamos a socios globales a desarrollar soluciones exteriores cómodas, duraderas y rentables, incluyendo pérgolas de aluminio y pérgolas bioclimáticas adaptadas a diferentes necesidades de mercado.

CONOZCA MÁS SOBRE NOSOTROS →

outdoor-creation - Chairman&CEO

GEC Aluminum - Chairman&CEO

Banner Slider

<div class="overflow-hidden">
  <section class="section-dark p-0 bg-dark-gray mybanner01 position-relative">
    <div class="overflow-visible swiper lg-no-parallax  full-screen md-h-600px sm-h-500px ipad-top-space-margin swiper-light-pagination" data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loop": false, "pagination": { "el": ".swiper-pagination-bullets-08", "clickable": true, "dynamicBullets": false }, "keyboard": { "enabled": true, "onlyInViewport": true },  "breakpoints": { "992": { "slidesPerView": 1 }, "768": { "slidesPerView": 1 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }'>
      <div class="swiper-wrapper align-items-center">     
        <?php
$args = array(
    'post_type' => 'information',
    'posts_per_page' => 3,
    'tax_query' => array(
        array(
            'taxonomy' => 'information_category',
            'terms' => 40
        )
    )
);
$loop = new WP_Query( $args );

while ( $loop->have_posts() ) : $loop->the_post();
    $post_id = get_the_ID();
    $my_sub_title = esc_html( get_post_meta( $post_id, '_my_sub_title', true ) );
    $my_custom1 = esc_html( get_post_meta( $post_id, '_my_custom1', true ) );
    $my_custom2 = get_post_meta( $post_id, '_my_custom2', true );
?>
    <div class="swiper-slide overflow-visible">
        <div class="position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500">
            <div class="container h-100 position-relative z-3" data-swiper-parallax="-500">
                <div class="row align-items-center h-100">
                    <div class="col-xl-7 col-lg-8 col-md-10 position-relative text-white text-center text-md-start" data-anime='{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <div>
                            <span class="fs-20 mb-5px sm-mb-15px d-inline-block fw-500"><?php echo $my_sub_title; ?></span>
                        </div>
                        <h1 class="neue-Extrabold w-90 xl-w-100 text-shadow-double-large ls-minus-2px fw-700"><?php the_title(); ?></h1>
                        <a href="/es/</?php echo $my_custom2; ?>" target="_blank" class="btn btn-large btn-black box-shadow-extra-large mt-20px sm-mt-0">
                            <?php echo $my_custom1; ?> <span><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-arrow-right-short" viewbox="0 0 16 16">
  <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/>
</svg></span>
                        </a>
                    </div>
                    <div class="col-xl-5 col-lg-4 col-md-2 position-relative text-white text-center text-md-start d-none d-lg-block" data-anime='{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <?php the_content(); ?>
                    </div>
                </div>
            </div>
            <div class="opacity-very-light bg-black z-2"></div>
            <div class="z-1" style="position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-image:url('<?php echo esc_url( the_post_thumbnail_url( 'full' ) ); ?>'); background-size: cover; height: 130%;"></div>
        </div>
    </div>
<?php endwhile; wp_reset_postdata(); ?>     
      </div>
      <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-style-1 swiper-pagination-bullets-right swiper-pagination-vertical swiper-pagination-bullets-08"></div> 
    </div>
    <div class="container-fluid position-absolute bottom-20px">
      <div class="row position-relative">
		  <div class="col-md-12 z-3 d-none d-sm-block"><strong><a href="https://outdoor-creation.com/es/blog/" class="text-white">BLOG &amp; NEW</a></strong></div>
        <div class="col-sm-8 col-md-9 col-xl-10 swiper swiper-width-auto d-none d-sm-block" data-slider-options='{ "slidesPerView": "3", "spaceBetween":0, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false,  "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide","breakpoints": { "1200": { "slidesPerView": 3 }, "992": { "slidesPerView": 2 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }}'>
          <div class="swiper-wrapper marquee-slide"> 
            <?php
$args = array(
  'post_type' => 'post',
  'showposts' => 3,
  'orderby' => 'rand',
  'cat' => 28,
);
$my_query = new WP_Query( $args );
if ( $my_query->have_posts() ) {
  while ( $my_query->have_posts() ): $my_query->the_post();
  ?>
            <div class="swiper-slide">
              <div class="alt-font fs-16 text-white border-color-transparent-white-very-light border-bottom pt-10px pb-10px sm-p-25px me-3"><a href="/es/</?php the_permalink(); ?>" class="text-white"><span class="pe-10px fw-bold"><?php the_time('m/d'); ?></span> <?php echo mb_strimwidth( wp_strip_all_tags( get_the_title() ), 0, 38, '...' ); ?></a></div>
            </div>
<?php endwhile; wp_reset_postdata(); } ?>      
          </div>
        </div>
        <div class="col col-md-3 col-xl-2 elements-social social-icon-style-09">
          <ul class="extra-large-icon light text-end">
            <li><a class="facebook border-3" href="https://www.facebook.com/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="currentColor">
  <path d="M18 2h-3c-3.5 0-5 2.24-5 5v3H7v4h3v8h4v-8h3.2l.8-4h-4V7c0-.9.6-1.6 1.5-1.6H18V2z"></path>
</svg><span></span></a></li>
            <li><a class="twitter border-3" href="mailto:hello@outdoor-creation.com" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-envelope-fill" viewbox="0 0 16 16">
  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"/>
</svg><span></span></a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <section class="section position-relative bg-gradient-gary01-transparent z-3" >
    <div class="container z-2 position-relative">
      <div class="row">
        <div class="col-md-4 position-relative">
          <div class="row align-items-center position-relative md-mb-15" data-anime='{ "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
            <div class="col-6 col-md-12 col-lg-6 px-1 my-3 my-lg-2 chvh-60" data-bottom-top="transform: translateY(60px)" data-top-bottom="transform: translateY(-60px)"> <img src="https://outdoor-creation.com/wp-content/uploads/2024/09/about-1.png" alt="Fábrica de Outdoor Creation en China para pérgolas de aluminio y productos exteriores"/> </div>
            <div class="col-6 col-md-12 col-lg-6 px-1 my-3 my-lg-2 chvh-60" data-bottom-top="transform: translateY(-60px)" data-top-bottom="transform: translateY(60px)"> <img src="https://outdoor-creation.com/wp-content/uploads/2024/09/about-2.png" alt="Showroom de Outdoor Creation para pérgolas de aluminio y productos exteriores" /> </div>
          </div>
        </div>
        <div class="col-md-8">
          <div class="md-mt-20 sm-mt-0 pb-lg-5" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
            <div class="mb-10px"> <span class="w-25px h-1px d-inline-block bg-white me-5px align-middle"></span> <span class="text-white fs-15 alt-font fw-700 ls-05px text-uppercase d-inline-block align-middle">QUIÉNES SOMOS</span> </div>
			  <?php echo "{$post_content}"; ?>
          </div>
          <div class="d-lg-flex flex-fill pt-lg-5 text-white align-items-center flex-wrap flex-lg-nowrap">
            <div class="text-uppercase">
              <div class="fs-15 fw-600">outdoor-creation - Chairman&amp;CEO</div>
              <div class="fs-15 fw-600">GEC Aluminum - Chairman&amp;CEO</div>
            </div>
            <div class="fs-40 px-5 d-flex align-items-center my-4"><img src="https://outdoor-creation.com/wp-content/uploads/2024/09/Chris.png" width="100" alt="Chris"></div>
            <div class="d-flex">
              <div class="overflow-visible position-relative">
                <div class="border-radius-6px h-210px w-210px d-flex align-items-end justify-content-center overflow-hidden cover-background" style="background-image: url('https://outdoor-creation.com/wp-content/uploads/2024/09/download.png')">
                  <div class="opacity-very-light bg-dark-gray"></div>
                </div>
                <div class="position-absolute top-0px left-0px w-100 h-100 z-index-9"> <a href="https://www.youtube.com/watch?v=HfpieEq4r-s" class="absolute-middle-center text-center rounded-circle video-icon-box video-icon-medium popup-youtube"> <span> <span class="video-icon bg-white"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="#000" class="bi bi-play-fill" viewbox="0 0 16 16">
  <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path>
</svg> <span class="video-icon-sonar"> <span class="video-icon-sonar-bfr bg-white opacity-9"></span> </span> </span> </span> </a> </div>
              </div>
              <div class="overflow-visible position-relative">
                <div class="border-radius-6px h-210px w-210px d-flex align-items-end justify-content-center overflow-hidden cover-background" style="background-image: url('https://outdoor-creation.com/wp-content/uploads/2024/09/Download-album.png')">
                  <div class="opacity-very-light bg-dark-gray"></div>
                </div>
                <div class="position-absolute top-0px left-0px w-100 h-100 z-index-9"> <a href="https://outdoor-creation.com/es/download/" id="link" class="absolute-middle-center text-center rounded-circle video-icon-box video-icon-medium"> <span> <span class="video-icon bg-white"> <img src="https://outdoor-creation.com/wp-content/uploads/2024/09/download.svg" alt="Descargar"><span class="video-icon-sonar"> <span class="video-icon-sonar-bfr bg-white opacity-9"></span> </span> </span> </span> </a> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>