Skip to content

Commit

Permalink
Fixed style
Browse files Browse the repository at this point in the history
  • Loading branch information
mmoreram committed Jan 19, 2024
1 parent c2c2ae4 commit 511faee
Show file tree
Hide file tree
Showing 14 changed files with 223 additions and 197 deletions.
30 changes: 15 additions & 15 deletions docs/alternativa-a-doofinder.html
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
</script>
<link media="screen" rel="stylesheet" href="https://apisearch.io/assets/css/tailwind/tailwind.min.css">
<link media="screen" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link media="screen" rel="stylesheet" href="https://apisearch.io/assets/css/main.css?hash=1705666357">
<link media="screen" rel="stylesheet" href="https://apisearch.io/assets/css/main.css?hash=1705667034">
<link media="screen" rel="preconnect" href="https://fonts.googleapis.com">
<link media="screen" rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link media="screen" href="https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">
Expand All @@ -73,7 +73,7 @@
<body class="antialiased bg-body text-body">
<section id="main-nav-section" class="bg-cover 2xl:bg-contain bg-top bg-no-repeat">
<nav id="main-nav" class="container px-4 mx-auto flex justify-between items-center py-6" style="column-gap: 15px;"><a class="text-3xl font-semibold leading-none" href="https://apisearch.io">
<img class="logo-white" src="https://apisearch.io/assets/images/logo-apisearch-new.webp?hash=1705666357" alt="Logo de Apisearch" width="200">
<img class="logo-white" src="https://apisearch.io/assets/images/logo-apisearch-new.webp?hash=1705667034" alt="Logo de Apisearch" width="200">
</a>
<div class="lg:hidden flex">
<a class="to-cloud inline-block px-4 py-3 text-xs font-semibold leading-none text-white rounded as-secondary-color as-button-secondary-color" href="https://www.apisearch.cloud/es/signup" target="_blank">Pruébalo gratis 60 días</a>
Expand All @@ -95,28 +95,28 @@
<div class="integrations">
<div class="integration">
<a href="prestashop">
<img src="https://apisearch.io/assets/images/integrations/prestashop.webp?hash=1705666357" style="filter: brightness(0) invert(1)" alt="Logo de Prestashop" loading="lazy">
<img src="https://apisearch.io/assets/images/integrations/prestashop.webp?hash=1705667034" style="filter: brightness(0) invert(1)" alt="Logo de Prestashop" loading="lazy">
</a>
<div>Utiliza nuestro plugin para la versión 1.7 y 8 de Prestashop</div>
<a href="prestashop">+ Leer más</a>
</div>
<div class="integration">
<a href="shopify">
<img src="https://apisearch.io/assets/images/integrations/shopify-transparent.webp?hash=1705666357" style="filter: brightness(0) invert(1)" alt="Logo de Shopify" loading="lazy">
<img src="https://apisearch.io/assets/images/integrations/shopify-transparent.webp?hash=1705667034" style="filter: brightness(0) invert(1)" alt="Logo de Shopify" loading="lazy">
</a>
<div>No necesitas plugin para añadir a tu tienda Shopify un buscador de primera</div>
<a href="shopify">+ Leer más</a>
</div>
<div class="integration">
<a href="woocommerce">
<img src="https://apisearch.io/assets/images/integrations/woocommerce.webp?hash=1705666357" alt="Logo de Woocommerce" loading="lazy">
<img src="https://apisearch.io/assets/images/integrations/woocommerce.webp?hash=1705667034" alt="Logo de Woocommerce" loading="lazy">
</a>
<div>Nunca había sido tan fácil instalar un buscador en tu tienda Woocommerce</div>
<a href="woocommerce">+ Leer más</a>
</div>
<div class="integration">
<a href="google-shopping">
<img src="https://apisearch.io/assets/images/integrations/google-shopping.webp?hash=1705666357" style="filter: brightness(0) invert(1)" alt="Logo de Google Shopping" loading="lazy">
<img src="https://apisearch.io/assets/images/integrations/google-shopping.webp?hash=1705667034" style="filter: brightness(0) invert(1)" alt="Logo de Google Shopping" loading="lazy">
</a>
<div>Con tan solo 1 feed de Google Merchant, ya puedes tener tu buscador funcionando</div>
<a href="google-shopping">+ Leer más</a>
Expand Down Expand Up @@ -152,22 +152,22 @@ <h2 class="text-xl sm:text-2xl md:text:3xl leading-relaxed as-secondary-color" s
<div class="relative mt-10 pb-10 mx-auto">
<div class="py-3 max-w-5xl mx-auto hidden lg:block">
<div class="relative" style="z-index: 0">
<img class="with-shadow" style="margin-bottom: 50px; opacity: .8" src="https://apisearch.io/assets/images/previews/corbetos.webp?hash=1705666357" alt="Representación para desktop de la web corbetos" />
<img class="with-strong-shadow absolute" style="bottom: -20px; left: -30px" src="https://apisearch.io/assets/images/previews/corbetos-mobile.webp?hash=1705666357" alt="Representación para móbil de la web corbetos" />
<img class="with-strong-shadow absolute" style="bottom: -50px; right: -50px" src="https://apisearch.io/assets/images/previews/corbetos-tablet.webp?hash=1705666357" alt="Representación para tablet de la web corbetos" />
<img class="with-shadow" style="margin-bottom: 50px; opacity: .8" src="https://apisearch.io/assets/images/previews/corbetos.webp?hash=1705667034" alt="Representación para desktop de la web corbetos" />
<img class="with-strong-shadow absolute" style="bottom: -20px; left: -30px" src="https://apisearch.io/assets/images/previews/corbetos-mobile.webp?hash=1705667034" alt="Representación para móbil de la web corbetos" />
<img class="with-strong-shadow absolute" style="bottom: -50px; right: -50px" src="https://apisearch.io/assets/images/previews/corbetos-tablet.webp?hash=1705667034" alt="Representación para tablet de la web corbetos" />
</div>
</div>

