updated the single listings page
This commit is contained in:
soyed
parent
2e2f449317
commit
5a65e714f8
9 changed files with 100 additions and 155 deletions
|
Before Width: | Height: | Size: 714 KiB After Width: | Height: | Size: 714 KiB |
|
|
@ -1,6 +1,7 @@
|
|||
.single-listing-1{
|
||||
padding: 7% 15%;
|
||||
/* background-color: darksalmon; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.listing-header{
|
||||
|
|
@ -13,32 +14,24 @@
|
|||
/* font-style: italic; */
|
||||
}
|
||||
|
||||
.title-icon{
|
||||
|
||||
}
|
||||
|
||||
.listing-carousel{
|
||||
margin: 5% 15%;
|
||||
width: 70%;
|
||||
/* padding-right: 10; */
|
||||
}
|
||||
|
||||
.carousel-img{
|
||||
/* width: 70%; */
|
||||
}
|
||||
|
||||
|
||||
.amentities{
|
||||
border: 1px solid black;
|
||||
/* padding: 5% 0; */
|
||||
margin: 3% 40%;
|
||||
padding: 1% 0%;
|
||||
/* padding: 1% 0%; */
|
||||
}
|
||||
.amentities-text{
|
||||
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.amentities-icon{
|
||||
margin: 0% 5%;
|
||||
padding: 2% 7%;
|
||||
}
|
||||
|
||||
.description-box{
|
||||
|
|
@ -49,10 +42,6 @@
|
|||
|
||||
.description-title{
|
||||
padding: 2% 0%;
|
||||
}
|
||||
.listing-description{
|
||||
|
||||
|
||||
}
|
||||
|
||||
.booking-btn{
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@ import "./listing-page-1.css";
|
|||
import { Link } from "react-router-dom";
|
||||
|
||||
// import house images
|
||||
import house_img1 from "../../images/house1-2.jpg";
|
||||
import house_img1 from "../../images/house3.jpg";
|
||||
import house_img2 from "../../images/house1-2.jpg";
|
||||
import house_img3 from "../../images/house1-3.jpg";
|
||||
const ListingPage1 = () => {
|
||||
return (
|
||||
<div className="single-listing-1">
|
||||
|
|
@ -33,14 +35,14 @@ const ListingPage1 = () => {
|
|||
</div>
|
||||
<div class="carousel-item carousel-img">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img2}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img3}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
|
|
@ -69,38 +71,32 @@ const ListingPage1 = () => {
|
|||
|
||||
{/* Text box for listing amenities */}
|
||||
<div className="amentities">
|
||||
<span className="amentities-text">1</span>
|
||||
<i class="fas fa-bed fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">2</span>
|
||||
<i class="fas fa-bath fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">3</span>
|
||||
<i class="fas fa-wifi fa-2x amentities-icon"></i>
|
||||
<i class="fas fa-bed fa-3x amentities-icon"></i>
|
||||
<span className="amentities-text">4</span>
|
||||
<i class="fas fa-bath fa-3x amentities-icon"></i>
|
||||
</div>
|
||||
|
||||
{/* Description for the listing */}
|
||||
<div className="description-box">
|
||||
<h2 className="description-title">Description</h2>
|
||||
<p className="listing-description">
|
||||
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I
|
||||
Conveniently located in Haysboro, you have Restaurants, Groceries,
|
||||
Coffee shops, Schools and a Library all within walking distance. This
|
||||
Updated Bungalow offers over 2000 square feet of developed living
|
||||
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down
|
||||
stairs in the fully developed basement. Having a separate entrance
|
||||
downstairs through the backyard makes it much easier if you ever want
|
||||
to convert the basement into a suite. The double garage is even heated
|
||||
with 220v plus 2 additional spaces that could be used for RV parking
|
||||
or for any additional vehicles in the house. You will notice the home
|
||||
has been tastefully updated over the years including a soaker tub in
|
||||
the bathroom, in the kitchen your cabinetry goes right to the ceiling
|
||||
for a nice finished look, granite counters and Kitchenaid appliances
|
||||
and a new garburator. The entire property has a fresh coat of paint
|
||||
inside and out, Newer windows and roof along with the Plumbing,
|
||||
Electrical (Cat 5 connection throughout and 200amp service) has been
|
||||
updated. Last but not least, the back deck already has gas and ready
|
||||
for the BBQ season. With the BIG updates being done, all that is left
|
||||
to do is enjoy Summer on the deck or enjoy a bonfire in your sunny
|
||||
West facing backyard!
|
||||
RUN DON'T WALK to this beautiful former Jayman show home. This home
|
||||
has every feature and convenience you could want in a home. When you
|
||||
enter you will be greeted with a large entry way, open concept main
|
||||
floor with a very spacious chef-like kitchen, the big eat in dinning
|
||||
area is an entertainers dream and plenty of room in the living room as
|
||||
to cozy up to the fireplace. When you head upstairs the owner 's suite
|
||||
will impress with a gorgeous ensuite consisting of a large soaker tub,
|
||||
oversized shower, separate vanities, in-floor heating and 2 separate
|
||||
closest. You will also find a nice sized flex room, spacious laundry
|
||||
room up stairs, 4 piece main bathroom and 2 more bedrooms. Then head
|
||||
downstairs where you will find another bedroom, bathroom and Theatre
|
||||
room with wet bar and beverage station that is perfect for any movie
|
||||
lover. Must not forget that this home is air conditioned, has front
|
||||
and back irrigation outside and speakers throughout the house. All of
|
||||
this can be yours in the lake community of Auburn Bay close to all
|
||||
amenities and year round lake access just a short distance away
|
||||
</p>
|
||||
<div className="booking-btn">
|
||||
<Link to="/contact-us">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
.single-listing-2{
|
||||
padding: 7% 15%;
|
||||
/* background-color: darksalmon; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.listing-header{
|
||||
|
|
@ -13,32 +14,24 @@
|
|||
/* font-style: italic; */
|
||||
}
|
||||
|
||||
.title-icon{
|
||||
|
||||
}
|
||||
|
||||
.listing-carousel{
|
||||
margin: 5% 15%;
|
||||
width: 70%;
|
||||
/* padding-right: 10; */
|
||||
}
|
||||
|
||||
.carousel-img{
|
||||
/* width: 70%; */
|
||||
}
|
||||
|
||||
|
||||
.amentities{
|
||||
border: 1px solid black;
|
||||
/* padding: 5% 0; */
|
||||
margin: 3% 40%;
|
||||
padding: 1% 0%;
|
||||
/* padding: 1% 0%; */
|
||||
}
|
||||
.amentities-text{
|
||||
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.amentities-icon{
|
||||
margin: 0% 5%;
|
||||
padding: 2% 7%;
|
||||
}
|
||||
|
||||
.description-box{
|
||||
|
|
@ -49,10 +42,6 @@
|
|||
|
||||
.description-title{
|
||||
padding: 2% 0%;
|
||||
}
|
||||
.listing-description{
|
||||
|
||||
|
||||
}
|
||||
|
||||
.booking-btn{
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@ import "./listing-page-2.css";
|
|||
import { Link } from "react-router-dom";
|
||||
|
||||
// import house images
|
||||
import house_img1 from "../../images/house1-2.jpg";
|
||||
import house_img1 from "../../images/house2.jpg";
|
||||
import house_img2 from "../../images/house2-2.jpg";
|
||||
import house_img3 from "../../images/house2-3.jpg";
|
||||
const ListingPage2 = () => {
|
||||
return (
|
||||
<div className="single-listing-2">
|
||||
|
|
@ -33,14 +35,14 @@ const ListingPage2 = () => {
|
|||
</div>
|
||||
<div class="carousel-item carousel-img">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img2}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img3}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
|
|
@ -70,37 +72,34 @@ const ListingPage2 = () => {
|
|||
{/* Text box for listing amenities */}
|
||||
<div className="amentities">
|
||||
<span className="amentities-text">1</span>
|
||||
<i class="fas fa-bed fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">2</span>
|
||||
<i class="fas fa-bath fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">3</span>
|
||||
<i class="fas fa-wifi fa-2x amentities-icon"></i>
|
||||
<i class="fas fa-bed fa-3x amentities-icon"></i>
|
||||
<span className="amentities-text">1</span>
|
||||
<i class="fas fa-bath fa-3x amentities-icon"></i>
|
||||
</div>
|
||||
|
||||
{/* Description for the listing */}
|
||||
<div className="description-box">
|
||||
<h2 className="description-title">Description</h2>
|
||||
<p className="listing-description">
|
||||
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I
|
||||
Conveniently located in Haysboro, you have Restaurants, Groceries,
|
||||
Coffee shops, Schools and a Library all within walking distance. This
|
||||
Updated Bungalow offers over 2000 square feet of developed living
|
||||
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down
|
||||
stairs in the fully developed basement. Having a separate entrance
|
||||
downstairs through the backyard makes it much easier if you ever want
|
||||
to convert the basement into a suite. The double garage is even heated
|
||||
with 220v plus 2 additional spaces that could be used for RV parking
|
||||
or for any additional vehicles in the house. You will notice the home
|
||||
has been tastefully updated over the years including a soaker tub in
|
||||
the bathroom, in the kitchen your cabinetry goes right to the ceiling
|
||||
for a nice finished look, granite counters and Kitchenaid appliances
|
||||
and a new garburator. The entire property has a fresh coat of paint
|
||||
inside and out, Newer windows and roof along with the Plumbing,
|
||||
Electrical (Cat 5 connection throughout and 200amp service) has been
|
||||
updated. Last but not least, the back deck already has gas and ready
|
||||
for the BBQ season. With the BIG updates being done, all that is left
|
||||
to do is enjoy Summer on the deck or enjoy a bonfire in your sunny
|
||||
West facing backyard!
|
||||
Nature at its Finest The Shores of Toney Bay are located at the mouth
|
||||
of River Phillip where it meets the Northumberland Straight with
|
||||
direct access to the incredible recreational waterways of River
|
||||
Phillip and nature rich Toney Bay. This nature lovers paradise boasts
|
||||
a plethora of migratory bird life and the rich fish stock of River
|
||||
Philip. The warm waters of the Northumberland Straight are swimmable
|
||||
from your shorefront, easy access to year-around activities and close
|
||||
proximity to the quaint community of Pugwash make this an ideal spot
|
||||
for a permeant residence or cottage. There are also ocean view /
|
||||
deeded access lots available. Large lots with unobstructed views and
|
||||
well away from highway noise. Swim in the warm waters at beautiful
|
||||
Heather's Beach just 4km away, fly fishing in the spring on River
|
||||
Phillip, book at tee time at Northumberland links, 16km away or enjoy
|
||||
a day at the Luxury Fox Harb'r Resort and Spa less then 30 mins away,
|
||||
and in winter enjoy skiing at Ski Wentworth a short 30 minutes drive.
|
||||
Lots are flat, cleared and ready for your dream home. All septic and
|
||||
building lot approvals are in place, good roads, and power to the lot
|
||||
line are included. Please take a few minutes to watch the video of the
|
||||
stunning Shores at Toney Bay
|
||||
</p>
|
||||
<div className="booking-btn">
|
||||
<Link to="/contact-us">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
.single-listing-3{
|
||||
padding: 7% 15%;
|
||||
/* background-color: darksalmon; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.listing-header{
|
||||
|
|
@ -13,32 +14,24 @@
|
|||
/* font-style: italic; */
|
||||
}
|
||||
|
||||
.title-icon{
|
||||
|
||||
}
|
||||
|
||||
.listing-carousel{
|
||||
margin: 5% 15%;
|
||||
width: 70%;
|
||||
/* padding-right: 10; */
|
||||
}
|
||||
|
||||
.carousel-img{
|
||||
/* width: 70%; */
|
||||
}
|
||||
|
||||
|
||||
.amentities{
|
||||
border: 1px solid black;
|
||||
/* padding: 5% 0; */
|
||||
margin: 3% 40%;
|
||||
padding: 1% 0%;
|
||||
/* padding: 1% 0%; */
|
||||
}
|
||||
.amentities-text{
|
||||
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.amentities-icon{
|
||||
margin: 0% 5%;
|
||||
padding: 2% 7%;
|
||||
}
|
||||
|
||||
.description-box{
|
||||
|
|
@ -49,10 +42,6 @@
|
|||
|
||||
.description-title{
|
||||
padding: 2% 0%;
|
||||
}
|
||||
.listing-description{
|
||||
|
||||
|
||||
}
|
||||
|
||||
.booking-btn{
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@ import "./listing-page-3.css";
|
|||
import { Link } from "react-router-dom";
|
||||
|
||||
// import house images
|
||||
import house_img1 from "../../images/house1-2.jpg";
|
||||
import house_img1 from "../../images/house1.jpg";
|
||||
import house_img2 from "../../images/house3-2.jpg";
|
||||
import house_img3 from "../../images/house3-3.jpg";
|
||||
const ListingPage3 = () => {
|
||||
return (
|
||||
<div className="single-listing-3">
|
||||
|
|
@ -33,14 +35,14 @@ const ListingPage3 = () => {
|
|||
</div>
|
||||
<div class="carousel-item carousel-img">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img2}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img3}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
|
|
@ -69,38 +71,30 @@ const ListingPage3 = () => {
|
|||
|
||||
{/* Text box for listing amenities */}
|
||||
<div className="amentities">
|
||||
<span className="amentities-text">1</span>
|
||||
<i class="fas fa-bed fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">2</span>
|
||||
<i class="fas fa-bath fa-2x amentities-icon"></i>
|
||||
<i class="fas fa-bed fa-3x amentities-icon"></i>
|
||||
<span className="amentities-text">3</span>
|
||||
<i class="fas fa-wifi fa-2x amentities-icon"></i>
|
||||
<i class="fas fa-bath fa-3x amentities-icon"></i>
|
||||
</div>
|
||||
|
||||
{/* Description for the listing */}
|
||||
<div className="description-box">
|
||||
<h2 className="description-title">Description</h2>
|
||||
<p className="listing-description">
|
||||
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I
|
||||
Conveniently located in Haysboro, you have Restaurants, Groceries,
|
||||
Coffee shops, Schools and a Library all within walking distance. This
|
||||
Updated Bungalow offers over 2000 square feet of developed living
|
||||
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down
|
||||
stairs in the fully developed basement. Having a separate entrance
|
||||
downstairs through the backyard makes it much easier if you ever want
|
||||
to convert the basement into a suite. The double garage is even heated
|
||||
with 220v plus 2 additional spaces that could be used for RV parking
|
||||
or for any additional vehicles in the house. You will notice the home
|
||||
has been tastefully updated over the years including a soaker tub in
|
||||
the bathroom, in the kitchen your cabinetry goes right to the ceiling
|
||||
for a nice finished look, granite counters and Kitchenaid appliances
|
||||
and a new garburator. The entire property has a fresh coat of paint
|
||||
inside and out, Newer windows and roof along with the Plumbing,
|
||||
Electrical (Cat 5 connection throughout and 200amp service) has been
|
||||
updated. Last but not least, the back deck already has gas and ready
|
||||
for the BBQ season. With the BIG updates being done, all that is left
|
||||
to do is enjoy Summer on the deck or enjoy a bonfire in your sunny
|
||||
West facing backyard!
|
||||
Custom, Hi-Ranch home located in sought after neighborhood in the
|
||||
Heart of Petawawa. This home features 2+1 bedrooms and 4 bathrooms.
|
||||
Main level features spacious foyer, hardwood staircase, gleaming
|
||||
hardwood floors and open concept living. Large windows provide lots of
|
||||
natural light, vaulted ceilings in living room, a spectacular spacious
|
||||
kitchen with stainless steel appliances and large island. Master
|
||||
bedroom with walk through closet and 3 piece en-suite with custom tile
|
||||
shower and heated tile floor. Lower level features a finished rec room
|
||||
with cozy gas fireplace, bedroom and 3 piece bathroom. Patio door in
|
||||
foyer leads to large private backyard with no rear neighbours,
|
||||
spacious wood deck and hot tub. Double attached garage completes the
|
||||
package. Pack your backs and move right in! No Conveyances of offers
|
||||
until Friday April 9th at 3PM however the seller has the right to view
|
||||
and may accept pre-emptive offers
|
||||
</p>
|
||||
<div className="booking-btn">
|
||||
<Link to="/contact-us">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
.single-listing-4{
|
||||
padding: 7% 15%;
|
||||
/* background-color: darksalmon; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.listing-header{
|
||||
|
|
@ -13,32 +14,24 @@
|
|||
/* font-style: italic; */
|
||||
}
|
||||
|
||||
.title-icon{
|
||||
|
||||
}
|
||||
|
||||
.listing-carousel{
|
||||
margin: 5% 15%;
|
||||
width: 70%;
|
||||
/* padding-right: 10; */
|
||||
}
|
||||
|
||||
.carousel-img{
|
||||
/* width: 70%; */
|
||||
}
|
||||
|
||||
|
||||
.amentities{
|
||||
border: 1px solid black;
|
||||
/* padding: 5% 0; */
|
||||
margin: 3% 40%;
|
||||
padding: 1% 0%;
|
||||
/* padding: 1% 0%; */
|
||||
}
|
||||
.amentities-text{
|
||||
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.amentities-icon{
|
||||
margin: 0% 5%;
|
||||
padding: 2% 7%;
|
||||
}
|
||||
|
||||
.description-box{
|
||||
|
|
@ -49,10 +42,6 @@
|
|||
|
||||
.description-title{
|
||||
padding: 2% 0%;
|
||||
}
|
||||
.listing-description{
|
||||
|
||||
|
||||
}
|
||||
|
||||
.booking-btn{
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@ import "./listing-page-4.css";
|
|||
import { Link } from "react-router-dom";
|
||||
|
||||
// import house images
|
||||
import house_img1 from "../../images/house1-2.jpg";
|
||||
import house_img1 from "../../images/house4.jpg";
|
||||
import house_img2 from "../../images/house4-2.jpg";
|
||||
import house_img3 from "../../images/house4-3.jpg";
|
||||
const ListingPage4 = () => {
|
||||
return (
|
||||
<div className="single-listing-4">
|
||||
|
|
@ -33,14 +35,14 @@ const ListingPage4 = () => {
|
|||
</div>
|
||||
<div class="carousel-item carousel-img">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img2}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src={house_img1}
|
||||
src={house_img3}
|
||||
class="d-block w-100"
|
||||
alt="listing-img"
|
||||
></img>
|
||||
|
|
@ -69,12 +71,10 @@ const ListingPage4 = () => {
|
|||
|
||||
{/* Text box for listing amenities */}
|
||||
<div className="amentities">
|
||||
<span className="amentities-text">1</span>
|
||||
<i class="fas fa-bed fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">2</span>
|
||||
<i class="fas fa-bath fa-2x amentities-icon"></i>
|
||||
<span className="amentities-text">3</span>
|
||||
<i class="fas fa-wifi fa-2x amentities-icon"></i>
|
||||
<i class="fas fa-bed fa-3x amentities-icon"></i>
|
||||
<span className="amentities-text">3</span>
|
||||
<i class="fas fa-bath fa-3x amentities-icon"></i>
|
||||
</div>
|
||||
|
||||
{/* Description for the listing */}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue