Skip to content

Commit

Permalink
..
Browse files Browse the repository at this point in the history
  • Loading branch information
@lordlokion
lordlokion authored Dec 15, 2023
1 parent 130984e commit 89e6abf
Show file tree
Hide file tree
Showing 4 changed files with 273 additions and 0 deletions.
29 changes: 29 additions & 0 deletions components/blog/bloce1.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<section class="py-24 md:py-40 bg-gray-100">
<div class="container px-4 mx-auto">
<div class="flex items-center mb-24">
<span class="font-heading text-xl">07</span>
<div class="mx-4 rounded-full bg-gray-200 h-1 w-1"></div>
<span class="font-heading text-xl">Our Blog</span>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-1/2 px-4 mb-14 lg:mb-0">
<img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/images/graphic-purple.png" alt="">
</div>
<div class="w-full lg:w-1/2 px-4">
<div class="max-w-lg mx-auto">
<div class="mb-12">
<span class="inline-block px-5 py-2 mr-6 text-sm bg-white rounded-full">News</span>
<span class="font-light text-sm text-gray-700">January 13, 2022</span>
</div>
<h2 class="font-heading text-4xl sm:text-5xl mb-10">
<span>Your home:</span>
<span>Designed by experts, inspired by real life</span>
</h2>
<p class="max-w-md font-light mb-8">The house by the pond cras ornare, some chords for a three moments, like a sense of truth.</p>
<div class="mb-16"><a class="inline-block mr-6 text-indigo-500 hover:text-indigo-600" href="#">#interiodesign</a><a class="inline-block mr-6 text-indigo-500 hover:text-indigo-600" href="#">#design</a><a class="inline-block text-indigo-500 hover:text-indigo-600" href="#">#application</a></div>
<a class="inline-block w-full sm:w-auto px-7 py-4 text-center font-medium bg-indigo-500 hover:bg-indigo-600 text-white rounded transition duration-250" href="#">Learn More</a>
</div>
</div>
</div>
</div>
</section>
100 changes: 100 additions & 0 deletions components/blog/blogce2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
<section class="py-24 md:py-40 bg-gray-100">
<div class="container px-4 mx-auto">
<div class="flex items-center mb-24">
<span class="font-heading text-xl">07</span>
<div class="mx-4 rounded-full bg-gray-200 h-1 w-1"></div>
<span class="font-heading text-xl">Our Blog</span>
</div>
<div class="text-center">
<div class="mb-12">
<span class="inline-block px-5 py-2 mr-6 text-sm bg-white rounded-full">News</span>
<span class="font-light text-sm text-gray-700">January 13, 2022</span>
</div>
<h2 class="font-heading text-4xl sm:text-5xl mb-24">Designed by experts, inspired by real life</h2>
</div>
<div class="flex flex-wrap -mx-4 pb-24 mb-20 border-b">
<div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
<img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/images/graphic-white-background.png" alt="">
</div>
<div class="w-full lg:w-1/2 px-4">
<div class="max-w-sm mx-auto">
<div>
<h4 class="text-3xl mb-5">We’re excited to reveal a brand new take on a Wrexa Set.</h4>
<a class="inline-block relative mb-8" href="#">
<span>The house by the pond cras ornare, some chords for a three moments, like a sense of truth.</span>
<span class="absolute bottom-0 right-0 mb-1">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</a>
<div class="pb-8 mb-6 border-b"><a class="inline-block mr-6 text-indigo-500 hover:text-indigo-600" href="#">#interiodesign</a><a class="inline-block mr-6 text-indigo-500 hover:text-indigo-600" href="#">#design</a><a class="inline-block text-indigo-500 hover:text-indigo-600" href="#">#application</a></div>
</div>
<div class="flex items-center">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-male2.png" alt="">
<span class="text-gray-400">Ethan O. Son</span>
</div>
</div>
</div>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-1/3 px-4 mb-16 lg:mb-0">
<div class="max-w-sm mx-auto">
<span class="text-sm text-gray-600">January 13, 2022</span>
<a class="inline-block mt-6 mb-8 font-heading text-2xl" href="#">
<span class="relative">
<span>How to find the best tools for designing?</span>
<span class="absolute bottom-0 right-0 -mr-8 mb-1">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</span>
</a>
<div class="flex items-center">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar.png" alt="">
<span class="text-gray-400">Pela Gunder</span>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4 mb-16 lg:mb-0">
<div class="max-w-sm mx-auto">
<span class="text-sm text-gray-600">January 13, 2022</span>
<a class="inline-block mt-6 mb-8 font-heading text-2xl" href="#">
<span class="relative">
<span>Only with us you will learn the real trends</span>
<span class="absolute bottom-0 right-0 -mr-8 mb-1">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</span>
</a>
<div class="flex items-center">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-male2.png" alt="">
<span class="text-gray-400">Ethan O. Son</span>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="max-w-sm mx-auto">
<span class="text-sm text-gray-600">January 13, 2022</span>
<a class="inline-block mt-6 mb-8 font-heading text-2xl" href="#">
<span class="relative">
<span>Are you decorating your kitchen? Get inspired!</span>
<span class="absolute bottom-0 right-0 -mr-8 mb-1">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</span>
</a>
<div class="flex items-center">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-women1.png" alt="">
<span class="text-gray-400">Hannah Redmond</span>
</div>
</div>
</div>
</div>
</div>
</section>
71 changes: 71 additions & 0 deletions components/blog/blogce3.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<section class="py-24 md:py-40 bg-gray-100">
<div class="container px-4 mx-auto">
<div class="flex items-center mb-24">
<span class="font-heading text-xl">07</span>
<div class="mx-4 rounded-full bg-gray-200 h-1 w-1"></div>
<span class="font-heading text-xl">Our Blog</span>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-3/5 px-4 mb-16 lg:mb-0">
<div>
<a href="#">
<div class="mb-12 relative">
<span class="absolute bottom-0 left-0 ml-4 mb-4 inline-block px-5 py-2 text-sm bg-gray-100 rounded-full">Feb 10, 2022</span>
<img src="https://shuffle.dev/wrexa-assets/images/graphic-white-background.png" alt="">
</div>
<h3 class="text-3xl sm:text-4xl mb-8">We’re excited to reveal a brand new take on a Wrexa Set (2.0)</h3>
</a>
<div class="pb-8 mb-6 border-b"><a class="inline-block mr-6 text-indigo-500 hover:text-indigo-600" href="#">#interiodesign</a><a class="inline-block mr-6 text-indigo-500 hover:text-indigo-600" href="#">#design</a><a class="inline-block text-indigo-500 hover:text-indigo-600" href="#">#application</a></div>
</div>
<div class="flex items-center mb-10">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-male2.png" alt="">
<span class="text-gray-400">Ethan O. Son</span>
</div>
</div>
<div class="w-full lg:w-2/5 px-4">
<div class="max-w-md mx-auto">
<a class="block mb-14" href="#">
<div class="relative mb-8">
<span class="absolute bottom-0 left-0 ml-4 mb-4 inline-block px-5 py-2 text-sm bg-white rounded-full">Feb 10, 2022</span>
<img class="block w-full h-56 rounded" src="https://shuffle.dev/wrexa-assets/images/swing.png" alt="">
</div>
<div class="mb-6">
<span class="font-heading text-2xl relative">
<span>How to find the best tools for designing?</span>
<span class="absolute bottom-0 right-0 mb-1 -mr-8">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</span>
</div>
<div class="flex items-center mt-6 mb-10">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-male2.png" alt="">
<span class="text-gray-400">Ethan 0.Son</span>
</div>
</a>
<a class="block" href="#">
<div class="relative mb-8">
<span class="absolute bottom-0 left-0 ml-4 mb-4 inline-block px-5 py-2 text-sm bg-white rounded-full">Feb 10, 2022</span>
<img class="block w-full h-56 rounded" src="https://shuffle.dev/wrexa-assets/images/chair.png" alt="">
</div>
<div class="mb-6">
<span class="font-heading text-2xl relative">
<span>Only with us you will learn the real trends</span>
<span class="absolute bottom-0 right-0 mb-1 -mr-8">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</span>
</div>
<div class="flex items-center mb-10">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-women1.png" alt="">
<span class="text-gray-400">Pora Kakkeren</span>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
73 changes: 73 additions & 0 deletions components/blog/blogce4.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<section class="py-24 md:py-40 bg-gray-100">
<div class="container px-4 mx-auto">
<div class="flex items-center mb-12">
<span class="font-heading text-xl">07</span>
<div class="mx-4 rounded-full bg-gray-200 h-1 w-1"></div>
<span class="font-heading text-xl">Our Blog</span>
</div>
<div class="text-center mb-24">
<span class="inline-block px-5 py-2 mb-12 text-sm bg-white rounded-full">Latest articles</span>
<h2 class="font-heading text-4xl sm:text-5xl mb-24">Designed by experts, inspired by real life</h2>
</div>
<div class="flex flex-wrap justify-center -mx-4 relative">
<a class="hidden lg:inline-block absolute top-1/2 left-0 ml-2 2xl:ml-4" href="#">
<svg width="11" height="20" viewbox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L1 10L9 2" stroke="#232126" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"></path>
</svg>
</a>
<a class="hidden lg:inline-block absolute top-1/2 right-0 mr-2 2xl:mr-4" href="#">
<svg width="12" height="20" viewbox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2L11 10L2 18" stroke="#232126" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"></path>
</svg>
</a>
<div class="w-full lg:w-1/2 3xl:w-auto px-4 3xl:px-12 mb-16 lg:mb-0 lg:border-r">
<div class="max-w-md mx-auto relative pb-16 lg:pb-0 border-b lg:border-b-0">
<div class="bg-white rounded-b">
<img class="block w-full h-64 mb-12 rounded" src="https://shuffle.dev/wrexa-assets/images/swing.png" alt="">
<div class="pb-10 px-8 lg:px-12 border-b">
<a class="block" href="#">
<h4 class="text-3xl mb-5">We’re excited to reveal a brand new take on a Wrexa Set.</h4>
<p class="mb-10">The house by the pond cras ornare, some chords for a three moments, like a sense of truth.</p>
</a>
<a class="inline-block mr-5 text-indigo-500 hover:text-indigo-600" href="#">#interiodesign</a><a class="inline-block text-indigo-500 hover:text-indigo-600" href="#">#design</a>
</div>
<div class="flex items-center px-12 pt-5 pb-6">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar-women1.png" alt="">
<span class="text-gray-400">Pora Kakkeren</span>
</div>
</div>
</div>
</div>
<div class="w-full lg:w-1/2 3xl:w-auto px-4 3xl:px-12">
<div class="max-w-md mx-auto relative">
<div class="bg-white rounded-b">
<img class="block w-full h-64 mb-12 rounded" src="https://shuffle.dev/wrexa-assets/images/chair.png" alt="">
<div class="pb-10 px-8 lg:px-12 border-b">
<a class="block" href="#">
<h4 class="text-3xl mb-5">Update, february: Only with us you will learn the real trends</h4>
<p class="mb-10">The house by the pond cras ornare, some chords for a three moments, like a sense of truth.</p>
</a>
<a class="inline-block mr-5 text-indigo-500 hover:text-indigo-600" href="#">#interiodesign</a><a class="inline-block text-indigo-500 hover:text-indigo-600" href="#">#design</a>
</div>
<div class="flex items-center px-12 pt-5 pb-6">
<img class="w-10 h-10 mr-4 rounded-full" src="https://shuffle.dev/wrexa-assets/images/avatar2.png" alt="">
<span class="text-gray-400">Ethan O. Son</span>
</div>
</div>
</div>
</div>
<div class="lg:hidden mt-16 text-center">
<a class="inline-block mr-6" href="#">
<svg width="11" height="20" viewbox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L1 10L9 2" stroke="#232126" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"></path>
</svg>
</a>
<a class="inline-block" href="#">
<svg width="12" height="20" viewbox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2L11 10L2 18" stroke="#232126" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
</section>

0 comments on commit 89e6abf

Please sign in to comment.