-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1e8459f
commit c8e141d
Showing
62 changed files
with
3,742 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
<div><section class="pt-24 bg-blue-50"> | ||
<div class="container px-4 mx-auto text-center"> | ||
<div class="max-w-2xl mx-auto"> | ||
<span class="text-blue-400 uppercase font-semibold tracking-widest">New feature</span> | ||
<h2 class="mt-4 mb-6 text-4xl font-bold font-heading text-blue-800">Take quick action that increases your brand's regular profit.</h2> | ||
<p class="mb-8 text-lg text-gray-500">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p> | ||
<div class="flex flex-wrap justify-center items-center mb-16"><a class="w-full md:w-auto px-8 py-5 mb-2 md:mb-0 mr-4 text-sm leading-normal text-blue-800 font-bold uppercase bg-yellow-500 hover:bg-yellow-400 transition duration-200 border-2 border-transparent" href="#">Get started free</a><a class="w-full md:w-auto px-8 py-5 mr-4 text-sm leading-normal text-blue-800 hover:text-blue-700 font-bold uppercase border-2 border-blue-800" href="#">Request Demo</a></div> | ||
<div> | ||
<img class="mx-auto" src="bendis-assets/images/computer.png" alt=""> | ||
</div> | ||
</div> | ||
</div> | ||
</section> </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
<div><section class="bg-blue-50 py-24"> | ||
<div class="container mx-auto px-4"> | ||
<div class="flex flex-wrap -mx-4 -mb-6"> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-6"> | ||
<img class="w-full h-64 lg:h-72 object-cover" src="https://images.unsplash.com/photo-1615866369373-8d232ea5a028?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt=""> | ||
<div class="py-16 px-10 text-center bg-white"> | ||
<h3 class="mb-4 text-lg text-blue-800 font-bold uppercase font-heading">Change of access</h3> | ||
<p class="text-base text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-6"> | ||
<img class="w-full h-64 lg:h-72 object-cover" src="https://images.unsplash.com/photo-1615866431878-500cc9e74d82?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt=""> | ||
<div class="py-16 px-10 text-center bg-white"> | ||
<h3 class="mb-4 text-lg text-blue-800 font-bold uppercase font-heading">Frequent authentication</h3> | ||
<p class="text-base text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-6"> | ||
<img class="w-full h-64 lg:h-72 object-cover" src="https://images.unsplash.com/photo-1615072870329-51396f9838a2?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80" alt=""> | ||
<div class="py-16 px-10 text-center bg-white"> | ||
<h3 class="mb-4 text-lg text-blue-800 font-bold uppercase font-heading">List of regular users</h3> | ||
<p class="text-base text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section> </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
<div> <section class="relative py-24 bg-blue-50"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="max-w-2xl mb-24 mx-auto text-center"> | ||
<span class="text-blue-400 uppercase font-semibold tracking-widest">New feature</span> | ||
<h2 class="mt-4 mb-6 text-4xl font-bold font-heading text-blue-800">Take quick action that increases your brand's regular profit.</h2> | ||
<p class="text-lg text-gray-500">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p> | ||
</div> | ||
<div class="flex flex-wrap -mx-3 -mb-12 lg:-mb-16"> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-12 lg:mb-16"> | ||
<div class="relative pt-16 pb-12 px-8 text-center bg-blue-800"> | ||
<span class="absolute top-0 inset-x-0 -mt-8 text-6xl text-yellow-500 font-bold">1</span> | ||
<h3 class="mb-4 lg:px-10 text-lg font-semibold font-heading text-white">Making changes simple and easy</h3> | ||
<p class="text-gray-50 leading-loose">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-12 lg:mb-16"> | ||
<div class="relative pt-16 pb-12 px-8 text-center bg-blue-800"> | ||
<span class="absolute top-0 inset-x-0 -mt-8 text-6xl text-yellow-500 font-bold">2</span> | ||
<h3 class="mb-4 lg:px-10 text-lg font-semibold font-heading text-white">Fusce mauris ligula, tincidunt vel</h3> | ||
<p class="text-gray-50 leading-loose">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-12 lg:mb-16"> | ||
<div class="relative pt-16 pb-12 px-8 text-center bg-blue-800"> | ||
<span class="absolute top-0 inset-x-0 -mt-8 text-6xl text-yellow-500 font-bold">3</span> | ||
<h3 class="mb-4 lg:px-10 text-lg font-semibold font-heading text-white">Praesent non turpis arcu</h3> | ||
<p class="text-gray-50 leading-loose">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-10"> | ||
<div class="relative pt-16 pb-12 px-8 text-center bg-blue-800"> | ||
<span class="absolute top-0 inset-x-0 -mt-8 text-6xl text-yellow-500 font-bold">4</span> | ||
<h3 class="mb-4 lg:px-10 text-lg font-semibold font-heading text-white">Nulla facilisis mollis lacus sagittis</h3> | ||
<p class="text-gray-50 leading-loose">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-10"> | ||
<div class="relative pt-16 pb-12 px-8 text-center bg-blue-800"> | ||
<span class="absolute top-0 inset-x-0 -mt-8 text-6xl text-yellow-500 font-bold">5</span> | ||
<h3 class="mb-4 lg:px-10 text-lg font-semibold font-heading text-white">Morbi vitae leo nec libero lacinia</h3> | ||
<p class="text-gray-50 leading-loose">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p> | ||
</div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-10"> | ||
<div class="relative pt-16 pb-12 px-8 text-center bg-blue-800"> | ||
<span class="absolute top-0 inset-x-0 -mt-8 text-6xl text-yellow-500 font-bold">6</span> | ||
<h3 class="mb-4 lg:px-10 text-lg font-semibold font-heading text-white">Curabitur rutrum ex rutrum congue</h3> | ||
<p class="text-gray-50 leading-loose">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,144 @@ | ||
<div> <section class="relative py-24 bg-blue-50"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="max-w-3xl mx-auto mb-16 text-center"> | ||
<span class="text-blue-400 uppercase font-semibold tracking-widest">Lorem ipsum</span> | ||
<h2 class="mt-8 mb-6 text-4xl font-bold font-heading text-blue-800">Take quick action that increases your brand's regular profit.</h2> | ||
<p class="mb-8 text-xl text-gray-500">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p> | ||
<div class="max-w-max mx-auto flex- flex-row"> | ||
<button class="px-8 py-2 bg-blue-800 font-semibold leading-8 text-white">Monthly</button> | ||
<button class="px-8 py-2 bg-blue-100 text-blue-800 hover:text-blue-700 leading-8">Yearly</button> | ||
</div> | ||
</div> | ||
<div class="flex flex-wrap items-center -mx-3"> | ||
<div class="w-full lg:w-1/3 px-3 mb-6 lg:mb-0"> | ||
<div class="relative pt-12 pb-10 px-10 bg-white lg:text-center"> | ||
<span class="absolute top-0 left-0 w-1/2 py-2 bg-blue-100 clip-path-right-badge text-center text-sm leading-8 font-medium uppercase text-blue-800 tracking-widest">Starter</span> | ||
<div class="flex lg:justify-center mt-8 mb-8"> | ||
<span class="self-end inline-block text-6xl font-semibold text-blue-800">$34</span> | ||
<p class="self-start text-4xl font-semibold font-heading text-blue-800">99</p> | ||
<span class="self-end inline-block ml-6 text-sm text-blue-300">/ per month</span> | ||
</div> | ||
<ul class="mb-6 text-left"> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">Complete documentation</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">Working materials in Figma</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">100GB cloud storage</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">100GB cloud storage</p> | ||
</li> | ||
<li class="flex items-center mb-6"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">500 team members</p> | ||
</li> | ||
</ul> | ||
<a class="block py-5 text-sm text-center text-blue-800 uppercase font-bold leading-normal border-2 border-blue-800 hover:bg-blue-50 transition duration-200" href="#">Try it now</a> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/3 px-3 mb-6 lg:mb-0"> | ||
<div class="relative pt-12 pb-10 px-10 bg-blue-800 lg:text-center"> | ||
<span class="absolute top-0 left-0 w-1/2 py-2 bg-blue-900 clip-path-right-badge text-center text-sm leading-8 font-medium uppercase text-white tracking-widest">Pro</span> | ||
<div class="flex lg:justify-center mt-8 mb-8"> | ||
<span class="self-end inline-block text-6xl font-semibold text-white">$65</span> | ||
<p class="self-start text-4xl font-semibold font-heading text-white">99</p> | ||
<span class="self-end inline-block ml-6 text-sm text-blue-300">/ per month</span> | ||
</div> | ||
<ul class="mb-6 text-left"> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-white">Complete documentation</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-white">Working materials in Figma</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-white">100GB cloud storage</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-white">100GB cloud storage</p> | ||
</li> | ||
<li class="flex items-center mb-6"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-white">500 team members</p> | ||
</li> | ||
</ul> | ||
<a class="block py-5 text-sm text-center text-blue-800 uppercase font-bold bg-yellow-500 hover:bg-yellow-400 transition duration-200" href="#">Try it now</a> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/3 px-3 mb-6 lg:mb-0"> | ||
<div class="relative pt-12 pb-10 px-10 bg-white lg:text-center"> | ||
<span class="absolute top-0 left-0 w-1/2 py-2 bg-blue-100 clip-path-right-badge text-center text-sm leading-8 font-medium uppercase text-blue-800 tracking-widest">Premium</span> | ||
<div class="flex lg:justify-center mt-8 mb-8"> | ||
<span class="self-end inline-block text-6xl font-semibold text-blue-800">$99</span> | ||
<p class="self-start text-4xl font-semibold font-heading text-blue-800">99</p> | ||
<span class="self-end inline-block ml-6 text-sm text-blue-300">/ per month</span> | ||
</div> | ||
<ul class="mb-6 text-left"> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">Complete documentation</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">Working materials in Figma</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">100GB cloud storage</p> | ||
</li> | ||
<li class="flex items-center mb-4"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">100GB cloud storage</p> | ||
</li> | ||
<li class="flex items-center mb-6"> | ||
<svg class="mr-4 h-5 w-5 text-blue-300" viewbox="0 0 20 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.775 10.9984L17.975 0L20 1.98854L6.775 15L0 8.37152L2.05 6.35843L6.775 10.9984Z"></path> | ||
</svg> | ||
<p class="text-gray-500">500 team members</p> | ||
</li> | ||
</ul> | ||
<a class="block py-5 text-sm text-center text-blue-800 uppercase font-bold leading-normal border-2 border-blue-800 hover:bg-blue-50 transition duration-200" href="#">Try it now</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
<div> <section class="py-24 bg-blue-50"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="flex flex-wrap items-center -mx-4"> | ||
<div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0"> | ||
<img class="clip-path-right-top" src="https://images.unsplash.com/photo-1536851101967-55988a52f455?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1036&q=80" alt=""> | ||
</div> | ||
<div class="w-full lg:w-1/2 px-4"> | ||
<div class="lg:pl-10 max-w-lg"> | ||
<h2 class="mb-8 text-4xl font-bold text-blue-800">Take quick action that increases your brand's regular profit.</h2> | ||
<p class="text-lg text-gray-500">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
Oops, something went wrong.