From c678e0f57073802f7be99c167a1b68ff7ecab87b Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Fri, 8 May 2020 17:38:22 +0200
Subject: [PATCH] wip

---
 src/components/UI/Footers/FooterWithSubscribeForm.vue | 6 +++---
 src/components/UI/Forms/NewsletterForm.vue            | 2 +-
 src/components/UI/Forms/SignInForm.vue                | 2 +-
 src/components/UI/Forms/SignInFormWithImage.vue       | 2 +-
 src/components/UI/Sections/ParagraphWithImage.vue     | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/UI/Footers/FooterWithSubscribeForm.vue b/src/components/UI/Footers/FooterWithSubscribeForm.vue
index 457b995..c1a40f0 100644
--- a/src/components/UI/Footers/FooterWithSubscribeForm.vue
+++ b/src/components/UI/Footers/FooterWithSubscribeForm.vue
@@ -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>
diff --git a/src/components/UI/Forms/NewsletterForm.vue b/src/components/UI/Forms/NewsletterForm.vue
index 9560f3e..b50dce9 100644
--- a/src/components/UI/Forms/NewsletterForm.vue
+++ b/src/components/UI/Forms/NewsletterForm.vue
@@ -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>
diff --git a/src/components/UI/Forms/SignInForm.vue b/src/components/UI/Forms/SignInForm.vue
index 7f160ad..ff56757 100644
--- a/src/components/UI/Forms/SignInForm.vue
+++ b/src/components/UI/Forms/SignInForm.vue
@@ -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>
diff --git a/src/components/UI/Forms/SignInFormWithImage.vue b/src/components/UI/Forms/SignInFormWithImage.vue
index 2efb5b2..4b8453b 100644
--- a/src/components/UI/Forms/SignInFormWithImage.vue
+++ b/src/components/UI/Forms/SignInFormWithImage.vue
@@ -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">
diff --git a/src/components/UI/Sections/ParagraphWithImage.vue b/src/components/UI/Sections/ParagraphWithImage.vue
index 7d03e42..fd7a5a9 100644
--- a/src/components/UI/Sections/ParagraphWithImage.vue
+++ b/src/components/UI/Sections/ParagraphWithImage.vue
@@ -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>