admin/property-pulse-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Theme files changes

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