Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 22:53:24 +00:00
Code Issues Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
khatabwedaa
2020-05-08 17:38:22 +02:00
parent 0679117112
commit c678e0f570
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/UI/Footers/FooterWithSubscribeForm.vue
View File

@@ -7,10 +7,10 @@
</h1>
<div class="flex justify-center mt-6">
<div class="bg-white rounded-lg">
<div class="bg-white rounded-md">
<div class="flex flex-wrap justify-between md:flex-row">
<input type="email" class="m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none" placeholder="Enter your email">
<button class="w-full m-1 p-2 text-sm bg-gray-800 rounded-lg font-semibold uppercase lg:w-auto">subscribe</button>
<input type="email" class="m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none focus:placeholder-white" placeholder="Enter your email">
<button class="w-full m-1 p-2 text-sm bg-gray-800 rounded font-semibold uppercase lg:w-auto hover:bg-gray-700">subscribe</button>
</div>
</div>
</div>

2
src/components/UI/Forms/NewsletterForm.vue
View File

@@ -3,7 +3,7 @@
<div class="flex flex-col max-w-4xl mx-auto bg-white rounded-lg shadow-lg overflow-hidden md:flex-row md:h-48">
<div class="md:flex md:items-center md:justify-center md:w-1/2 md:bg-gray-700">
<div class="py-6 px-6 md:px-8 md:py-0">
<h2 class="text-gray-700 text-lg font-bold md:text-gray-100">Sign Up For <span class="text-blue-300">Project</span> Updates</h2>
<h2 class="text-gray-700 text-lg font-bold md:text-gray-100">Sign Up For <span class="text-blue-600 md:text-blue-300">Project</span> Updates</h2>
<p class="mt-2 text-gray-600 text-sm md:text-gray-400">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur obcaecati odio</p>
</div>
</div>

2
src/components/UI/Forms/SignInForm.vue
View File

@@ -1,7 +1,7 @@
<template>
<div :id="name | toId">
<div class="bg-white w-full max-w-sm rounded-lg overflow-hidden mx-auto">
<div class="py-4 px-8">
<div class="py-4 px-6">
<div class="text-center font-bold text-gray-700 text-3xl">Brand</div>
<div class="mt-1 text-center font-bold text-gray-600 text-xl">Welcome Back</div>
<div class="mt-1 text-center text-gray-600">Login or create account</div>

2
src/components/UI/Forms/SignInFormWithImage.vue
View File

@@ -3,7 +3,7 @@
<div class="flex max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden lg:max-w-4xl">
<div class="hidden lg:block lg:w-1/2 bg-cover" style="background-image:url('https://images.unsplash.com/photo-1546514714-df0ccc50d7bf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80')"></div>
<div class="w-full p-8 lg:w-1/2">
<div class="w-full py-8 px-6 md:px-8 lg:w-1/2">
<h2 class="text-2xl font-semibold text-gray-700 text-center">Brand</h2>
<p class="text-xl text-gray-600 text-center">Welcome back!</p>
<a href="#" class="flex items-center justify-center mt-4 text-white rounded-lg shadow-md hover:bg-gray-100">

2
src/components/UI/Sections/ParagraphWithImage.vue
View File

@@ -7,7 +7,7 @@
<div class="h-64 bg-cover lg:rounded-lg lg:h-full" style="background-image:url('https://images.unsplash.com/photo-1497493292307-31c376b6e479?ixlib=rb-1.2.1&auto=format&fit=crop&w=1351&q=80')"></div>
</div>
<div class="py-12 px-6 max-w-xl lg:max-w-5xl lg:w-1/2">
<h2 class="text-3xl text-gray-800 font-bold">Build Your New <span class="text-indigo-600">Idea</span></h2>
<h2 class="text-2xl text-gray-800 font-bold md:text-3xl">Build Your New <span class="text-indigo-600">Idea</span></h2>
<p class="mt-4 text-gray-600">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quidem modi reprehenderit vitae exercitationem aliquid dolores ullam temporibus enim expedita aperiam mollitia iure consectetur dicta tenetur, porro consequuntur saepe accusantium consequatur.</p>
<div class="mt-8">
<a href="#" class="bg-gray-900 text-gray-100 px-5 py-3 font-semibold rounded">Start Now</a>