|
|
@@ -0,0 +1,302 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="{{site.dist.country_lang }}">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <meta name="robots" content="index, follow">
|
|
|
+ <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
|
|
|
+ <meta name="description" content="{{ site.dist.seo_description | strip_html| strip_newlines }}">
|
|
|
+ <meta name="keywords" content="{{ site.dist.seo_keywords }}">
|
|
|
+ <meta name="author" content="Mietubl">
|
|
|
+ <title>{{ site.dist.seo_title }}</title>
|
|
|
+ {% include '_header_css.liquid' %}
|
|
|
+</head>
|
|
|
+<body class="bg-gray-100 tracking-wide">
|
|
|
+{% include '_header.liquid' %}
|
|
|
+
|
|
|
+ <!-- Spring Sale Banner -->
|
|
|
+ <div class="relative bg-cover bg-center min-h-[600px] md:min-h-[650px]" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/index_banner_image.jpg');">
|
|
|
+ <div class="container mx-auto px-4 py-32 md:py-36 flex flex-col md:flex-row items-center">
|
|
|
+ <div class="md:w-1/2 z-10 bold">
|
|
|
+ <div class="text-orange-500 text-lg">March 14th - 31st</div>
|
|
|
+ <div class="text-2xl mt-4">New Product : <span class="text-orange-500 text-4xl font-bold"> Super Fast Charging
|
|
|
+ </span></div>
|
|
|
+ <div class="my-8 text-gray-700 text-lg">Charging speed increased by 3 times!</div>
|
|
|
+ <button class="bg-orange-500 text-white px-10 py-4 rounded-full hover:bg-orange-600 transition text-xl">View Now</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Category Navigation -->
|
|
|
+ <div class="bg-white">
|
|
|
+ <div class="container mx-auto py-12">
|
|
|
+ <div class="grid grid-cols-5 gap-8 text-center p-8">
|
|
|
+ <div class="flex flex-col items-center">
|
|
|
+ <div class="w-16 h-16 flex items-center justify-center">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 3v18m0 0h6m-6 0H3m6-18h6m-6 0H3" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <span class="text-lg mt-2 bold"><a href="/products/categories/protetor-de-tela">Mobile and Tablet Films</a></span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-center">
|
|
|
+ <div class="w-16 h-16 flex items-center justify-center">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <span class="text-lg mt-2 bold"><a href="/products/categories/maquina-de-corte-de-protetor-de-tela"> Cutting Machines </a></span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-center">
|
|
|
+ <div class="w-16 h-16 flex items-center justify-center">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <span class="text-lg mt-2 bold"><a href="/products/categories/produtos-perifericos">Peripheral Products</a></span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-center">
|
|
|
+ <div class="w-16 h-16 flex items-center justify-center">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <span class="text-lg mt-2 bold"><a href="/products/categories/materiais">Materials</a></span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-center">
|
|
|
+ <div class="w-16 h-16 flex items-center justify-center">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <span class="text-lg mt-2 bold"><a href="/products/categories/cabos"> Data cable</a></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- Hot Sale Section -->
|
|
|
+ <div class="container mx-auto px-4 py-8">
|
|
|
+ <h2 class="text-2xl font-bold p-8">Hot</h2>
|
|
|
+
|
|
|
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 pb">
|
|
|
+
|
|
|
+
|
|
|
+ {% product mode="list" limit=4 template='__product_list_1.liquid' %}
|
|
|
+
|
|
|
+
|
|
|
+ <!-- Product 1 -->
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<div class="relative p-4">{% endcomment %}
|
|
|
+ {% comment %}<div class="absolute top-6 left-6 bg-red-500 text-white text-xs px-2 py-1 rounded bold">HOT</div>{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/product1.jpg" alt="USB Hub" class="w-full h-56 object-cover rounded">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<div class="text-xs/6 text-gray-500 mb-1">4 Port | Switching between 4 type devices | USB A...</div>{% endcomment %}
|
|
|
+ {% comment %}<h3 class="bold text-sm/6 mb-2 ">4-Port KVM Switch for 4 Computer</h3>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+
|
|
|
+ <!-- Product 2 -->
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<div class="relative p-4">{% endcomment %}
|
|
|
+ {% comment %}<div class="absolute top-6 left-6 bg-red-500 text-white text-xs px-2 py-1 rounded bold">HOT</div>{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/product1.jpg" alt="USB-C Adapter" class="w-full h-56 object-cover rounded">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<div class="text-xs/6 text-gray-500 mb-1">Adapter Dock | Type-C HDMI 4K | 100W PD</div>{% endcomment %}
|
|
|
+ {% comment %}<h3 class="bold text-sm/6 mb-2">USB-C to HDMI Adapter</h3>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+
|
|
|
+ {% comment %}<!-- Product 3 -->{% endcomment %}
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<div class="relative p-4">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/product1.jpg" alt="USB-C Hub" class="w-full h-56 object-cover rounded">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<div class="text-xs/6 text-gray-500 mb-1">7-in-1 | USB-C to USB 3.0 | SD/TF Card Reader</div>{% endcomment %}
|
|
|
+ {% comment %}<h3 class="bold text-sm/6 mb-2">USB-C Hub Multiport Adapter</h3>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+{% comment %}{% endcomment %}
|
|
|
+ {% comment %}<!-- Product 4 -->{% endcomment %}
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<div class="relative p-4">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/product1.jpg" alt="DisplayPort Cable" class="w-full h-56 object-cover rounded">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<div class="text-xs/6 text-gray-500 mb-1">DisplayPort 1.4 Cable | 8K@60Hz | HDR | Braided</div>{% endcomment %}
|
|
|
+ {% comment %}<h3 class="bold text-sm/6 mb-2">High Speed DisplayPort Cable</h3>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Connect Your Digital Time Section -->
|
|
|
+ <div class="container mx-auto px-4 py-8">
|
|
|
+ <h2 class="text-2xl font-bold p-8">World of Electronic Products</h2>
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
|
+ <div class="bg-white rounded-lg shadow overflow-hidden h-full">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/middle-banner1.jpg" alt="Gaming Setup" class="w-full h-full object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
|
+ <div class="bg-white rounded-lg shadow overflow-hidden h-full">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/middle-banner2.jpg" alt="Streaming Setup" class="w-full h-full object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="bg-white rounded-lg shadow overflow-hidden h-full">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/middle-banner3.jpg" alt="Office Setup" class="w-full h-full object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="bg-white rounded-lg shadow overflow-hidden col-span-2 h-full">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/middle-banner4.jpg" alt="Working Setup" class="w-full h-full object-cover">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 8K Series Banner -->
|
|
|
+ <a href="#" class="block">
|
|
|
+ <div class="relative bg-cover bg-center py-24 md:py-32 min-h-[300px] md:min-h-[400px] text-white" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/8k_banner_image.jpg');">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ {% comment %}<!-- Featured On Section -->{% endcomment %}
|
|
|
+ {% comment %}<div class="container mx-auto px-4 py-12">{% endcomment %}
|
|
|
+ {% comment %}<h2 class="text-2xl font-bold mb-8 text-center">Featured On</h2>{% endcomment %}
|
|
|
+ {% comment %}<div class="grid grid-cols-2 md:grid-cols-4 gap-8">{% endcomment %}
|
|
|
+ {% comment %}<div class="text-center flex flex-col">{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-800 mb-4 flex-grow bold">"The CABLETIME USB-C dock delivers exceptional performance for its compact design"</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="h-[100px] flex items-center justify-center">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_feature.png" alt="Forbes Logo" class="max-w-[160px] max-h-[100px]">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="text-center flex flex-col">{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-800 mb-4 flex-grow bold">"CABLETIME's USB-C dock is one of our favorite charging solutions"</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="h-[100px] flex items-center justify-center">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_feature.png" alt="PCMag Logo" class="max-w-[160px] max-h-[100px]">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="text-center flex flex-col">{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-800 mb-4 flex-grow bold">"The best value display hub I've tested in years"</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="h-[100px] flex items-center justify-center">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_feature.png" alt="TechRadar Logo" class="max-w-[160px] max-h-[100px]">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="text-center flex flex-col">{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-800 mb-4 flex-grow bold">"CABLETIME makes some of the most reliable tech accessories"</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="h-[100px] flex items-center justify-center">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_feature.png" alt="CNET Logo" class="max-w-[160px] max-h-[100px]">{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+
|
|
|
+ <!-- Social Media Section -->
|
|
|
+ <div class="container mx-auto px-4 py-8">
|
|
|
+ <h2 class="text-2xl font-bold p-8 ">Share on Social Media</h2>
|
|
|
+ <div class="flex justify-center flex-wrap gap-8">
|
|
|
+ <div class="overflow-hidden rounded-lg shadow w-[250px] h-[280px]">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_media.jpg" alt="Social Media Post 1" class="w-[250px] h-[280px] object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="overflow-hidden rounded-lg shadow w-[250px] h-[280px]">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_media.jpg" alt="Social Media Post 2" class="w-[250px] h-[280px] object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="overflow-hidden rounded-lg shadow w-[250px] h-[280px]">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_media.jpg" alt="Social Media Post 3" class="w-[250px] h-[280px] object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="overflow-hidden rounded-lg shadow w-[250px] h-[280px]">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_media.jpg" alt="Social Media Post 4" class="w-[250px] h-[280px] object-cover">
|
|
|
+ </div>
|
|
|
+ <div class="overflow-hidden rounded-lg shadow w-[250px] h-[280px]">
|
|
|
+ <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_media.jpg" alt="Social Media Post 5" class="w-[250px] h-[280px] object-cover">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Program Section -->
|
|
|
+ <div class="container mx-auto px-4 py-8">
|
|
|
+ <h2 class="text-2xl font-bold p-8">Agent Plan</h2>
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
|
|
+ <div class="bg-white rounded-lg shadow p-6 text-center">
|
|
|
+ <h3 class="bold text-lg mb-4">Distributor</h3>
|
|
|
+ <div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-blue-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <p class="text-sm/6 text-gray-800 bold">Become a local Dealer and help your customers with a more complete range.</p>
|
|
|
+ </div>
|
|
|
+ <div class="bg-white rounded-lg shadow p-6 text-center">
|
|
|
+ <h3 class="bold text-lg mb-4">Shine</h3>
|
|
|
+ <div class="w-20 h-20 bg-yellow-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-yellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0v10a2 2 0 01-2 2H6a2 2 0 01-2-2V7m16 0l-8 4m0 0l-8-4m8 4v10" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <p class="text-sm/6 text-gray-800 bold">Partner with us as a Dealer and bring exclusive solutions to your clients</p>
|
|
|
+ </div>
|
|
|
+ <div class="bg-white rounded-lg shadow p-6 text-center">
|
|
|
+ <h3 class="bold text-lg mb-4">Lead</h3>
|
|
|
+ <div class="w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-orange-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <p class="text-sm/6 text-gray-800 bold">Grow as a Regional Leader and deliver exceptional value to your market</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ {% comment %}<!-- Blogs and News Section -->{% endcomment %}
|
|
|
+ {% comment %}<div class="container mx-auto px-4 py-8">{% endcomment %}
|
|
|
+ {% comment %}<div class="flex justify-between items-center mb-6">{% endcomment %}
|
|
|
+ {% comment %}<h2 class="text-2xl font-bold">Blogs and News</h2>{% endcomment %}
|
|
|
+ {% comment %}<a href="#" class="text-orange-500 text-sm">View All</a>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="grid grid-cols-1 md:grid-cols-3 gap-6">{% endcomment %}
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_news_600_300.jpg" alt="Blog Post 1" class="w-full h-48 object-cover">{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<h3 class="font-bold text-lg mb-4">How to Use USB-C Cables For Your iPhone</h3>{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-600 mb-4">The iPhone 15 ditches Lightning for USB-C. Here's everything you need to know about using USB-C with your new iPhone.</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="flex justify-between items-center">{% endcomment %}
|
|
|
+ {% comment %}<span class="text-xs text-gray-500">April 12, 2023</span>{% endcomment %}
|
|
|
+ {% comment %}<a href="#" class="text-orange-500 text-sm">Read More</a>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_news_600_300.jpg" alt="Blog Post 2" class="w-full h-48 object-cover">{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<h3 class="font-bold text-lg mb-4">How to Keep Your Setup as Tidy as Possible</h3>{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-600 mb-4 ">A tidy desk setup leads to a more productive work day. We've got tips on how to organize cables and accessories.</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="flex justify-between items-center">{% endcomment %}
|
|
|
+ {% comment %}<span class="text-xs text-gray-500">March 28, 2023</span>{% endcomment %}
|
|
|
+ {% comment %}<a href="#" class="text-orange-500 text-sm">Read More</a>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}<div class="bg-white rounded-lg shadow overflow-hidden">{% endcomment %}
|
|
|
+ {% comment %}<img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_news_600_300.jpg" alt="Blog Post 3" class="w-full h-48 object-cover">{% endcomment %}
|
|
|
+ {% comment %}<div class="p-4">{% endcomment %}
|
|
|
+ {% comment %}<h3 class="font-bold text-lg mb-4">Review: The Advantages of USB 4K/8K HDMI Converter</h3>{% endcomment %}
|
|
|
+ {% comment %}<p class="text-sm/6 text-gray-600 mb-4">USB-C to HDMI dongles are essential for modern laptops. Here's why our converters stand out from the competition.</p>{% endcomment %}
|
|
|
+ {% comment %}<div class="flex justify-between items-center">{% endcomment %}
|
|
|
+ {% comment %}<span class="text-xs text-gray-500">March 15, 2023</span>{% endcomment %}
|
|
|
+ {% comment %}<a href="#" class="text-orange-500 text-sm">Read More</a>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+ {% comment %}</div>{% endcomment %}
|
|
|
+
|
|
|
+
|
|
|
+{% collection slug="news" limit=3 template="__collection_list_3.liquid" %}
|
|
|
+
|
|
|
+{% include '_footer.liquid' %}
|
|
|
+{% include '_footer_js.liquid' %}
|
|
|
+</body>
|
|
|
+</html>
|
igb