diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/app/views/AddComplains.php b/app/views/AddComplains.php new file mode 100644 index 00000000..dc07eec4 --- /dev/null +++ b/app/views/AddComplains.php @@ -0,0 +1,36 @@ + + + + + + + Document + + + + + +
+
+
+ +
+
Jenny Fernando
+
+ +
+ +
+ + + +
+
+ +
+ + + + \ No newline at end of file diff --git a/app/views/Tips.php b/app/views/Tips.php new file mode 100644 index 00000000..7de50ba3 --- /dev/null +++ b/app/views/Tips.php @@ -0,0 +1,83 @@ + + + + + + + + Document + + + +
+
+
+ +
+
+ + + +
+
+
+ +
+
+
+
Campfire Cooking
+

+ Learn to prepare delicious meals over a campfire, from simple s'mores to gourmet + outdoor recipes, enhancing your camping experience. +

+
+ +
+
+
+ +
+
+
+ +
+
+
+
Wildlife Safety
+

+ Understand how to coexist with wildlife while camping, including how to + store food, recognize animal signs, and stay safe. +

+
+ +
+
+
+ +
+
+
+ +
+
+
+
Leave No Trace Principlese
+

+ Embrace ethical camping by practicing + Leave No Trace principles to minimize your environmental impact and preserve natural beauty. + +

+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/app/views/customer/CustomerBlog..view.php b/app/views/customer/CustomerBlog..view.php new file mode 100644 index 00000000..665546c5 --- /dev/null +++ b/app/views/customer/CustomerBlog..view.php @@ -0,0 +1,97 @@ + + + + + + + + Document + + + +
+
+
+ +
+
+ +
+
+ + +
+
+ +
+
+
+ img src="/assets/images/4.png" alt=""> +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+ +
+
+
+ +
+
+
+ +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+ +
+
+
+ +
+
+
+ +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/app/views/customer/CustomerDashboard..view.php b/app/views/customer/CustomerDashboard..view.php new file mode 100644 index 00000000..165d740c --- /dev/null +++ b/app/views/customer/CustomerDashboard..view.php @@ -0,0 +1,235 @@ + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Hello Jenny!
+
+ +
+
+ +
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+ +
+ +
+ + + +
+
+
+
Total Booking
+
+ +
+
+
03
+
+ +
+
+
Equipment Booking
+
+ +
+
+
02
+
+ +
+
+
Guide Booking
+
+ +
+
+
01
+
+
> + + + +
+
+ +
+ +
+
+
Recent Booking
+
+ +
+
+ +
+
+
Booking Type : Equipment Booking
+
+
+
Name : Glazers Camping
+
+
+
Date : 20/08/2023
+
+
+
Time : 10:00
+
+ +
+
+
+ + + +
+
+ +
+ +
Booking History
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameStatusTypeDateTime
Glazers CampingUpcomingEquipment02/12/202310.00
Glazers CampingUpcomingEquipment02/12/202310.00
SarathDoneGuide01/09/202310.00
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/app/views/customer/CustomerEquipment..view.php b/app/views/customer/CustomerEquipment..view.php new file mode 100644 index 00000000..eb43f2d5 --- /dev/null +++ b/app/views/customer/CustomerEquipment..view.php @@ -0,0 +1,118 @@ + + + + + + + + + + + +
+
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+ + +
+
+
+
+
+ +
+
Torch
+
Rs. 300
+ +
+ +
+
+ +
+
Torch
+
Rs. 300
+ +
+ +
+
+ +
+
Torch
+
Rs. 300
+
+
+ +
+
+
+ +
+
Torch
+
Rs. 300
+ +
+ +
+
+ +
+
Torch
+
Rs. 300
+ +
+ +
+
+ +
+
Torch
+
Rs. 300
+
+
+
+
+
\ No newline at end of file diff --git a/app/views/customer/CustomerGuideSearch..view.php b/app/views/customer/CustomerGuideSearch..view.php new file mode 100644 index 00000000..579ff8ab --- /dev/null +++ b/app/views/customer/CustomerGuideSearch..view.php @@ -0,0 +1,203 @@ + + + + + + + + + + + +
+ +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + + + +
+ + +
+ +
+ +
+ Steve Johnson +
+ +
+ Guide +
+ +
+ +
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+ + + + +
+
+ +
+ +
+ Steve Johnson +
+ +
+ Guide +
+ +
+ +
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+ + + + +
+
+ + +
+ +
+ Steve Johnson +
+ +
+ Guide +
+ +
+ +
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+
+
Name : Jenny Fernando
+
+
+
Age : 20
+
+
+
Role : Customer
+
+
+ +
+ + + + +
+
+
+ + + \ No newline at end of file diff --git a/app/views/customer/Equipment Booking..view.php b/app/views/customer/Equipment Booking..view.php new file mode 100644 index 00000000..ffa403b2 --- /dev/null +++ b/app/views/customer/Equipment Booking..view.php @@ -0,0 +1,128 @@ + + + + + + + Document + + + + + +
+
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+ +
+
+ + + +
+
Glaze Camping
+
+ +
+
+
+
+ +
+
Torch
+
Rs. 300
+
+
+ +
+ + + +
+
+
Brand : Orange
+
+
+
Company : Tech Com
+
+
+
Size : Small, Large
+
+
+
Colors : Red, Yellow, Black
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+ +
+
+
Additional Information
+
+
+ + +
+ + + + \ No newline at end of file diff --git a/app/views/customer/GuideBooking..view.php b/app/views/customer/GuideBooking..view.php new file mode 100644 index 00000000..e69de29b diff --git a/app/views/customer/addBlog.view.php b/app/views/customer/addBlog.view.php new file mode 100644 index 00000000..959a5244 --- /dev/null +++ b/app/views/customer/addBlog.view.php @@ -0,0 +1,39 @@ + + + + + + + Document + + + + + +
+
+
+ +
+
Jenny Fernando
+
+ +
+
+ +
+
+ + + +
+
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/app/views/customer/moreBlog..view.php b/app/views/customer/moreBlog..view.php new file mode 100644 index 00000000..52ad7c87 --- /dev/null +++ b/app/views/customer/moreBlog..view.php @@ -0,0 +1,89 @@ + + + + + + + + + + +
+
+
+ +
+
Jenny Fernando
+
+ +
+
+
+ +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+
Read Below
+
+
+ +

+ Camping Glaze in Nuwara Eliya, Sri Lanka, is a haven for those seeking an enchanting outdoor experience + amidst + the lush greenery of the island nation's hill country. Nestled in the heart of pristine nature, this + camping + destination offers a serene escape for camping enthusiasts, allowing guests to immerse themselves in the + picturesque beauty and tranquility of Nuwara Eliya.
+
The beauty of Camping Glaze lies not just in its scenic surroundings but in the unique experience it + offers. Surrounded by rolling hills, dense forests, and crystal-clear streams, campers are transported into + a + world of natural wonder. The campsite provides an opportunity for visitors to disconnect from the hustle and + bustle of city life and reconnect with the simplicity and grandeur of the great outdoors.
+
Guests have the opportunity to pitch their tents in carefully selected locations, ensuring the perfect + blend of comfort and immersion in nature. Imagine waking up to the gentle chirping of birds and the + refreshing + aroma of dew-kissed grass, with a stunning view of the sun rising over the lush hills.
+
For those seeking adventure, Nuwara Eliya offers an array of outdoor activities. Hiking trails lead to + hidden waterfalls, where you can cool off in the pristine mountain waters. Nature enthusiasts can observe + the + rich biodiversity of the region, with opportunities for birdwatching and wildlife encounters. The campsite + also + organizes bonfires, where guests can share stories under the star

Furthermore, Camping Glaze not + only + provides an opportunity to connect with nature but also offers a unique cultural experience. Located in the + heart of Sri Lanka's hill country, Nuwara Eliya is often referred to as "Little England" due to + its + colonial architecture and cool climate. Guests can explore the town and learn about its history, making it a + well-rounded adventure that combines both the natural and cultural facets of this stunning region.
+
As the sun sets over the lush hills and the stars emerge in the night sky, Camping Glaze becomes a + magical + place. Campers can gather around a campfire, share stories, and savor delicious campfire-cooked meals. The + peaceful atmosphere, free from the noise of urban life, offers a sense of serenity that's hard to find + elsewhere.
+
In summary, Camping Glaze in Nuwara Eliya, Sri Lanka, is a gateway to an unforgettable outdoor + adventure + in the heart of the island nation's hill country. With its stunning natural beauty, cultural charm, and + a + commitment to sustainable camping, it's an ideal destination for those seeking to escape the ordinary + and + embrace the extraordinary in a serene and picturesque setting. Whether you're a nature lover, an + adventure + seeker, or a traveler in search of unique experiences, Camping Glaze promises an enchanting and memorable + camping experience in the midst of Sri Lanka's lush green paradise. +

+
+
+ + + \ No newline at end of file diff --git a/app/views/customer/viewGuide..view.php b/app/views/customer/viewGuide..view.php new file mode 100644 index 00000000..f4a6805f --- /dev/null +++ b/app/views/customer/viewGuide..view.php @@ -0,0 +1,245 @@ + + + + + + + + + + + +
+
+
+ +
+ +
+
+
William Cooray
+
+ +
+
+ +
+ +
+
+
Name : William Cooray
+
+
+
Age : 30
+
+
+
Role : Guide
+
+
+ +
+
+
Places : Nuwara Eliya, Kandy
+
+
+
Personality : Calm, Humble
+
+
+
Home : Kandy
+
+
+ +
+ +
+ + +
+ +
+
+
Recent Booking
+
+ +
+ + +
+ + +
+ + +
+
+
+
Total Tours
+
+ +
+
+
10
+
+ +
+
+
Tours per month
+
+ +
+
+
03
+
+ +
+
+
Tours in last month
+
+ +
+
+
03
+
+
> + + + +
+
+ +
+ +
+
+
Recent Booking
+
+ +
+
+ +
+
+
Place : Nuwara Eliya
+
+
+
Date : 20/08/2023
+
+
+
Time : 10:00
+
+ +
+
+
+ + + +
+
+ +
+ +
Booking History
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
StatusPlaceDateTime
UpcomingNuwara Eliya02/12/202310.00
UpcomingKandy02/12/202310.00
DoneNuwara Eliya01/09/202310.00
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/app/views/guide/GuideBlog..view.php b/app/views/guide/GuideBlog..view.php new file mode 100644 index 00000000..4e946309 --- /dev/null +++ b/app/views/guide/GuideBlog..view.php @@ -0,0 +1,97 @@ + + + + + + + + Document + + + +
+
+
+ +
+
+ +
+
+ + +
+
+ +
+
+
+ +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+ +
+
+
+ +
+
+
+ +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+ +
+
+
+ +
+
+
+ +
+
+
+
Camping Glaze
+

+ Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/app/views/guide/GuideDashboard..view.php b/app/views/guide/GuideDashboard..view.php new file mode 100644 index 00000000..deb1af1d --- /dev/null +++ b/app/views/guide/GuideDashboard..view.php @@ -0,0 +1,235 @@ + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Hello William!
+
+ +
+
+ +
+ +
+
+
Name : William Cooray
+
+
+
Age : 30
+
+
+
Role : Guide
+
+
+ +
+
+
Name : William Cooray
+
+
+
Age : 30
+
+
+
Role : Guide
+
+
+ +
+ +
+ +
+ + + +
+
+
+
Total Tours
+
+ +
+
+
10
+
+ +
+
+
Tours per month
+
+ +
+
+
03
+
+ +
+
+
Tours in last month
+
+ +
+
+
03
+
+
> + + + +
+
+ +
+ +
+
+
Recent Booking
+
+ +
+
+ +
+
+
Place : Nuwara Eliya
+
+
+
Name : Kamal Silva
+
+
+
Date : 20/08/2023
+
+
+
Time : 10:00
+
+ +
+
+
+ + + +
+
+ +
+ +
Booking History
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameStatusPlaceDateTime
Kamal SilvaUpcomingNuwara Eliya02/12/202310.00
Kumara PereraUpcomingKandy02/12/202310.00
SarathDoneNuwara Eliya01/09/202310.00
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/app/views/guide/GuideMyBooking..view.php b/app/views/guide/GuideMyBooking..view.php new file mode 100644 index 00000000..0869e9b7 --- /dev/null +++ b/app/views/guide/GuideMyBooking..view.php @@ -0,0 +1,148 @@ + + + + + + + Document + + + + + +
+
+ + +
+ + + +
+
+
+
Upcoming Tour
+
+ +
+
+
Oct 02
+
+ +
+
+
Upcoming Tour
+
+ +
+
+
Sep 25
+
+ +
+
+
First Tour
+
+ +
+
+
June 22
+
+
+ +
+
+
+
Upcoming Tours
+ +
+ +
+
+
+ +
+
+ +
+
+
Place :
+
+
+
Customer :
+
+
+
Date :
+
+
+
Time :
+
+
+ +
+ +
+
Notes
+ +
+ +
+
+ +
+
+
+
Previous Tours
+ +
+ +
+
+
+ +
+
+ +
+
+
Place :
+
+
+
Customer :
+
+
+
Date :
+
+
+
Time :
+
+
+ +
+ +
+
Notes
+ +
+ +
+
+ +
+
+ +
+ + + + \ No newline at end of file diff --git a/app/views/guide/addBlog..view.php b/app/views/guide/addBlog..view.php new file mode 100644 index 00000000..d213c042 --- /dev/null +++ b/app/views/guide/addBlog..view.php @@ -0,0 +1,39 @@ + + + + + + + Document + + + + + +
+
+
+ +
+
Jenny Fernando
+
+ +
+
+ +
+
+ + + +
+
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/app/views/guide/calendar..view.php b/app/views/guide/calendar..view.php new file mode 100644 index 00000000..a4312402 --- /dev/null +++ b/app/views/guide/calendar..view.php @@ -0,0 +1,41 @@ + + + + + + + Dynamic Calendar JavaScript | CodingNepal + + + + + + + + +
+
+

+
+ + +
+
+
+
    +
  • Sun
    • +
  • Mon
    • +
  • Tue
    • +
  • Wed
    • +
  • Thu
    • +
  • Fri
    • +
  • Sat
    • +
