batuhan-basoglu/Kene-s-Cribs-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

updated the single listings page

Browse source
This commit is contained in:
soyed 2021-04-07 21:02:40 -04:00
parent 2e2f449317
commit 5a65e714f8
9 changed files with 100 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/images/house3-2.png → src/images/house3-2.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 714 KiB

After

Width:  |  Height:  |  Size: 714 KiB

Before After
Before After

21
src/listings-page/single-listing-1/listing-page-1.css
View file

@ -1,6 +1,7 @@
.single-listing-1{ .single-listing-1{
padding: 7% 15%; padding: 7% 15%;
/* background-color: darksalmon; */ /* background-color: darksalmon; */
text-align: center;
} }
.listing-header{ .listing-header{
@ -13,32 +14,24 @@
/* font-style: italic; */ /* font-style: italic; */
} }
.title-icon{
}
.listing-carousel{ .listing-carousel{
margin: 5% 15%; margin: 5% 15%;
width: 70%; width: 70%;
/* padding-right: 10; */ /* padding-right: 10; */
} }
.carousel-img{
/* width: 70%; */
}
.amentities{ .amentities{
border: 1px solid black; border: 1px solid black;
/* padding: 5% 0; */ /* padding: 5% 0; */
margin: 3% 40%; margin: 3% 40%;
padding: 1% 0%; /* padding: 1% 0%; */
} }
.amentities-text{ .amentities-text{
font-size: 2rem;
} }
.amentities-icon{ .amentities-icon{
margin: 0% 5%; padding: 2% 7%;
} }
.description-box{ .description-box{
@ -49,10 +42,6 @@
.description-title{ .description-title{
padding: 2% 0%; padding: 2% 0%;
}
.listing-description{
} }
.booking-btn{ .booking-btn{

52
src/listings-page/single-listing-1/listing-page-1.js
View file

@ -3,7 +3,9 @@ import "./listing-page-1.css";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// import house images // 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 = () => { const ListingPage1 = () => {
return ( return (
<div className="single-listing-1"> <div className="single-listing-1">
@ -33,14 +35,14 @@ const ListingPage1 = () => {
</div> </div>
<div class="carousel-item carousel-img"> <div class="carousel-item carousel-img">
<img <img
src={house_img1} src={house_img2}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img <img
src={house_img1} src={house_img3}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
@ -69,38 +71,32 @@ const ListingPage1 = () => {
{/* Text box for listing amenities */} {/* Text box for listing amenities */}
<div className="amentities"> <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> <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> <span className="amentities-text">4</span>
<i class="fas fa-wifi fa-2x amentities-icon"></i> <i class="fas fa-bath fa-3x amentities-icon"></i>
</div> </div>
{/* Description for the listing */} {/* Description for the listing */}
<div className="description-box"> <div className="description-box">
<h2 className="description-title">Description</h2> <h2 className="description-title">Description</h2>
<p className="listing-description"> <p className="listing-description">
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I RUN DON'T WALK to this beautiful former Jayman show home. This home
Conveniently located in Haysboro, you have Restaurants, Groceries, has every feature and convenience you could want in a home. When you
Coffee shops, Schools and a Library all within walking distance. This enter you will be greeted with a large entry way, open concept main
Updated Bungalow offers over 2000 square feet of developed living floor with a very spacious chef-like kitchen, the big eat in dinning
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down area is an entertainers dream and plenty of room in the living room as
stairs in the fully developed basement. Having a separate entrance to cozy up to the fireplace. When you head upstairs the owner 's suite
downstairs through the backyard makes it much easier if you ever want will impress with a gorgeous ensuite consisting of a large soaker tub,
to convert the basement into a suite. The double garage is even heated oversized shower, separate vanities, in-floor heating and 2 separate
with 220v plus 2 additional spaces that could be used for RV parking closest. You will also find a nice sized flex room, spacious laundry
or for any additional vehicles in the house. You will notice the home room up stairs, 4 piece main bathroom and 2 more bedrooms. Then head
has been tastefully updated over the years including a soaker tub in downstairs where you will find another bedroom, bathroom and Theatre
the bathroom, in the kitchen your cabinetry goes right to the ceiling room with wet bar and beverage station that is perfect for any movie
for a nice finished look, granite counters and Kitchenaid appliances lover. Must not forget that this home is air conditioned, has front
and a new garburator. The entire property has a fresh coat of paint and back irrigation outside and speakers throughout the house. All of
inside and out, Newer windows and roof along with the Plumbing, this can be yours in the lake community of Auburn Bay close to all
Electrical (Cat 5 connection throughout and 200amp service) has been amenities and year round lake access just a short distance away
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!
</p> </p>
<div className="booking-btn"> <div className="booking-btn">
<Link to="/contact-us"> <Link to="/contact-us">

21
src/listings-page/single-listing-2/listing-page-2.css
View file

@ -1,6 +1,7 @@
.single-listing-2{ .single-listing-2{
padding: 7% 15%; padding: 7% 15%;
/* background-color: darksalmon; */ /* background-color: darksalmon; */
text-align: center;
} }
.listing-header{ .listing-header{
@ -13,32 +14,24 @@
/* font-style: italic; */ /* font-style: italic; */
} }
.title-icon{
}
.listing-carousel{ .listing-carousel{
margin: 5% 15%; margin: 5% 15%;
width: 70%; width: 70%;
/* padding-right: 10; */ /* padding-right: 10; */
} }
.carousel-img{
/* width: 70%; */
}
.amentities{ .amentities{
border: 1px solid black; border: 1px solid black;
/* padding: 5% 0; */ /* padding: 5% 0; */
margin: 3% 40%; margin: 3% 40%;
padding: 1% 0%; /* padding: 1% 0%; */
} }
.amentities-text{ .amentities-text{
font-size: 2rem;
} }
.amentities-icon{ .amentities-icon{
margin: 0% 5%; padding: 2% 7%;
} }
.description-box{ .description-box{
@ -49,10 +42,6 @@
.description-title{ .description-title{
padding: 2% 0%; padding: 2% 0%;
}
.listing-description{
} }
.booking-btn{ .booking-btn{

55
src/listings-page/single-listing-2/listing-page-2.js
View file

@ -3,7 +3,9 @@ import "./listing-page-2.css";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// import house images // 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 = () => { const ListingPage2 = () => {
return ( return (
<div className="single-listing-2"> <div className="single-listing-2">
@ -33,14 +35,14 @@ const ListingPage2 = () => {
</div> </div>
<div class="carousel-item carousel-img"> <div class="carousel-item carousel-img">
<img <img
src={house_img1} src={house_img2}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img <img
src={house_img1} src={house_img3}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
@ -70,37 +72,34 @@ const ListingPage2 = () => {
{/* Text box for listing amenities */} {/* Text box for listing amenities */}
<div className="amentities"> <div className="amentities">
<span className="amentities-text">1</span> <span className="amentities-text">1</span>
<i class="fas fa-bed fa-2x amentities-icon"></i> <i class="fas fa-bed fa-3x amentities-icon"></i>
<span className="amentities-text">2</span> <span className="amentities-text">1</span>
<i class="fas fa-bath fa-2x amentities-icon"></i> <i class="fas fa-bath fa-3x amentities-icon"></i>
<span className="amentities-text">3</span>
<i class="fas fa-wifi fa-2x amentities-icon"></i>
</div> </div>
{/* Description for the listing */} {/* Description for the listing */}
<div className="description-box"> <div className="description-box">
<h2 className="description-title">Description</h2> <h2 className="description-title">Description</h2>
<p className="listing-description"> <p className="listing-description">
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I Nature at its Finest The Shores of Toney Bay are located at the mouth
Conveniently located in Haysboro, you have Restaurants, Groceries, of River Phillip where it meets the Northumberland Straight with
Coffee shops, Schools and a Library all within walking distance. This direct access to the incredible recreational waterways of River
Updated Bungalow offers over 2000 square feet of developed living Phillip and nature rich Toney Bay. This nature lovers paradise boasts
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down a plethora of migratory bird life and the rich fish stock of River
stairs in the fully developed basement. Having a separate entrance Philip. The warm waters of the Northumberland Straight are swimmable
downstairs through the backyard makes it much easier if you ever want from your shorefront, easy access to year-around activities and close
to convert the basement into a suite. The double garage is even heated proximity to the quaint community of Pugwash make this an ideal spot
with 220v plus 2 additional spaces that could be used for RV parking for a permeant residence or cottage. There are also ocean view /
or for any additional vehicles in the house. You will notice the home deeded access lots available. Large lots with unobstructed views and
has been tastefully updated over the years including a soaker tub in well away from highway noise. Swim in the warm waters at beautiful
the bathroom, in the kitchen your cabinetry goes right to the ceiling Heather's Beach just 4km away, fly fishing in the spring on River
for a nice finished look, granite counters and Kitchenaid appliances Phillip, book at tee time at Northumberland links, 16km away or enjoy
and a new garburator. The entire property has a fresh coat of paint a day at the Luxury Fox Harb'r Resort and Spa less then 30 mins away,
inside and out, Newer windows and roof along with the Plumbing, and in winter enjoy skiing at Ski Wentworth a short 30 minutes drive.
Electrical (Cat 5 connection throughout and 200amp service) has been Lots are flat, cleared and ready for your dream home. All septic and
updated. Last but not least, the back deck already has gas and ready building lot approvals are in place, good roads, and power to the lot
for the BBQ season. With the BIG updates being done, all that is left line are included. Please take a few minutes to watch the video of the
to do is enjoy Summer on the deck or enjoy a bonfire in your sunny stunning Shores at Toney Bay
West facing backyard!
</p> </p>
<div className="booking-btn"> <div className="booking-btn">
<Link to="/contact-us"> <Link to="/contact-us">

21
src/listings-page/single-listing-3/listing-page-3.css
View file

@ -1,6 +1,7 @@
.single-listing-3{ .single-listing-3{
padding: 7% 15%; padding: 7% 15%;
/* background-color: darksalmon; */ /* background-color: darksalmon; */
text-align: center;
} }
.listing-header{ .listing-header{
@ -13,32 +14,24 @@
/* font-style: italic; */ /* font-style: italic; */
} }
.title-icon{
}
.listing-carousel{ .listing-carousel{
margin: 5% 15%; margin: 5% 15%;
width: 70%; width: 70%;
/* padding-right: 10; */ /* padding-right: 10; */
} }
.carousel-img{
/* width: 70%; */
}
.amentities{ .amentities{
border: 1px solid black; border: 1px solid black;
/* padding: 5% 0; */ /* padding: 5% 0; */
margin: 3% 40%; margin: 3% 40%;
padding: 1% 0%; /* padding: 1% 0%; */
} }
.amentities-text{ .amentities-text{
font-size: 2rem;
} }
.amentities-icon{ .amentities-icon{
margin: 0% 5%; padding: 2% 7%;
} }
.description-box{ .description-box{
@ -49,10 +42,6 @@
.description-title{ .description-title{
padding: 2% 0%; padding: 2% 0%;
}
.listing-description{
} }
.booking-btn{ .booking-btn{

48
src/listings-page/single-listing-3/listing-page-3.js
View file

@ -3,7 +3,9 @@ import "./listing-page-3.css";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// import house images // 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 = () => { const ListingPage3 = () => {
return ( return (
<div className="single-listing-3"> <div className="single-listing-3">
@ -33,14 +35,14 @@ const ListingPage3 = () => {
</div> </div>
<div class="carousel-item carousel-img"> <div class="carousel-item carousel-img">
<img <img
src={house_img1} src={house_img2}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img <img
src={house_img1} src={house_img3}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
@ -69,38 +71,30 @@ const ListingPage3 = () => {
{/* Text box for listing amenities */} {/* Text box for listing amenities */}
<div className="amentities"> <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> <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> <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> </div>
{/* Description for the listing */} {/* Description for the listing */}
<div className="description-box"> <div className="description-box">
<h2 className="description-title">Description</h2> <h2 className="description-title">Description</h2>
<p className="listing-description"> <p className="listing-description">
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I Custom, Hi-Ranch home located in sought after neighborhood in the
Conveniently located in Haysboro, you have Restaurants, Groceries, Heart of Petawawa. This home features 2+1 bedrooms and 4 bathrooms.
Coffee shops, Schools and a Library all within walking distance. This Main level features spacious foyer, hardwood staircase, gleaming
Updated Bungalow offers over 2000 square feet of developed living hardwood floors and open concept living. Large windows provide lots of
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down natural light, vaulted ceilings in living room, a spectacular spacious
stairs in the fully developed basement. Having a separate entrance kitchen with stainless steel appliances and large island. Master
downstairs through the backyard makes it much easier if you ever want bedroom with walk through closet and 3 piece en-suite with custom tile
to convert the basement into a suite. The double garage is even heated shower and heated tile floor. Lower level features a finished rec room
with 220v plus 2 additional spaces that could be used for RV parking with cozy gas fireplace, bedroom and 3 piece bathroom. Patio door in
or for any additional vehicles in the house. You will notice the home foyer leads to large private backyard with no rear neighbours,
has been tastefully updated over the years including a soaker tub in spacious wood deck and hot tub. Double attached garage completes the
the bathroom, in the kitchen your cabinetry goes right to the ceiling package. Pack your backs and move right in! No Conveyances of offers
for a nice finished look, granite counters and Kitchenaid appliances until Friday April 9th at 3PM however the seller has the right to view
and a new garburator. The entire property has a fresh coat of paint and may accept pre-emptive offers
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!
</p> </p>
<div className="booking-btn"> <div className="booking-btn">
<Link to="/contact-us"> <Link to="/contact-us">

21
src/listings-page/single-listing-4/listing-page-4.css
View file

@ -1,6 +1,7 @@
.single-listing-4{ .single-listing-4{
padding: 7% 15%; padding: 7% 15%;
/* background-color: darksalmon; */ /* background-color: darksalmon; */
text-align: center;
} }
.listing-header{ .listing-header{
@ -13,32 +14,24 @@
/* font-style: italic; */ /* font-style: italic; */
} }
.title-icon{
}
.listing-carousel{ .listing-carousel{
margin: 5% 15%; margin: 5% 15%;
width: 70%; width: 70%;
/* padding-right: 10; */ /* padding-right: 10; */
} }
.carousel-img{
/* width: 70%; */
}
.amentities{ .amentities{
border: 1px solid black; border: 1px solid black;
/* padding: 5% 0; */ /* padding: 5% 0; */
margin: 3% 40%; margin: 3% 40%;
padding: 1% 0%; /* padding: 1% 0%; */
} }
.amentities-text{ .amentities-text{
font-size: 2rem;
} }
.amentities-icon{ .amentities-icon{
margin: 0% 5%; padding: 2% 7%;
} }
.description-box{ .description-box{
@ -49,10 +42,6 @@
.description-title{ .description-title{
padding: 2% 0%; padding: 2% 0%;
}
.listing-description{
} }
.booking-btn{ .booking-btn{

16
src/listings-page/single-listing-4/listing-page-4.js
View file

@ -3,7 +3,9 @@ import "./listing-page-4.css";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// import house images // 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 = () => { const ListingPage4 = () => {
return ( return (
<div className="single-listing-4"> <div className="single-listing-4">
@ -33,14 +35,14 @@ const ListingPage4 = () => {
</div> </div>
<div class="carousel-item carousel-img"> <div class="carousel-item carousel-img">
<img <img
src={house_img1} src={house_img2}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img <img
src={house_img1} src={house_img3}
class="d-block w-100" class="d-block w-100"
alt="listing-img" alt="listing-img"
></img> ></img>
@ -69,12 +71,10 @@ const ListingPage4 = () => {
{/* Text box for listing amenities */} {/* Text box for listing amenities */}
<div className="amentities"> <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> <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> </div>
{/* Description for the listing */} {/* Description for the listing */}