Theme files changes

This commit is contained in:
Brad Traversy
2024-07-26 09:41:20 -04:00
parent b63e92b486
commit f5c034201a
3 changed files with 103 additions and 99 deletions
+5 -6
View File
@@ -231,7 +231,6 @@
</p>
</div>
<!-- Form Component -->
<form
class="mt-3 mx-auto max-w-2xl w-full flex flex-col md:flex-row items-center"
>
@@ -318,7 +317,7 @@
<img
src="images/properties/f1.jpg"
alt=""
class="object-cover rounded-t-xl md:rounded-tr-none md:rounded-l-xl w-full md:w-2/5"
class="w-full h-auto rounded-t-xl md:rounded-tr-none md:rounded-l-xl w-full md:w-2/5"
/>
<div class="p-6">
<h3 class="text-xl font-bold">Seaside Retreat</h3>
@@ -374,7 +373,7 @@
<img
src="images/properties/e1.jpg"
alt=""
class="object-cover rounded-t-xl md:rounded-tr-none md:rounded-l-xl w-full md:w-2/5"
class="w-full h-auto rounded-t-xl md:rounded-tr-none md:rounded-l-xl md:w-2/5"
/>
<div class="p-6">
<h3 class="text-xl font-bold">Modern Downtown Studio</h3>
@@ -440,7 +439,7 @@
<img
src="images/properties/a1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -498,7 +497,7 @@
<img
src="images/properties/b1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -556,7 +555,7 @@
<img
src="images/properties/c1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
+6 -6
View File
@@ -268,7 +268,7 @@
<img
src="images/properties/a1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -326,7 +326,7 @@
<img
src="images/properties/b1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -384,7 +384,7 @@
<img
src="images/properties/c1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -443,7 +443,7 @@
<img
src="images/properties/d1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -500,7 +500,7 @@
<img
src="images/properties/e1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
@@ -558,7 +558,7 @@
<img
src="images/properties/f1.jpg"
alt=""
class="object-cover rounded-t-xl"
class="w-full h-auto rounded-t-xl"
/>
<div class="p-4">
<div class="text-left md:text-center lg:text-left mb-6">
+92 -87
View File
@@ -58,7 +58,7 @@
<a class="flex flex-shrink-0 items-center" href="/index.html">
<img
class="h-10 w-auto"
src="/images/logo-white.png"
src="images/logo-white.png"
alt="PropertyPulse"
/>
@@ -196,26 +196,26 @@
<div class="hidden" id="mobile-menu">
<div class="space-y-1 px-2 pb-3 pt-2">
<a
href="/index.html"
class="bg-black text-white block rounded-md px-3 py-2 text-base font-medium"
>Home</a
>
<a
href="/properties.html"
class="text-white block rounded-md px-3 py-2 text-base font-medium"
>Properties</a
>
<a
href="/add-property.html"
class="text-white block rounded-md px-3 py-2 text-base font-medium"
>Add Property</a
>
<button
class="flex items-center text-white bg-gray-700 hover:bg-gray-900 hover:text-white rounded-md px-3 py-2 my-5"
>
<i class="fa-brands fa-google mr-2"></i>
<span>Login or Register</span>
</button>
href="/index.html"
class="bg-black text-white block rounded-md px-3 py-2 text-base font-medium"
>Home</a
>
<a
href="/properties.html"
class="text-white block rounded-md px-3 py-2 text-base font-medium"
>Properties</a
>
<a
href="/add-property.html"
class="text-white block rounded-md px-3 py-2 text-base font-medium"
>Add Property</a
>
<button
class="flex items-center text-white bg-gray-700 hover:bg-gray-900 hover:text-white rounded-md px-3 py-2 my-5"
>
<i class="fa-brands fa-google mr-2"></i>
<span>Login or Register</span>
</button>
</div>
</div>
</nav>
@@ -272,7 +272,7 @@
<img
src="images/properties/a1.jpg"
alt=""
class="object-cover h-[400px]"
class="object-cover h-[400px] w-full"
width="1800"
/>
</div>
@@ -288,6 +288,7 @@
>
<i class="fas fa-arrow-left mr-2"></i> Back to Properties
</a>
</div>
</section>
<!-- Property Info -->
@@ -356,7 +357,7 @@
</div>
<p class="text-gray-500 mb-4">
This is a beautiful apartment located near the commons
</p>
</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md mt-6">
@@ -427,7 +428,7 @@
</main>
<!-- Sidebar -->
<aside class="space-y-4">
<aside class="space-y-4">
<button
class="bg-blue-500 hover:bg-blue-600 text-white font-bold w-full py-2 px-4 rounded-full flex items-center justify-center"
>
@@ -443,73 +444,73 @@
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-bold mb-6">Contact Property Manager</h3>
<form>
<div class='mb-4'>
<div class="mb-4">
<label
class='block text-gray-700 text-sm font-bold mb-2'
htmlFor='name'
class="block text-gray-700 text-sm font-bold mb-2"
htmlFor="name"
>
Name:
</label>
<input
class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline'
id='name'
name='name'
type='text'
placeholder='Enter your name'
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
id="name"
name="name"
type="text"
placeholder="Enter your name"
required
/>
</div>
<div class='mb-4'>
<div class="mb-4">
<label
class='block text-gray-700 text-sm font-bold mb-2'
htmlFor='email'
class="block text-gray-700 text-sm font-bold mb-2"
htmlFor="email"
>
Email:
</label>
<input
class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline'
id='email'
name='email'
type='email'
placeholder='Enter your email'
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
id="email"
name="email"
type="email"
placeholder="Enter your email"
required
/>
</div>
<div class='mb-4'>
<div class="mb-4">
<label
class='block text-gray-700 text-sm font-bold mb-2'
htmlFor='phone'
class="block text-gray-700 text-sm font-bold mb-2"
htmlFor="phone"
>
Phone:
</label>
<input
class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline'
id='phone'
name='phone'
type='text'
placeholder='Enter your phone number'
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
id="phone"
name="phone"
type="text"
placeholder="Enter your phone number"
/>
</div>
<div class='mb-4'>
<div class="mb-4">
<label
class='block text-gray-700 text-sm font-bold mb-2'
htmlFor='message'
class="block text-gray-700 text-sm font-bold mb-2"
htmlFor="message"
>
Message:
</label>
<textarea
class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 h-44 focus:outline-none focus:shadow-outline'
id='message'
name='message'
placeholder='Enter your message'
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 h-44 focus:outline-none focus:shadow-outline"
id="message"
name="message"
placeholder="Enter your message"
></textarea>
</div>
<div>
<button
class='bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-full w-full focus:outline-none focus:shadow-outline flex items-center justify-center'
type='submit'
class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-full w-full focus:outline-none focus:shadow-outline flex items-center justify-center"
type="submit"
>
<FaPaperPlane class='mr-2' /> Send Message
<i class="fas fa-paper-plane mr-2"></i> Send Message
</button>
</div>
</form>
@@ -518,36 +519,40 @@
</div>
</div>
</section>
<!-- Images -->
<section class='bg-blue-50 p-4'>
<div class='container mx-auto'>
<div class='grid grid-cols-2 gap-4'>
<div class='col-span-2'>
<img
src='./images/properties/a1.jpg'
alt=''
class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
</div>
<div class='col-span-2'>
<img
src='./images/properties/a2.jpg'
alt=''
class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
</div>
<div class='col-span-2'>
<img
src='./images/properties/a3.jpg'
alt=''
class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
</div>
<div class='col-span-2'>
<img
src='./images/properties/a4.jpg'
alt=''
class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
</div>
</div>
<section class="bg-blue-50 p-4">
<div class="container mx-auto">
<div class="grid grid-cols-2 gap-4">
<div class="col-span-2">
<img
src="./images/properties/a1.jpg"
alt=""
class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
/>
</div>
<div class="col-span-2">
<img
src="./images/properties/a2.jpg"
alt=""
class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
/>
</div>
<div class="col-span-2">
<img
src="./images/properties/a3.jpg"
alt=""
class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
/>
</div>
<div class="col-span-2">
<img
src="./images/properties/a4.jpg"
alt=""
class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
/>
</div>
</div>
</div>
</section>