+
    +
    +
    + + + + \ No newline at end of file diff --git a/app/views/guide/moreBlog..view.php b/app/views/guide/moreBlog..view.php new file mode 100644 index 00000000..52ad7c87 --- /dev/null +++ b/app/views/guide/moreBlog..view.php @@ -0,0 +1,89 @@ + + + + + + + + + + +
    +
    +
    + +
    +
    Jenny Fernando
    +
    + +
    +
    +
    + +
    +
    +
    +
    Camping Glaze
    +

    + Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

    +
    +
    Read Below
    +
    +
    + +

    + Camping Glaze in Nuwara Eliya, Sri Lanka, is a haven for those seeking an enchanting outdoor experience + amidst + the lush greenery of the island nation's hill country. Nestled in the heart of pristine nature, this + camping + destination offers a serene escape for camping enthusiasts, allowing guests to immerse themselves in the + picturesque beauty and tranquility of Nuwara Eliya.
    +
    The beauty of Camping Glaze lies not just in its scenic surroundings but in the unique experience it + offers. Surrounded by rolling hills, dense forests, and crystal-clear streams, campers are transported into + a + world of natural wonder. The campsite provides an opportunity for visitors to disconnect from the hustle and + bustle of city life and reconnect with the simplicity and grandeur of the great outdoors.
    +
    Guests have the opportunity to pitch their tents in carefully selected locations, ensuring the perfect + blend of comfort and immersion in nature. Imagine waking up to the gentle chirping of birds and the + refreshing + aroma of dew-kissed grass, with a stunning view of the sun rising over the lush hills.
    +
    For those seeking adventure, Nuwara Eliya offers an array of outdoor activities. Hiking trails lead to + hidden waterfalls, where you can cool off in the pristine mountain waters. Nature enthusiasts can observe + the + rich biodiversity of the region, with opportunities for birdwatching and wildlife encounters. The campsite + also + organizes bonfires, where guests can share stories under the star

    Furthermore, Camping Glaze not + only + provides an opportunity to connect with nature but also offers a unique cultural experience. Located in the + heart of Sri Lanka's hill country, Nuwara Eliya is often referred to as "Little England" due to + its + colonial architecture and cool climate. Guests can explore the town and learn about its history, making it a + well-rounded adventure that combines both the natural and cultural facets of this stunning region.
    +
    As the sun sets over the lush hills and the stars emerge in the night sky, Camping Glaze becomes a + magical + place. Campers can gather around a campfire, share stories, and savor delicious campfire-cooked meals. The + peaceful atmosphere, free from the noise of urban life, offers a sense of serenity that's hard to find + elsewhere.
    +
    In summary, Camping Glaze in Nuwara Eliya, Sri Lanka, is a gateway to an unforgettable outdoor + adventure + in the heart of the island nation's hill country. With its stunning natural beauty, cultural charm, and + a + commitment to sustainable camping, it's an ideal destination for those seeking to escape the ordinary + and + embrace the extraordinary in a serene and picturesque setting. Whether you're a nature lover, an + adventure + seeker, or a traveler in search of unique experiences, Camping Glaze promises an enchanting and memorable + camping experience in the midst of Sri Lanka's lush green paradise. +

    +
    +
    + + + \ No newline at end of file diff --git a/app/views/layout/header.php b/app/views/layout/header.php index 620299c3..75ec8490 100755 --- a/app/views/layout/header.php +++ b/app/views/layout/header.php @@ -6,6 +6,24 @@ + + + + + + + + + + + + + + + + + + diff --git a/app/views/rental/AddEquipment.php b/app/views/rental/AddEquipment.php new file mode 100644 index 00000000..269b9d0e --- /dev/null +++ b/app/views/rental/AddEquipment.php @@ -0,0 +1,103 @@ + + + + + + + Document + + + + + +
    +
    +
    +
    + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + + + +
    +
    + +
    +
    + +
    +
    Glaze Camping
    +
    + +
    +
    +
    +
    + +
    +
    Torch
    +
    Rs. 300
    +
    +
    + +
    + + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + +
    + +
    + +
    +
    +
    Additional Information
    +
    +
    + + +
    + + + + \ No newline at end of file diff --git a/app/views/rental/EditEquipment.php b/app/views/rental/EditEquipment.php new file mode 100644 index 00000000..e5119365 --- /dev/null +++ b/app/views/rental/EditEquipment.php @@ -0,0 +1,103 @@ + + + + + + + Document + + + + + +
    +
    +
    +
    + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + + + +
    +
    + +
    +
    + +
    +
    Glaze Camping
    +
    + +
    +
    +
    +
    + +
    +
    Torch
    +
    Rs. 300
    +
    +
    + +
    + + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + +
    + +
    + +
    +
    +
    Additional Information
    +
    +
    + + +
    + + + + \ No newline at end of file diff --git a/app/views/rental/EquipmentMyBooking.php b/app/views/rental/EquipmentMyBooking.php new file mode 100644 index 00000000..47bd46ec --- /dev/null +++ b/app/views/rental/EquipmentMyBooking.php @@ -0,0 +1,96 @@ + + + + + + + Document + + + + + +
    +
    +
    +
    +
    Upcoming Booking
    + +
    + +
    +
    +
    + +
    +
    + +
    +
    +
    Place :
    +
    +
    +
    Customer :
    +
    +
    +
    Date :
    +
    +
    +
    Time :
    +
    +
    + +
    + +
    +
    Notes
    + +
    + +
    +
    +
    +
    + +
    +
    +
    +
    Previous Booking
    + +
    + +
    +
    +
    + +
    +
    + +
    +
    +
    Place :
    +
    +
    +
    Customer :
    +
    +
    +
    Date :
    +
    +
    +
    Time :
    +
    +
    + +
    + +
    +
    Notes
    + +
    + +
    +
    +
    + + + \ No newline at end of file diff --git a/app/views/rental/MyShop.php b/app/views/rental/MyShop.php new file mode 100644 index 00000000..306d5a39 --- /dev/null +++ b/app/views/rental/MyShop.php @@ -0,0 +1,115 @@ + + + + + + + + + + + +
    +
    +
    +
    + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + + + +
    +
    + +
    +
    + +
    +
    Glaze Camping
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    + +
    +
    Torch
    +
    Rs. 300
    + +
    + +
    +
    + +
    +
    Torch
    +
    Rs. 300
    + +
    + +
    +
    + +
    +
    Torch
    +
    Rs. 300
    +
    +
    + +
    +
    +
    + +
    +
    Torch
    +
    Rs. 300
    + +
    + +
    +
    + +
    +
    Torch
    +
    Rs. 300
    + +
    + +
    +
    + +
    +
    Torch
    +
    Rs. 300
    +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/app/views/rental/RentalBlog.php b/app/views/rental/RentalBlog.php new file mode 100644 index 00000000..d9bc2df7 --- /dev/null +++ b/app/views/rental/RentalBlog.php @@ -0,0 +1,91 @@ + + + + + + + + Document + + + +
    +
    +
    + +
    +
    + + +
    +
    +
    + +
    +
    +
    +
    Camping Glaze
    +

    + Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

    +
    + +
    +
    +
    + +
    +
    +
    + +
    +
    +
    +
    Camping Glaze
    +

    + Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

    +
    + +
    +
    +
    + +
    +
    +
    + +
    +
    +
    +
    Camping Glaze
    +

    + Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

    +
    + +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/app/views/rental/RentalDashboard.php b/app/views/rental/RentalDashboard.php new file mode 100644 index 00000000..be269332 --- /dev/null +++ b/app/views/rental/RentalDashboard.php @@ -0,0 +1,235 @@ + + + + + + + + + + + +
    +
    +
    + +
    + +
    +
    +
    Hello Glaze Camping!
    +
    + +
    +
    + +
    + +
    +
    +
    Name : Glaze Camping
    +
    +
    +
    Location : Nuwara Eliya
    +
    +
    +
    Role : Rental Service
    +
    +
    + +
    +
    +
    Name : Glaze Camping
    +
    +
    +
    Location : Nuwara Eliya
    +
    +
    +
    Role : Rental Service
    +
    +
    + +
    + +
    + +
    + + + +
    +
    +
    +
    Total Bookings
    +
    + +
    +
    +
    10
    +
    + +
    +
    +
    Bookings per month
    +
    + +
    +
    +
    03
    +
    + +
    +
    +
    Bookings in last month
    +
    + +
    +
    +
    03
    +
    +
    > + + + +
    +
    + +
    + +
    +
    +
    Recent Booking
    +
    + +
    +
    + +
    +
    +
    Name : Kamal Silva
    +
    +
    +
    Price : Rs.5000
    +
    +
    +
    Date : 20/08/2023
    +
    +
    +
    Time : 10:00
    +
    + +
    +
    +
    + + + +
    +
    + +
    + +
    Booking History
    + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameStatusPriceDateTime
    Kamal SilvaUpcomingRs.500002/12/202310.00
    Kumara PereraUpcomingRs.300002/12/202310.00
    SarathDoneRs.400001/09/202310.00
    +
    +
    +
    +
    + + + + + + + + + \ No newline at end of file diff --git a/app/views/rental/moreBlog.php b/app/views/rental/moreBlog.php new file mode 100644 index 00000000..52ad7c87 --- /dev/null +++ b/app/views/rental/moreBlog.php @@ -0,0 +1,89 @@ + + + + + + + + + + +
    +
    +
    + +
    +
    Jenny Fernando
    +
    + +
    +
    +
    + +
    +
    +
    +
    Camping Glaze
    +

    + Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

    +
    +
    Read Below
    +
    +
    + +

    + Camping Glaze in Nuwara Eliya, Sri Lanka, is a haven for those seeking an enchanting outdoor experience + amidst + the lush greenery of the island nation's hill country. Nestled in the heart of pristine nature, this + camping + destination offers a serene escape for camping enthusiasts, allowing guests to immerse themselves in the + picturesque beauty and tranquility of Nuwara Eliya.
    +
    The beauty of Camping Glaze lies not just in its scenic surroundings but in the unique experience it + offers. Surrounded by rolling hills, dense forests, and crystal-clear streams, campers are transported into + a + world of natural wonder. The campsite provides an opportunity for visitors to disconnect from the hustle and + bustle of city life and reconnect with the simplicity and grandeur of the great outdoors.
    +
    Guests have the opportunity to pitch their tents in carefully selected locations, ensuring the perfect + blend of comfort and immersion in nature. Imagine waking up to the gentle chirping of birds and the + refreshing + aroma of dew-kissed grass, with a stunning view of the sun rising over the lush hills.
    +
    For those seeking adventure, Nuwara Eliya offers an array of outdoor activities. Hiking trails lead to + hidden waterfalls, where you can cool off in the pristine mountain waters. Nature enthusiasts can observe + the + rich biodiversity of the region, with opportunities for birdwatching and wildlife encounters. The campsite + also + organizes bonfires, where guests can share stories under the star

    Furthermore, Camping Glaze not + only + provides an opportunity to connect with nature but also offers a unique cultural experience. Located in the + heart of Sri Lanka's hill country, Nuwara Eliya is often referred to as "Little England" due to + its + colonial architecture and cool climate. Guests can explore the town and learn about its history, making it a + well-rounded adventure that combines both the natural and cultural facets of this stunning region.
    +
    As the sun sets over the lush hills and the stars emerge in the night sky, Camping Glaze becomes a + magical + place. Campers can gather around a campfire, share stories, and savor delicious campfire-cooked meals. The + peaceful atmosphere, free from the noise of urban life, offers a sense of serenity that's hard to find + elsewhere.
    +
    In summary, Camping Glaze in Nuwara Eliya, Sri Lanka, is a gateway to an unforgettable outdoor + adventure + in the heart of the island nation's hill country. With its stunning natural beauty, cultural charm, and + a + commitment to sustainable camping, it's an ideal destination for those seeking to escape the ordinary + and + embrace the extraordinary in a serene and picturesque setting. Whether you're a nature lover, an + adventure + seeker, or a traveler in search of unique experiences, Camping Glaze promises an enchanting and memorable + camping experience in the midst of Sri Lanka's lush green paradise. +

    +
    +
    + + + \ No newline at end of file diff --git a/public/CustomerTest/AddComplains.html b/public/CustomerTest/AddComplains.html new file mode 100644 index 00000000..0d469c6d --- /dev/null +++ b/public/CustomerTest/AddComplains.html @@ -0,0 +1,36 @@ + + + + + + + Document + + + + + +
    +
    +
    + +
    +
    Jenny Fernando
    +
    + +
    +
    + +
    +
    + + + +
    +
    + +
    + + + + \ No newline at end of file diff --git a/public/CustomerTest/CustomerBlog.css b/public/CustomerTest/CustomerBlog.css index 38e07b1a..25f87455 100755 --- a/public/CustomerTest/CustomerBlog.css +++ b/public/CustomerTest/CustomerBlog.css @@ -28,8 +28,7 @@ input[type=text] { border-radius: 10px; border: none; background: #FFF; - - + margin-bottom: 1rem; font-size: 1.2rem; } @@ -125,4 +124,143 @@ input[type=text] { display: flex; flex-direction: row; justify-content: space-between; +} + +.BlogPageRead { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageRead .moreBlog{ + display: flex; +} + +.BlogPageRead .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageRead .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageRead .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.frameBlog .completeBlog{ + margin-top: 5rem; + color: #000; + text-align: justify; + font-size: 20px; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.frameBlog .small-div { + display: flex; + height: 2rem; + font-weight: 600; + /* padding-left: 2rem; + padding-right: 2rem; */ + align-items: center; + border-radius: 7.895px; + /* border: 0.789px solid #BCAB86; */ + /* cursor: pointer; */ + /* justify-content: center; */ +} + +.BlogPageAdd { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageAdd .moreBlog{ + display: flex; +} + +.BlogPageAdd .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageAdd .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageAdd .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageAdd .formBlogAdd{ + display: flex; + flex-direction: column; + margin-left: 2rem; +} + +.BlogPageAdd .formBlog { + display: flex; + flex-direction: column; + display: flex; + width: 956px; + height: 44px; + padding: 4px 21px; + margin-bottom: 1rem; + margin-top: 1rem; + /* align-items: center; */ + gap: 10px; + border-radius: 10px; + background: #FFF; + justify-content: center; +} + +.BlogPageAdd .Addblogsec2{ + display: flex; +} + +.BlogPageAdd .box{ + display: flex; + padding: 20px 21px; + align-items: flex-start; + gap: 10px; } \ No newline at end of file diff --git a/public/CustomerTest/Equipment Booking.html b/public/CustomerTest/Equipment Booking.html index 37dae211..9119c3fe 100755 --- a/public/CustomerTest/Equipment Booking.html +++ b/public/CustomerTest/Equipment Booking.html @@ -74,6 +74,8 @@
    + +
    Brand : Orange
    diff --git a/public/CustomerTest/addBlog.html b/public/CustomerTest/addBlog.html new file mode 100644 index 00000000..0d469c6d --- /dev/null +++ b/public/CustomerTest/addBlog.html @@ -0,0 +1,36 @@ + + + + + + + Document + + + + + +
    +
    +
    + +
    +
    Jenny Fernando
    +
    + +
    +
    + +
    +
    + + + +
    +
    + +
    + + + + \ No newline at end of file diff --git a/public/CustomerTest/moreBlog.html b/public/CustomerTest/moreBlog.html new file mode 100644 index 00000000..a3d6205a --- /dev/null +++ b/public/CustomerTest/moreBlog.html @@ -0,0 +1,89 @@ + + + + + + + + + + +
    +
    +
    + +
    +
    Jenny Fernando
    +
    + +
    +
    +
    + +
    +
    +
    +
    Camping Glaze
    +

    + Camping Glaze in Nuwara Eliya offers an enchanting outdoor experience amidst the lush + greenery of Sri + Lanka's hill country. Nestled in the heart of nature, it provides a serene escape for + camping + enthusiasts, allowing guests to immerse themselves in the picturesque beauty and tranquility + of Nuwara + Eliya. +

    +
    +
    Read Below
    +
    +
    + +

    + Camping Glaze in Nuwara Eliya, Sri Lanka, is a haven for those seeking an enchanting outdoor experience + amidst + the lush greenery of the island nation's hill country. Nestled in the heart of pristine nature, this + camping + destination offers a serene escape for camping enthusiasts, allowing guests to immerse themselves in the + picturesque beauty and tranquility of Nuwara Eliya.
    +
    The beauty of Camping Glaze lies not just in its scenic surroundings but in the unique experience it + offers. Surrounded by rolling hills, dense forests, and crystal-clear streams, campers are transported into + a + world of natural wonder. The campsite provides an opportunity for visitors to disconnect from the hustle and + bustle of city life and reconnect with the simplicity and grandeur of the great outdoors.
    +
    Guests have the opportunity to pitch their tents in carefully selected locations, ensuring the perfect + blend of comfort and immersion in nature. Imagine waking up to the gentle chirping of birds and the + refreshing + aroma of dew-kissed grass, with a stunning view of the sun rising over the lush hills.
    +
    For those seeking adventure, Nuwara Eliya offers an array of outdoor activities. Hiking trails lead to + hidden waterfalls, where you can cool off in the pristine mountain waters. Nature enthusiasts can observe + the + rich biodiversity of the region, with opportunities for birdwatching and wildlife encounters. The campsite + also + organizes bonfires, where guests can share stories under the star

    Furthermore, Camping Glaze not + only + provides an opportunity to connect with nature but also offers a unique cultural experience. Located in the + heart of Sri Lanka's hill country, Nuwara Eliya is often referred to as "Little England" due to + its + colonial architecture and cool climate. Guests can explore the town and learn about its history, making it a + well-rounded adventure that combines both the natural and cultural facets of this stunning region.
    +
    As the sun sets over the lush hills and the stars emerge in the night sky, Camping Glaze becomes a + magical + place. Campers can gather around a campfire, share stories, and savor delicious campfire-cooked meals. The + peaceful atmosphere, free from the noise of urban life, offers a sense of serenity that's hard to find + elsewhere.
    +
    In summary, Camping Glaze in Nuwara Eliya, Sri Lanka, is a gateway to an unforgettable outdoor + adventure + in the heart of the island nation's hill country. With its stunning natural beauty, cultural charm, and + a + commitment to sustainable camping, it's an ideal destination for those seeking to escape the ordinary + and + embrace the extraordinary in a serene and picturesque setting. Whether you're a nature lover, an + adventure + seeker, or a traveler in search of unique experiences, Camping Glaze promises an enchanting and memorable + camping experience in the midst of Sri Lanka's lush green paradise. +

    +
    +
    + + + \ No newline at end of file diff --git a/public/CustomerTest/rectangle.png b/public/CustomerTest/rectangle.png new file mode 100644 index 00000000..88e4e394 Binary files /dev/null and b/public/CustomerTest/rectangle.png differ diff --git a/public/assets/css/AddComplains.css b/public/assets/css/AddComplains.css new file mode 100644 index 00000000..29be5853 --- /dev/null +++ b/public/assets/css/AddComplains.css @@ -0,0 +1,84 @@ + +.ComplainPageAdd { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.ComplainPageAdd .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.ComplainPageAdd .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.ComplainPageAdd .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.ComplainPageAdd .formComplainAdd{ + display: flex; + flex-direction: column; + margin-left: 2rem; +} + + +.ComplainPageAdd .AddComplainsec2{ + display: flex; +} + +.ComplainPageAdd .box { + display: flex; + margin-top: 2rem; + height: 300px; /* Replace '300px' with your desired height value */ +} + +.ComplainPageAdd input[id=name] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} +input[id=Note] { + + display: flex; + width: 1600px; + height: 280px; + padding: 4px 21px; + align-items:flex-start; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} \ No newline at end of file diff --git a/public/assets/css/AddEquipment.css b/public/assets/css/AddEquipment.css new file mode 100644 index 00000000..eab7c1ba --- /dev/null +++ b/public/assets/css/AddEquipment.css @@ -0,0 +1,304 @@ +.add-Equ .frame4 { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + + + +.add-Equ .frame4 .div { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-around; + margin-bottom: 3rem; + +} + + +.add-Equ label { + font-size: 1.4rem; + font-weight: bold; +} + +.add-Equ input[id=name] { + + display: flex; + width: 287px; + height: 2.5rem; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border-color: #FFF; + background: #FFF; + + + font-size: 1.2rem; + +} + + +.add-Equ .search-button { + background-color: #bcab86; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + width: 12rem; + border-radius: 10px; + + font-size: 1.2rem; +} + +.add-Equ .search-button:hover { + background-color: #87744e; +} + + +.add-Equ .frame4 .div-2 { + display: inline-flex; + flex-direction: column; + height: 88px; + align-items: flex-start; + justify-content: space-between; + +} + +.add-Equ .frame4 .div-3 { + display: flex; + align-items: center; + justify-content: space-evenly +} + +.add-Equ .small-button{ + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + justify-content: center; + align-items: center; + + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; +} + +.add-Equ .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.add-Equ .shopFrame { + display: flex; + flex-direction: row; + padding: 25px 42px; + /* padding: 27px 42px; */ + background-color: #fff; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} +.add-Equ .shop-cardsetAll{ + display: flex; + flex-direction: column; +} + +.add-Equ .shop-cardset{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.add-Equ .shop-card { + display: flex; + flex-direction: column; + border-radius: 10px; + background: #F3F3F3; + backdrop-filter: blur(67.62544250488281px); + width: 440px; + height: 493px; + padding: 10px 21px; + justify-content: space-evenly; + align-items: center; + margin: 2.5rem; + margin-left: 2.5rem; + margin-top: 2rem; + margin-bottom: 2rem; +} + +.add-Equ .shop-card .cardName{ + color: #4C5039; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ +} + +.add-Equ .shop-card .priceText{ + color: #4C5039; + font-family: Raleway; + font-size: 36.857px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 43.455px */ +} + +.add-Equ .frameProf { + display: flex; + /* padding: 25px 28px; */ + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #fff; + align-items: center; +} + +.add-Equ .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.add-Equ .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.add-Equ .frame5 { + display: flex; + /* padding: 25px 28px; */ + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #fff; + align-items: center; +} + + +.add-Equ .shopFrame2 { + display: flex; + flex-direction: row; + /* padding: 25px 42px; */ + /* padding: 27px 42px; */ + /* background-color: #fff; */ + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + /* justify-content: space-around; */ + /* align-items: center; */ + +} + +.add-Equ .shopDetais{ + display: flex; + flex-direction: column; +} + +.add-Equ .shopForm{ + display: flex; + flex-direction: column; + margin-bottom: 2rem; + +} + +.add-Equ .detailsForm{ + display: flex; + flex-direction: column; + justify-content: center; + width: 398px; + height: 44px; + padding: 4px 21px; + /* align-items: center; */ + /* gap: 10px; */ + border-radius: 10px; + background: #f3f3f3; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.add-Equ .BuyButtons{ + display: flex; + flex-direction: column; +} + +.add-Equ .BuyButtons .filter{ + margin-bottom: 2rem; +} + +.add-Equ .infoBox{ + display: flex; + width: 1315px; + height: 509px; + padding: 20px 21px; + gap: 10px; +} + +.add-Equ input[id=detailsForm] { + + display: flex; + + /* width: 1315px; + height: 509px; */ + padding: 25px 28px; + /* margin-left: 2rem; + margin-right: 2rem; */ + border-radius: 1rem; + margin-bottom: 1rem; + /* align-items: flex-start; */ + /* gap: 10px; + flex-shrink: 0; */ + border: none; + background: #f3f3f3; + border-radius: 10px; + font-size: 1.2rem; + +} + +.add-Equ .frameShop .searchbar{ + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + +.add-Equ input[id=SearchShops] { + + display: flex; + width: 1500px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} \ No newline at end of file diff --git a/public/assets/css/CustomerBlog.css b/public/assets/css/CustomerBlog.css new file mode 100644 index 00000000..96091e80 --- /dev/null +++ b/public/assets/css/CustomerBlog.css @@ -0,0 +1,387 @@ +.Cus-Blog .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.Cus-Blog .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.Cus-Blog input[id=SearchBlogs] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.Cus-Blog .frameBlog .searchbar{ + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + + +.Cus-Blog .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.Cus-Blog .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.Cus-Blog .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.Cus-Blog .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.Cus-Blog .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.Cus-Blog .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.Cus-Blog .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.Cus-Blog .add-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; + font-weight: 600; + font-size: large; +} + +.Cus-Blog .add-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.Cus-Blog .frameBlog .handleBlog{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.BlogPageRead { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageRead .moreBlog{ + display: flex; +} + +.BlogPageRead .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageRead .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageRead .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageRead .frameBlog .completeBlog{ + margin-top: 5rem; + color: #000; + text-align: justify; + font-size: 20px; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.BlogPageRead .frameBlog .small-div { + display: flex; + height: 2rem; + font-weight: 600; + /* padding-left: 2rem; + padding-right: 2rem; */ + align-items: center; + border-radius: 7.895px; + /* border: 0.789px solid #BCAB86; */ + /* cursor: pointer; */ + /* justify-content: center; */ +} + +.BlogPageAdd { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageAdd .moreBlog{ + display: flex; +} + +.BlogPageAdd .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageAdd .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageAdd .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageAdd .formBlogAdd{ + display: flex; + flex-direction: column; + margin-left: 2rem; +} + +.BlogPageAdd .formBlog { + display: flex; + flex-direction: column; + display: flex; + width: 956px; + height: 44px; + padding: 4px 21px; + margin-bottom: 1rem; + margin-top: 1rem; + /* align-items: center; */ + gap: 10px; + border-radius: 10px; + background: #FFF; + justify-content: center; +} + +.BlogPageAdd .Addblogsec2{ + display: flex; +} + +.BlogPageAdd .box { + display: flex; + margin-top: 2rem; + height: 300px; /* Replace '300px' with your desired height value */ +} + +.BlogPageAdd input[id=blogForm] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageAdd input[id=Note] { + + display: flex; + width: 1600px; + height: 280px; + padding: 4px 21px; + align-items:flex-start; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageRead .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.BlogPageRead .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.BlogPageRead .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.BlogPageRead .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.BlogPageRead .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.BlogPageRead input[id=SearchBlogs] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageRead .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.BlogPageRead .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.BlogPageRead .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.BlogPageRead .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} \ No newline at end of file diff --git a/public/assets/css/CustomerDashboard.CSS b/public/assets/css/CustomerDashboard.CSS new file mode 100644 index 00000000..4c03fcaa --- /dev/null +++ b/public/assets/css/CustomerDashboard.CSS @@ -0,0 +1,219 @@ +.cus-dash .frame { + display: flex; + flex-direction: column; + padding: 27px 42px; + + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; +} + +.cus-dash .edit-prof-button { + display: flex; + justify-content: flex-end; + padding-right: 2rem; +} + +.cus-dash .small-button-middle { + border-color: #bcab86; + border-radius: 7.895px; + padding: 0.5rem; +} + +.cus-dash .div-1 { + display: flex; + justify-content: space-around; +} + +.cus-dash .div-12 { + display: flex; + flex-direction: column; + align-items: center; +} + +.cus-dash .text-wrapper { + font-size: 53.6px; + text-align: center; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; +} + +.cus-dash .img-1 { + padding: 1rem; +} + +.cus-dash .img-2 { + padding: 2rem; +} + +.cus-dash .div-3 { + display: flex; + flex-direction: row; + width: 60rem; + justify-content: space-evenly; + align-items: center; + +} + +.cus-dash .div-4 { + display: flex; + flex-direction: column; + +} + +.cus-dash .div-wrapper { + display: flex; + width: 398px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.cus-dash .frame2 { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} + +.cus-dash .yellow-card{ + display: flex; + flex-direction: column; + border-radius: 10px; + background: #BCAB86; + backdrop-filter: blur(67.62544250488281px); + width: 424px; + height: 169px; + padding: 10px 21px; + justify-content: space-between; + align-items: center; + margin-right: 2rem; + margin-left: 2rem; +} + +.cus-dash .upper-card-text{ + padding-top: 15px; + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; +} + +.cus-dash .text-card-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; +} + +.cus-dash .number-card{ + display: flex; + justify-content: center; + font-size: 53.6px; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; + padding-bottom: 30px; +} + +.cus-dash .sec3-booking{ + display: flex; + flex-direction: row; + + /* New */ + justify-content: space-evenly; +} + +.cus-dash .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + +.cus-dash .div-5 { + margin: 1rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + +.cus-dash .div-wrapper-2 { + display: flex; + width: 800px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.cus-dash .div-6 { + margin: 1rem; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + + +.cus-dash .text-wrapper-3{ + font-weight: 600; +} + +.cus-dash table { + border-collapse: collapse; + width: 100%; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.cus-dash th, td { + border: none; + padding: 8px; + text-align: center; + background: #FFF; + border-radius: 5px; + + /* New */ + height: 3rem; + + +} + +.cus-dash tr { + background-color: #f2f2f2; +} \ No newline at end of file diff --git a/public/assets/css/CustomerEquipment.css b/public/assets/css/CustomerEquipment.css new file mode 100644 index 00000000..1a06f144 --- /dev/null +++ b/public/assets/css/CustomerEquipment.css @@ -0,0 +1,277 @@ +.cus-Equ .frame4 { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + + + +.cus-Equ .frame4 .div { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-around; + margin-bottom: 3rem; + +} + + +.cus-Equ label { + font-size: 1.4rem; + font-weight: bold; +} + +.cus-Equ input[id=name] { + + display: flex; + width: 287px; + height: 2.5rem; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border-color: #FFF; + background: #FFF; + + + font-size: 1.2rem; + +} + + +.cus-Equ .search-button { + background-color: #bcab86; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + width: 12rem; + border-radius: 10px; + + font-size: 1.2rem; +} + +.cus-Equ .search-button:hover { + background-color: #87744e; +} + + +.cus-Equ .frame4 .div-2 { + display: inline-flex; + flex-direction: column; + height: 88px; + align-items: flex-start; + justify-content: space-between; + +} + +.cus-Equ .frame4 .div-3 { + display: flex; + align-items: center; + justify-content: space-evenly +} + +.cus-Equ .small-button{ + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + justify-content: center; + align-items: center; + + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; +} + +.cus-Equ .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.cus-Equ .shopFrame { + display: flex; + flex-direction: row; + padding: 25px 42px; + /* padding: 27px 42px; */ + background-color: #fff; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} +.cus-Equ .shop-cardsetAll{ + display: flex; + flex-direction: column; +} + +.cus-Equ .shop-cardset{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.cus-Equ .shop-card { + display: flex; + flex-direction: column; + border-radius: 10px; + background: #F3F3F3; + backdrop-filter: blur(67.62544250488281px); + width: 440px; + height: 493px; + padding: 10px 21px; + justify-content: space-evenly; + align-items: center; + margin: 2.5rem; + margin-left: 2.5rem; + margin-top: 2rem; + margin-bottom: 2rem; +} + +.cus-Equ .shop-card .cardName{ + color: #4C5039; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ +} + +.cus-Equ .shop-card .priceText{ + color: #4C5039; + font-family: Raleway; + font-size: 36.857px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 43.455px */ +} + +.cus-Equ .frameProf { + display: flex; + /* padding: 25px 28px; */ + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #fff; + align-items: center; +} + +.cus-Equ .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.cus-Equ .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.cus-Equ .frame5 { + display: flex; + /* padding: 25px 28px; */ + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #fff; + align-items: center; +} + + +.cus-Equ .shopFrame2 { + display: flex; + flex-direction: row; + /* padding: 25px 42px; */ + /* padding: 27px 42px; */ + /* background-color: #fff; */ + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + /* justify-content: space-around; */ + /* align-items: center; */ + +} + +.cus-Equ .shopDetais{ + display: flex; + flex-direction: column; +} + +.cus-Equ .shopForm{ + display: flex; + flex-direction: column; + margin-bottom: 2rem; + +} + +.cus-Equ .detailsForm{ + display: flex; + flex-direction: column; + justify-content: center; + width: 398px; + height: 44px; + padding: 4px 21px; + /* align-items: center; */ + /* gap: 10px; */ + border-radius: 10px; + background: #f3f3f3; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.cus-Equ .BuyButtons{ + display: flex; + flex-direction: column; +} + +.cus-Equ .BuyButtons .filter{ + margin-bottom: 2rem; +} + +.cus-Equ .infoBox{ + display: flex; + width: 1315px; + height: 509px; + padding: 20px 21px; + gap: 10px; +} + +.cus-Equ input[id=detailsForm] { + + display: flex; + + /* width: 1315px; + height: 509px; */ + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + /* align-items: flex-start; */ + /* gap: 10px; + flex-shrink: 0; */ + border: none; + background: #FFF; + border-radius: 10px; + font-size: 1.2rem; + +} \ No newline at end of file diff --git a/public/assets/css/CustomerGuideSearch.css b/public/assets/css/CustomerGuideSearch.css new file mode 100644 index 00000000..0f581fee --- /dev/null +++ b/public/assets/css/CustomerGuideSearch.css @@ -0,0 +1,170 @@ +.cus-guide-search .frame4 { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 4rem; + margin-right: 4rem; + border-radius: 1rem; + margin-bottom: 4rem; + + background-color: #f3f3f3; +} + + + +.cus-guide-search .frame4 .div { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-around; + margin-bottom: 3rem; + +} + + +.cus-guide-search label { + font-size: 1.4rem; + font-weight: bold; +} + +.cus-guide-search input[type=text] { + + display: flex; + width: 287px; + height: 2.5rem; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border-color: #FFF; + background: #FFF; + + + font-size: 1.2rem; + +} + + +.cus-guide-search .search-button { + background-color: #bcab86; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + width: 12rem; + border-radius: 10px; + + font-size: 1.2rem; +} + +.cus-guide-search .search-button:hover { + background-color: #87744e; +} + + + + +.cus-guide-search .frame4 .div-2 { + display: inline-flex; + flex-direction: column; + height: 88px; + align-items: flex-start; + justify-content: space-between; + +} + +.cus-guide-search .frame4 .div-3 { + display: flex; + align-items: center; + justify-content: space-evenly +} + + +.cus-guide-search .serach-button-2 { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + justify-content: center; + align-items: center; + + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + +} + + +.cus-guide-search .frame5 { + display: flex; + align-items: flex-end; + justify-content: space-evenly; + + padding: 27px 32px; + margin-left: 4rem; + margin-right: 4rem; + border-radius: 1rem; + margin-bottom: 4rem; + + background-color: #f3f3f3; +} + +.cus-guide-search .frame5 .div { + display: inline-flex; + flex-direction: column; + gap: 22px; + flex: 0 0 auto; + align-items: center; +} + +.cus-guide-search .frame5 .text-wrapper { + font-family: "Fredoka-Medium", Helvetica; + font-weight: 500; + color: #4c5039; + font-size: 3rem; + +} + + +.cus-guide-search .frame5 .text-wrapper-2 { + font-family: "Raleway-SemiBold", Helvetica; + color: #000000; + font-size: 1.5rem; +} + +.cus-guide-search .frame5 .div-2 { + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 1rem; +} + +.cus-guide-search .frame5 .div-3 { + display: flex; + flex-direction: row; + width: 60rem; + justify-content: space-evenly; + align-items: center; + margin-bottom: 2rem; +} + +.cus-guide-search .frame5 .div-4 { + display: flex; + flex-direction: column; +} + +.cus-guide-search .frame5 .div-wrapper { + display: flex; + width: 398px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + diff --git a/public/assets/css/EditEquipment.css b/public/assets/css/EditEquipment.css new file mode 100644 index 00000000..65ca19f1 --- /dev/null +++ b/public/assets/css/EditEquipment.css @@ -0,0 +1,304 @@ +.edit-Equ .frame4 { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + + + +.edit-Equ .frame4 .div { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-around; + margin-bottom: 3rem; + +} + + +.edit-Equ label { + font-size: 1.4rem; + font-weight: bold; +} + +.edit-Equ input[id=name] { + + display: flex; + width: 287px; + height: 2.5rem; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border-color: #FFF; + background: #FFF; + + + font-size: 1.2rem; + +} + + +.edit-Equ .search-button { + background-color: #bcab86; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + width: 12rem; + border-radius: 10px; + + font-size: 1.2rem; +} + +.edit-Equ .search-button:hover { + background-color: #87744e; +} + + +.edit-Equ .frame4 .div-2 { + display: inline-flex; + flex-direction: column; + height: 88px; + align-items: flex-start; + justify-content: space-between; + +} + +.edit-Equ .frame4 .div-3 { + display: flex; + align-items: center; + justify-content: space-evenly +} + +.edit-Equ .small-button{ + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + justify-content: center; + align-items: center; + + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; +} + +.edit-Equ .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.edit-Equ .shopFrame { + display: flex; + flex-direction: row; + padding: 25px 42px; + /* padding: 27px 42px; */ + background-color: #fff; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} +.edit-Equ .shop-cardsetAll{ + display: flex; + flex-direction: column; +} + +.edit-Equ .shop-cardset{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.edit-Equ .shop-card { + display: flex; + flex-direction: column; + border-radius: 10px; + background: #F3F3F3; + backdrop-filter: blur(67.62544250488281px); + width: 440px; + height: 493px; + padding: 10px 21px; + justify-content: space-evenly; + align-items: center; + margin: 2.5rem; + margin-left: 2.5rem; + margin-top: 2rem; + margin-bottom: 2rem; +} + +.edit-Equ .shop-card .cardName{ + color: #4C5039; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ +} + +.edit-Equ .shop-card .priceText{ + color: #4C5039; + font-family: Raleway; + font-size: 36.857px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 43.455px */ +} + +.edit-Equ .frameProf { + display: flex; + /* padding: 25px 28px; */ + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #fff; + align-items: center; +} + +.edit-Equ .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.edit-Equ .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.edit-Equ .frame5 { + display: flex; + /* padding: 25px 28px; */ + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #fff; + align-items: center; +} + + +.edit-Equ .shopFrame2 { + display: flex; + flex-direction: row; + /* padding: 25px 42px; */ + /* padding: 27px 42px; */ + /* background-color: #fff; */ + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + /* justify-content: space-around; */ + /* align-items: center; */ + +} + +.edit-Equ .shopDetais{ + display: flex; + flex-direction: column; +} + +.edit-Equ .shopForm{ + display: flex; + flex-direction: column; + margin-bottom: 2rem; + +} + +.edit-Equ .detailsForm{ + display: flex; + flex-direction: column; + justify-content: center; + width: 398px; + height: 44px; + padding: 4px 21px; + /* align-items: center; */ + /* gap: 10px; */ + border-radius: 10px; + background: #f3f3f3; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.edit-Equ .BuyButtons{ + display: flex; + flex-direction: column; +} + +.edit-Equ .BuyButtons .filter{ + margin-bottom: 2rem; +} + +.edit-Equ .infoBox{ + display: flex; + width: 1315px; + height: 509px; + padding: 20px 21px; + gap: 10px; +} + +.edit-Equ input[id=detailsForm] { + + display: flex; + + /* width: 1315px; + height: 509px; */ + padding: 25px 28px; + /* margin-left: 2rem; + margin-right: 2rem; */ + border-radius: 1rem; + margin-bottom: 1rem; + /* align-items: flex-start; */ + /* gap: 10px; + flex-shrink: 0; */ + border: none; + background: #f3f3f3; + border-radius: 10px; + font-size: 1.2rem; + +} + +.edit-Equ .frameShop .searchbar{ + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + +.edit-Equ input[id=SearchShops] { + + display: flex; + width: 1500px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} \ No newline at end of file diff --git a/public/assets/css/EquipmentMyBooking.css b/public/assets/css/EquipmentMyBooking.css new file mode 100644 index 00000000..ae0ed6bf --- /dev/null +++ b/public/assets/css/EquipmentMyBooking.css @@ -0,0 +1,104 @@ +.equip-booking .frame2 { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 2rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; +} + +.equip-booking .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.equip-booking .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + + +.equip-booking .sec3-booking { + display: flex; + flex-direction: row; + align-items: center; +} + +.equip-booking .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + +.equip-booking .formSet { + margin: 1rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + +.equip-booking .formContent { + display: flex; + width: 800px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.equip-booking .text-wrapper { + font-size: 53.6px; + text-align: center; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; +} + +.equip-booking .uppersec2 { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + +} + +.equip-booking .sec2 { + display: flex; + flex-direction: column; + +} + +.equip-booking .whiteBox { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #ffff; + border-radius: 10px; + margin-top: 2rem; + height: 10rem; + +} \ No newline at end of file diff --git a/public/assets/css/GuideBlog.css b/public/assets/css/GuideBlog.css new file mode 100644 index 00000000..d35c8aa2 --- /dev/null +++ b/public/assets/css/GuideBlog.css @@ -0,0 +1,387 @@ +.guide-blog .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.guide-blog .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.guide-blog input[id=SearchBlogs] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.guide-blog .frameBlog .searchbar{ + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + + +.guide-blog .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.guide-blog .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.guide-blog .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.guide-blog .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.guide-blog .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.guide-blog .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.guide-blog .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.guide-blog .add-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; + font-weight: 600; + font-size: large; +} + +.guide-blog .add-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.guide-blog .frameBlog .handleBlog{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.BlogPageRead { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageRead .moreBlog{ + display: flex; +} + +.BlogPageRead .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageRead .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageRead .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageRead .frameBlog .completeBlog{ + margin-top: 5rem; + color: #000; + text-align: justify; + font-size: 20px; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.BlogPageRead .frameBlog .small-div { + display: flex; + height: 2rem; + font-weight: 600; + /* padding-left: 2rem; + padding-right: 2rem; */ + align-items: center; + border-radius: 7.895px; + /* border: 0.789px solid #BCAB86; */ + /* cursor: pointer; */ + /* justify-content: center; */ +} + +.BlogPageAdd { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageAdd .moreBlog{ + display: flex; +} + +.BlogPageAdd .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageAdd .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageAdd .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageAdd .formBlogAdd{ + display: flex; + flex-direction: column; + margin-left: 2rem; +} + +.BlogPageAdd .formBlog { + display: flex; + flex-direction: column; + display: flex; + width: 956px; + height: 44px; + padding: 4px 21px; + margin-bottom: 1rem; + margin-top: 1rem; + /* align-items: center; */ + gap: 10px; + border-radius: 10px; + background: #FFF; + justify-content: center; +} + +.BlogPageAdd .Addblogsec2{ + display: flex; +} + +.BlogPageAdd .box { + display: flex; + margin-top: 2rem; + height: 300px; /* Replace '300px' with your desired height value */ +} + +.BlogPageAdd input[id=blogForm] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageAdd input[id=Note] { + + display: flex; + width: 1600px; + height: 280px; + padding: 4px 21px; + align-items:flex-start; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageRead .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.BlogPageRead .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.BlogPageRead .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.BlogPageRead .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.BlogPageRead .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.BlogPageRead input[id=SearchBlogs] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageRead .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.BlogPageRead .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.BlogPageRead .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.BlogPageRead .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} \ No newline at end of file diff --git a/public/assets/css/GuideBooking.css b/public/assets/css/GuideBooking.css new file mode 100644 index 00000000..e69de29b diff --git a/public/assets/css/GuideDashboard.css b/public/assets/css/GuideDashboard.css new file mode 100644 index 00000000..cac8a4e3 --- /dev/null +++ b/public/assets/css/GuideDashboard.css @@ -0,0 +1,219 @@ +.guide-dash .frame { + display: flex; + flex-direction: column; + padding: 27px 42px; + + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; +} + +.guide-dash .edit-prof-button { + display: flex; + justify-content: flex-end; + padding-right: 2rem; +} + +.guide-dash .small-button-middle { + border-color: #bcab86; + border-radius: 7.895px; + padding: 0.5rem; +} + +.guide-dash .div-1 { + display: flex; + justify-content: space-around; +} + +.guide-dash .div-12 { + display: flex; + flex-direction: column; + align-items: center; +} + +.guide-dash .text-wrapper { + font-size: 53.6px; + text-align: center; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; +} + +.guide-dash .img-1 { + padding: 1rem; +} + +.guide-dash .img-2 { + padding: 2rem; +} + +.guide-dash .div-3 { + display: flex; + flex-direction: row; + width: 60rem; + justify-content: space-evenly; + align-items: center; + +} + +.guide-dash .div-4 { + display: flex; + flex-direction: column; + +} + +.guide-dash .div-wrapper { + display: flex; + width: 398px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.guide-dash .frame2 { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} + +.guide-dash .yellow-card{ + display: flex; + flex-direction: column; + border-radius: 10px; + background: #BCAB86; + backdrop-filter: blur(67.62544250488281px); + width: 424px; + height: 169px; + padding: 10px 21px; + justify-content: space-between; + align-items: center; + margin-right: 2rem; + margin-left: 2rem; +} + +.guide-dash .upper-card-text{ + padding-top: 15px; + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; +} + +.guide-dash .text-card-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; +} + +.guide-dash .number-card{ + display: flex; + justify-content: center; + font-size: 53.6px; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; + padding-bottom: 30px; +} + +.guide-dash .sec3-booking{ + display: flex; + flex-direction: row; + + /* New */ + justify-content: space-evenly; +} + +.guide-dash .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + +.guide-dash .div-5 { + margin: 1rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + +.guide-dash .div-wrapper-2 { + display: flex; + width: 800px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.guide-dash .div-6 { + margin: 1rem; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + + +.guide-dash .text-wrapper-3{ + font-weight: 600; +} + +.guide-dash table { + border-collapse: collapse; + width: 100%; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.guide-dash th, td { + border: none; + padding: 8px; + text-align: center; + background: #FFF; + border-radius: 5px; + + /* New */ + height: 3rem; + + +} + +.guide-dash tr { + background-color: #f2f2f2; +} \ No newline at end of file diff --git a/public/assets/css/GuideMyBooking.css b/public/assets/css/GuideMyBooking.css new file mode 100644 index 00000000..999e2acf --- /dev/null +++ b/public/assets/css/GuideMyBooking.css @@ -0,0 +1,270 @@ +.guide-booking .CalendarView { + display: flex; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + margin-bottom: 3rem; + justify-content: space-evenly; + align-items: center; +} + +.guide-booking .frame2 { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 2rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} + +.guide-booking .yellow-card{ + display: flex; + flex-direction: column; + border-radius: 10px; + background: #BCAB86; + backdrop-filter: blur(67.62544250488281px); + width: 424px; + height: 169px; + padding: 10px 21px; + justify-content: space-around; + align-items: center; + margin-right: 2rem; + margin-left: 2rem; +} + +.guide-booking .upper-card-text{ + padding-top: 15px; + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; +} + +.guide-booking .text-card-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; +} + +.guide-booking .number-card{ + display: flex; + justify-content: center; + font-size: 53.6px; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; + padding-bottom: 30px; +} + +.guide-booking .frame5 { + display: flex; + padding: 25px 28px; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; + align-items: center; +} + + +.guide-booking .shopFrame2 { + display: flex; + flex-direction: row; + /* padding: 25px 42px; */ + /* padding: 27px 42px; */ + /* background-color: #fff; */ + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + /* justify-content: space-around; */ + /* align-items: center; */ + +} + +.guide-booking .shopDetais{ + display: flex; + flex-direction: column; +} + +.guide-booking .shopForm{ + display: flex; + flex-direction: column; + margin-bottom: 2rem; + +} + +.guide-booking .detailsForm{ + display: flex; + flex-direction: column; + justify-content: center; + width: 398px; + height: 44px; + padding: 4px 21px; + /* align-items: center; */ + /* gap: 10px; */ + border-radius: 10px; + background: #fff; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.guide-booking .BuyButtons{ + display: flex; + flex-direction: column; +} + +.guide-booking .BuyButtons .filter{ + margin-bottom: 2rem; +} + +.guide-booking .infoBox{ + display: flex; + width: 1315px; + height: 509px; + padding: 20px 21px; + gap: 10px; +} + +.guide-booking input[id=detailsForm] { + + display: flex; + + /* width: 1315px; + height: 509px; */ + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + /* align-items: flex-start; */ + /* gap: 10px; + flex-shrink: 0; */ + border: none; + background: #FFF; + border-radius: 10px; + font-size: 1.2rem; + +} + +.guide-booking .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.guide-booking .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.guide-booking .sec3-booking{ + display: flex; + flex-direction: row; + + /* New */ + justify-content: space-evenly; +} + +.guide-booking .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + + +.guide-booking .sec3-booking { + display: flex; + flex-direction: row; + align-items: center; +} + +.guide-booking .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + +.guide-booking .formSet { + margin: 1rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + +.guide-booking .formContent { + display: flex; + width: 800px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.guide-booking .text-wrapper { + font-size: 53.6px; + text-align: center; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; +} + +.guide-booking .uppersec2 { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + +} + +.guide-booking .sec2 { + display: flex; + flex-direction: column; + +} + +.guide-booking .whiteBox { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #ffff; + border-radius: 10px; + margin-top: 2rem; + height: 10rem; + +} \ No newline at end of file diff --git a/public/assets/css/MyShop.css b/public/assets/css/MyShop.css new file mode 100644 index 00000000..d8cc5daf --- /dev/null +++ b/public/assets/css/MyShop.css @@ -0,0 +1,368 @@ +.my-shops .frame4 { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + + + +.my-shops .frame4 .div { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-around; + margin-bottom: 3rem; + +} + + +.my-shops label { + font-size: 1.4rem; + font-weight: bold; +} + +.my-shops input[id=name] { + + display: flex; + width: 287px; + height: 2.5rem; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border-color: #FFF; + background: #FFF; + + + font-size: 1.2rem; + +} + + +.my-shops .search-button { + background-color: #bcab86; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + width: 12rem; + border-radius: 10px; + + font-size: 1.2rem; +} + +.my-shops .search-button:hover { + background-color: #87744e; +} + + +.my-shops .frame4 .div-2 { + display: inline-flex; + flex-direction: column; + height: 88px; + align-items: flex-start; + justify-content: space-between; + +} + +.my-shops .frame4 .div-3 { + display: flex; + align-items: center; + justify-content: space-evenly +} + +.my-shops .small-button{ + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + justify-content: center; + align-items: center; + + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; +} + +.my-shops .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.my-shops .shopFrame { + display: flex; + flex-direction: row; + padding: 25px 42px; + /* padding: 27px 42px; */ + background-color: #fff; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} +.my-shops .shop-cardsetAll{ + display: flex; + flex-direction: column; +} + +.my-shops .shop-cardset{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.my-shops .shop-card { + display: flex; + flex-direction: column; + border-radius: 10px; + background: #F3F3F3; + backdrop-filter: blur(67.62544250488281px); + width: 440px; + height: 493px; + padding: 10px 21px; + justify-content: space-evenly; + align-items: center; + margin: 2.5rem; + margin-left: 2.5rem; + margin-top: 2rem; + margin-bottom: 2rem; +} + +.my-shops .shop-card .cardName{ + color: #4C5039; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ +} + +.my-shops .shop-card .priceText{ + color: #4C5039; + font-family: Raleway; + font-size: 36.857px; + font-style: normal; + font-weight: 600; + line-height: 117.9%; /* 43.455px */ +} + +.my-shops .frameProf { + display: flex; + /* padding: 25px 28px; */ + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #fff; + align-items: center; +} + +.my-shops .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.my-shops .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.my-shops .frame5 { + display: flex; + /* padding: 25px 28px; */ + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #fff; + align-items: center; +} + + +.my-shops .shopFrame2 { + display: flex; + flex-direction: row; + /* padding: 25px 42px; */ + /* padding: 27px 42px; */ + /* background-color: #fff; */ + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + /* justify-content: space-around; */ + /* align-items: center; */ + +} + +.my-shops .shopDetais{ + display: flex; + flex-direction: column; +} + +.my-shops .shopForm{ + display: flex; + flex-direction: column; + margin-bottom: 2rem; + +} + +.my-shops .detailsForm{ + display: flex; + flex-direction: column; + justify-content: center; + width: 398px; + height: 44px; + padding: 4px 21px; + /* align-items: center; */ + /* gap: 10px; */ + border-radius: 10px; + background: #f3f3f3; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.my-shops .BuyButtons{ + display: flex; + flex-direction: column; +} + +.my-shops .BuyButtons .filter{ + margin-bottom: 2rem; +} + +.my-shops .infoBox{ + display: flex; + width: 1315px; + height: 509px; + padding: 20px 21px; + gap: 10px; +} + +.my-shops input[id=detailsForm] { + + display: flex; + + /* width: 1315px; + height: 509px; */ + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + /* align-items: flex-start; */ + /* gap: 10px; + flex-shrink: 0; */ + border: none; + background: #FFF; + border-radius: 10px; + font-size: 1.2rem; + +} + +.my-shops .frameShop .handleShop{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + + +.my-shops .frameShop .searchbar{ + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + +.my-shops .frameShop { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; +} + +.my-shops .add-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; + font-weight: 600; + font-size: large; +} + +.my-shops .add-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.my-shops input[id=SearchShops] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.my-shops .frameProf { + display: flex; + /* padding: 25px 28px; */ + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #fff; + align-items: center; +} + +.my-shops .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.my-shops .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} diff --git a/public/assets/css/RentalBlog.css b/public/assets/css/RentalBlog.css new file mode 100644 index 00000000..19badf0e --- /dev/null +++ b/public/assets/css/RentalBlog.css @@ -0,0 +1,387 @@ +.rent-blog .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.rent-blog .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.rent-blog input[id=SearchBlogs] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.rent-blog .frameBlog .searchbar{ + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + + +.rent-blog .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.rent-blog .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.rent-blog .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.rent-blog .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.rent-blog .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.rent-blog .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.rent-blog .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.rent-blog .add-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; + font-weight: 600; + font-size: large; +} + +.rent-blog .add-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} + +.rent-blog .frameBlog .handleBlog{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.BlogPageRead { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageRead .moreBlog{ + display: flex; +} + +.BlogPageRead .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageRead .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageRead .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageRead .frameBlog .completeBlog{ + margin-top: 5rem; + color: #000; + text-align: justify; + font-size: 20px; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.BlogPageRead .frameBlog .small-div { + display: flex; + height: 2rem; + font-weight: 600; + /* padding-left: 2rem; + padding-right: 2rem; */ + align-items: center; + border-radius: 7.895px; + /* border: 0.789px solid #BCAB86; */ + /* cursor: pointer; */ + /* justify-content: center; */ +} + +.BlogPageAdd { + display: flex; + flex-direction: column; + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + background-color: #f3f3f3; +} + +.BlogPageAdd .moreBlog{ + display: flex; +} + +.BlogPageAdd .frameProf { + display: flex; + /* padding: 25px 28px; */ + /* margin-left: 1rem; + margin-right: 1rem; */ + border-radius: 1rem; + /* margin-bottom: 2rem; */ + background-color: #f3f3f3; + align-items: center; +} + +.BlogPageAdd .frameProf .profImg{ + width: 75.25px; + height: 75.25px; + padding: 1rem; +} + +.BlogPageAdd .frameProf .profText{ + color: #000; + text-align: justify; + font-size: 24px; + font-weight: 600; + line-height: 117.9%; /* 28.296px */ + width: 1227px; + height: 29px; +} + +.BlogPageAdd .formBlogAdd{ + display: flex; + flex-direction: column; + margin-left: 2rem; +} + +.BlogPageAdd .formBlog { + display: flex; + flex-direction: column; + display: flex; + width: 956px; + height: 44px; + padding: 4px 21px; + margin-bottom: 1rem; + margin-top: 1rem; + /* align-items: center; */ + gap: 10px; + border-radius: 10px; + background: #FFF; + justify-content: center; +} + +.BlogPageAdd .Addblogsec2{ + display: flex; +} + +.BlogPageAdd .box { + display: flex; + margin-top: 2rem; + height: 300px; /* Replace '300px' with your desired height value */ +} + +.BlogPageAdd input[id=blogForm] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageAdd input[id=Note] { + + display: flex; + width: 1600px; + height: 280px; + padding: 4px 21px; + align-items:flex-start; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageRead .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.BlogPageRead .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.BlogPageRead .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.BlogPageRead .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.BlogPageRead .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.BlogPageRead input[id=SearchBlogs] { + + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + +} + +.BlogPageRead .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.BlogPageRead .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.BlogPageRead .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.BlogPageRead .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} \ No newline at end of file diff --git a/public/assets/css/RentalDashboard.css b/public/assets/css/RentalDashboard.css new file mode 100644 index 00000000..3e7c1bb1 --- /dev/null +++ b/public/assets/css/RentalDashboard.css @@ -0,0 +1,219 @@ +.rent-dash .frame { + display: flex; + flex-direction: column; + padding: 27px 42px; + + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; +} + +.rent-dash .edit-prof-button { + display: flex; + justify-content: flex-end; + padding-right: 2rem; +} + +.rent-dash .small-button-middle { + border-color: #bcab86; + border-radius: 7.895px; + padding: 0.5rem; +} + +.rent-dash .div-1 { + display: flex; + justify-content: space-around; +} + +.rent-dash .div-12 { + display: flex; + flex-direction: column; + align-items: center; +} + +.rent-dash .text-wrapper { + font-size: 53.6px; + text-align: center; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; +} + +.rent-dash .img-1 { + padding: 1rem; +} + +.rent-dash .img-2 { + padding: 2rem; +} + +.rent-dash .div-3 { + display: flex; + flex-direction: row; + width: 60rem; + justify-content: space-evenly; + align-items: center; + +} + +.rent-dash .div-4 { + display: flex; + flex-direction: column; + +} + +.rent-dash .div-wrapper { + display: flex; + width: 398px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.rent-dash .frame2 { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} + +.rent-dash .yellow-card{ + display: flex; + flex-direction: column; + border-radius: 10px; + background: #BCAB86; + backdrop-filter: blur(67.62544250488281px); + width: 424px; + height: 169px; + padding: 10px 21px; + justify-content: space-between; + align-items: center; + margin-right: 2rem; + margin-left: 2rem; +} + +.rent-dash .upper-card-text{ + padding-top: 15px; + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; +} + +.rent-dash .text-card-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; +} + +.rent-dash .number-card{ + display: flex; + justify-content: center; + font-size: 53.6px; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; + padding-bottom: 30px; +} + +.rent-dash .sec3-booking{ + display: flex; + flex-direction: row; + + /* New */ + justify-content: space-evenly; +} + +.rent-dash .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + +.rent-dash .div-5 { + margin: 1rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + +.rent-dash .div-wrapper-2 { + display: flex; + width: 800px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.rent-dash .div-6 { + margin: 1rem; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + + +.rent-dash .text-wrapper-3{ + font-weight: 600; +} + +.rent-dash table { + border-collapse: collapse; + width: 100%; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.rent-dash th, td { + border: none; + padding: 8px; + text-align: center; + background: #FFF; + border-radius: 5px; + + /* New */ + height: 3rem; + + +} + +.rent-dash tr { + background-color: #f2f2f2; +} \ No newline at end of file diff --git a/public/assets/css/Tips.css b/public/assets/css/Tips.css new file mode 100644 index 00000000..e6862e4e --- /dev/null +++ b/public/assets/css/Tips.css @@ -0,0 +1,103 @@ +.Tips .frameBlog { + display: flex; + flex-direction: column; + + padding: 25px 28px; + margin-left: 2rem; + margin-right: 2rem; + border-radius: 1rem; + margin-bottom: 2rem; + + background-color: #f3f3f3; +} + +.Tips .frameBlog .searchbar { + display: flex; + /* width: 1302px; */ + align-items: center; + justify-content: space-between; + /* margin-bottom: 3rem; */ +} + +.Tips input[type=text] { + display: flex; + width: 1600px; + height: 44px; + padding: 4px 21px; + align-items: center; + border-radius: 10px; + border: none; + background: #FFF; + + + font-size: 1.2rem; + +} + +.Tips .frameBlog .searchtext { + position: relative; + width: fit-content; + font-family: "Raleway-Regular", Helvetica; + font-weight: 400; + color: #000000; + font-size: 24px; + letter-spacing: 0; + line-height: 28.3px; + white-space: nowrap; +} + + +.Tips .frameBlog .blog { + display: flex; + flex-direction: row; +} + +.Tips .frameBlog .blog-content { + display: flex; + flex-direction: column; + justify-content: end; + margin-left: 3rem; + +} + +.Tips .frameBlog .blog-reading { + display: flex; + flex-direction: column; +} + +.Tips .text-Blog-Topic{ + color: #4C5039; + text-shadow: 0px 1.1681221723556519px 1.1681221723556519px rgba(0, 0, 0, 0.25); + font-family: Fredoka; + font-size: 53.59px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; /* 63.183px */ +} + +.Tips .text-Blog{ + color: #000; + text-align: justify; + font-family: Fredoka; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; /* 23.58px */ +} + +.Tips .small-button { + display: flex; + height: 2rem; + padding-left: 2rem; + padding-right: 2rem; + align-items: center; + border-radius: 7.895px; + border: 0.789px solid #BCAB86; + cursor: pointer; + justify-content: center; +} + +.Tips .small-button:hover { + background-color: #4C5039; + color: #f3f3f3; +} \ No newline at end of file diff --git a/public/assets/css/calendar.css b/public/assets/css/calendar.css new file mode 100644 index 00000000..cb2eddef --- /dev/null +++ b/public/assets/css/calendar.css @@ -0,0 +1,123 @@ +/* Import Google font - Poppins */ +/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); */ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + display: flex; + align-items: center; + padding: 0 10px; + justify-content: center; + min-height: 100vh; + background: #4C5039; +} + +.wrapper { + width: 450px; + background: #fff; + border-radius: 10px; + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); +} + +.wrapper header { + display: flex; + align-items: center; + padding: 25px 30px 10px; + justify-content: space-between; +} + +header .icons { + display: flex; +} + +header .icons span { + height: 38px; + width: 38px; + margin: 0 1px; + cursor: pointer; + color: #878787; + text-align: center; + line-height: 38px; + font-size: 1.9rem; + user-select: none; + border-radius: 50%; +} + +.icons span:last-child { + margin-right: -10px; +} + +header .icons span:hover { + background: #f2f2f2; +} + +header .current-date { + font-size: 1.45rem; + font-weight: 500; +} + +.calendar { + padding: 20px; +} + +.calendar ul { + display: flex; + flex-wrap: wrap; + list-style: none; + text-align: center; +} + +.calendar .days { + margin-bottom: 20px; +} + +.calendar li { + color: #333; + width: calc(100% / 7); + font-size: 1.07rem; +} + +.calendar .weeks li { + font-weight: 500; + cursor: default; +} + +.calendar .days li { + z-index: 1; + cursor: pointer; + position: relative; + margin-top: 30px; +} + +.days li.inactive { + color: #aaa; +} + +.days li.active { + color: #fff; +} + +.days li::before { + position: absolute; + content: ""; + left: 50%; + top: 50%; + height: 40px; + width: 40px; + z-index: -1; + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.days li.active::before { + background: #BCAB86; +} + +.days li:not(.active):hover::before { + background: #f2f2f2; +} \ No newline at end of file diff --git a/public/assets/css/viewGuide.css b/public/assets/css/viewGuide.css new file mode 100644 index 00000000..affe78b0 --- /dev/null +++ b/public/assets/css/viewGuide.css @@ -0,0 +1,230 @@ +.view-guidess .frame { + display: flex; + flex-direction: column; + padding: 27px 42px; + + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; +} + +.view-guidess .edit-prof-button { + display: flex; + justify-content: flex-end; + padding-right: 2rem; +} + +.view-guidess .small-button-middle { + border-color: #bcab86; + border-radius: 7.895px; + padding: 0.5rem; +} + +.view-guidess .div-1 { + display: flex; + justify-content: space-around; +} + +.view-guidess .div-12 { + display: flex; + flex-direction: column; + align-items: center; +} + +.view-guidess .text-wrapper { + font-size: 53.6px; + text-align: center; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; +} + +.view-guidess .img-1 { + padding: 1rem; +} + +.view-guidess .img-2 { + padding: 2rem; +} + +.view-guidess .div-3 { + display: flex; + flex-direction: row; + width: 60rem; + justify-content: space-evenly; + align-items: center; + +} + +.view-guidess .div-4 { + display: flex; + flex-direction: column; + +} + +.view-guidess .div-wrapper { + display: flex; + width: 398px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.view-guidess .frame2 { + display: flex; + flex-direction: row; + padding: 27px 42px; + background-color: #f3f3f3; + border-radius: 10px; + margin-left: 2rem; + margin-right: 2rem; + margin-top: 1rem; + /* justify-content: flex-start; */ + justify-content: space-around; + align-items: center; + +} + +.view-guidess .yellow-card{ + display: flex; + flex-direction: column; + border-radius: 10px; + background: #BCAB86; + backdrop-filter: blur(67.62544250488281px); + width: 424px; + height: 169px; + padding: 10px 21px; + justify-content: space-between; + align-items: center; + margin-right: 2rem; + margin-left: 2rem; +} + +.view-guidess .upper-card-text{ + padding-top: 15px; + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; +} + +.view-guidess .text-card-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 117.9%; +} + +.view-guidess .number-card{ + display: flex; + justify-content: center; + font-size: 53.6px; + font-family: "Fredoka-Medium", Helvetica; + font-weight: 600; + color: #4c5039; + padding-bottom: 30px; +} + +.view-guidess .sec3-booking{ + display: flex; + flex-direction: row; + + /* New */ + justify-content: space-evenly; +} + +.view-guidess .text-topic{ + color: #000; + font-family: Raleway; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 117.9%; +} + +.view-guidess .div-5 { + margin: 1rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + +.view-guidess .div-wrapper-2 { + display: flex; + width: 800px; + height: 44px; + padding: 4px 21px; + align-items: center; + gap: 10px; + border-radius: 10px; + background: #FFF; + margin-bottom: 1rem; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.view-guidess .div-6 { + margin: 1rem; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: stretch; + display: flex; + flex-direction: column; + padding: 3rem; +} + + +.view-guidess .text-wrapper-3{ + font-weight: 600; +} + +.view-guidess table { + border-collapse: collapse; + width: 100%; + font-size: 1.2rem; + font-family: "Fredoka-Medium", Helvetica; +} + +.view-guidess th, td { + border: none; + padding: 8px; + text-align: center; + background: #FFF; + border-radius: 5px; + + /* New */ + height: 3rem; + + +} + +.view-guidess tr { + background-color: #f2f2f2; +} + +.view-guidess .CalendarView { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.view-guidess .CalendarView .image{ + padding-bottom: 1rem; +} \ No newline at end of file diff --git a/public/assets/images/3.png b/public/assets/images/3.png new file mode 100644 index 00000000..2db8c792 Binary files /dev/null and b/public/assets/images/3.png differ diff --git a/public/assets/images/4.png b/public/assets/images/4.png new file mode 100644 index 00000000..b607e79a Binary files /dev/null and b/public/assets/images/4.png differ diff --git a/public/assets/images/5.png b/public/assets/images/5.png new file mode 100644 index 00000000..61b08699 Binary files /dev/null and b/public/assets/images/5.png differ diff --git a/public/assets/images/6.png b/public/assets/images/6.png new file mode 100644 index 00000000..cf796b85 Binary files /dev/null and b/public/assets/images/6.png differ diff --git a/public/assets/images/7.png b/public/assets/images/7.png new file mode 100644 index 00000000..806ce086 Binary files /dev/null and b/public/assets/images/7.png differ diff --git a/public/assets/images/8.png b/public/assets/images/8.png new file mode 100644 index 00000000..8da06612 Binary files /dev/null and b/public/assets/images/8.png differ diff --git a/public/assets/images/rectangle.png b/public/assets/images/rectangle.png new file mode 100644 index 00000000..88e4e394 Binary files /dev/null and b/public/assets/images/rectangle.png differ