<div class="py-3 hidden sm:block lg:hidden">
<div class="relative" style="z-index: 0">
<img class="with-shadow mx-auto" style="margin-bottom: 100px;" src="https://apisearch.io/assets/images/previews/corbetos-tablet.webp?hash=1705666357" alt="Representación para tablet de la web corbetos" />
<img class="with-strong-shadow absolute" style="bottom: -50px; right: 100px" src="https://apisearch.io/assets/images/previews/corbetos-mobile.webp?hash=1705666357" alt="Representación para móbil de la web corbetos" />
<img class="with-shadow mx-auto" style="margin-bottom: 100px;" src="https://apisearch.io/assets/images/previews/corbetos-tablet.webp?hash=1705667034" alt="Representación para tablet de la web corbetos" />
<img class="with-strong-shadow absolute" style="bottom: -50px; right: 100px" src="https://apisearch.io/assets/images/previews/corbetos-mobile.webp?hash=1705667034" alt="Representación para móbil de la web corbetos" />
</div>
</div>

<div class="py-3 block sm:hidden">
<div class="relative" style="z-index: 0">
<img class="with-shadow mx-auto" style="margin-bottom: 50px; padding: 0 15px;" src="https://apisearch.io/assets/images/previews/corbetos-mobile.webp?hash=1705666357" alt="Representación para tablet de la web corbetos" />
<img class="with-shadow mx-auto" style="margin-bottom: 50px; padding: 0 15px;" src="https://apisearch.io/assets/images/previews/corbetos-mobile.webp?hash=1705667034" alt="Representación para tablet de la web corbetos" />
</div>
</div>
</div>
Expand Down Expand Up @@ -292,7 +292,7 @@ <h4 class="mb-4 font-medium text-xl text-white">Activa el buscador</h4>
<div class="hidden lg:block" style="flex: 1">
<div class="max-w-max ml-auto">
<div style="margin: 150px 100px 0 0;">
<img class="with-shinny-shadow" src="https://apisearch.io/assets/images/previews/bassols-mobile.webp?hash=1705666357" alt="Representación del buscador de Apisearch en móbil" loading="lazy" />
<img class="with-shinny-shadow" src="https://apisearch.io/assets/images/previews/bassols-mobile.webp?hash=1705667034" alt="Representación del buscador de Apisearch en móbil" loading="lazy" />
</div>
</div>
</div>
Expand Down Expand Up @@ -487,7 +487,7 @@ <h4 class="mb-4 text-2xl font-thin">¿Cobráis por hacer el cambio?</h4>
<div class="container px-4 mx-auto">
<div class="relative flex flex-wrap -mx-4">
<div class="w-full lg:w-1/3 pt-20 px-4 max-w-lg lg:max-w-full mx-auto lg:mx-0 text-center lg:text-left">
<a class="inline-block mx-auto lg:ml-0 text-3xl font-semibold leading-none mb-2" href="index.html"><img src="https://apisearch.io/assets/images/logo-apisearch-new.webp?hash=1705666357" alt="Logo de Apisearch" width="200" loading="lazy"></a>
<a class="inline-block mx-auto lg:ml-0 text-3xl font-semibold leading-none mb-2" href="index.html"><img src="https://apisearch.io/assets/images/logo-apisearch-new.webp?hash=1705667034" alt="Logo de Apisearch" width="200" loading="lazy"></a>
<p class="text-xs">© 2021-2024. All rights reserved.</p>
</div>
<div class="relative w-full lg:w-2/3 px-4 py-8 lg:pt-10 lg:pl-12">
Expand Down Expand Up @@ -531,7 +531,7 @@ <h5 class="mb-4 text-lg font-bold">Empresa</h5>
</section>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://apisearch.io/assets/js/main.js?hash=1705666357" async defer></script>
<script src="https://apisearch.io/assets/js/main.js?hash=1705667034" async defer></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9TMLLP7STF"></script>
Expand Down
Loading

0 comments on commit 511faee

Please sign in to comment.