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
Show stats 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

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

@ -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{

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 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">

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

@ -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{

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 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">

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

@ -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{

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 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">

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

@ -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{

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 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 */}