Skip to content

Commit

Permalink
FINALLLLLLLLLLLLLLLLL
Browse files Browse the repository at this point in the history
  • Loading branch information
Deepakkumarrp committed Dec 18, 2023
1 parent faa5a07 commit ab7376a
Show file tree
Hide file tree
Showing 11 changed files with 280 additions and 232 deletions.
8 changes: 6 additions & 2 deletions CardPage.html
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,9 @@ <h3 class="offcanvas-title" id="offcanvasRightLabel">Book This Tour</h3>

<!-- -->

<div id="imageDiv">

</div>
<div class="flex-Done">
<div class="flex-box-info">
<div id="location-price">
Expand All @@ -110,7 +113,8 @@ <h3 class="offcanvas-title" id="offcanvasRightLabel">Book This Tour</h3>

</h4>
<p id="cost-hotel"
style=" text-align: center; border-radius: 8px; background-color: rgb(225, 230, 195); font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-left: 90px; padding : 3px; margin-top: 40px; ">
style=" text-align: center; border-radius: 8px; background: rgb(83,95,220);
background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%); font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-left: 90px; padding : 3px; margin-top: 40px; ">

</p>
</div>
Expand All @@ -121,7 +125,7 @@ <h3 class="offcanvas-title" id="offcanvasRightLabel">Book This Tour</h3>
</div>
<div class="information">
<div id="info" style="font-family: Arial, Helvetica, sans-serif; font-size: 25px; margin-left: 30px;">
<img src="i.png" alt="i">
<img src="./Image/I.jpg" alt="i">
<div style="font-size: 20px; ">INFORMATION</div>
</div>
<table
Expand Down
38 changes: 30 additions & 8 deletions CardPage.js
Original file line number Diff line number Diff line change
Expand Up @@ -28,16 +28,17 @@ document.addEventListener('DOMContentLoaded', function() {
const locationId = urlParams.get('id');

if(locationId){
fetchLocationDetails(locationId);
let data = fetchLocationDetails(locationId);
console.log(data);
}
else
{
console.error('Location ID not found in URL parameters.');
}
});



var price,mainLocation;
var data1;
function fetchLocationDetails(locationId){

const locationDetailsUrl = `https://mock-final-copy-api.onrender.com/locations/${locationId}`;
Expand All @@ -50,25 +51,46 @@ function fetchLocationDetails(locationId){
return response.json();
})
.then(data =>{
console.log(data);
// data1 = data;
let imageDiv = document.getElementById("imageDiv")
let img = document.createElement("img");
img.setAttribute("src",data.image);
// img.innerHTML = `src="${data.image}" alt="Hello"
// `
img.classList.add("imageInsideDiv");
imageDiv.append(img);
// console.log(img);
mainLocation = data.location;
price = data.price;
document.getElementById('location').textContent = data.location;
document.getElementById('cost-hotel').textContent = `Price: $${data.price}`;
document.getElementById('location-details').textContent = data.description;


return data;
})
.catch(error => {
console.error('Error fetching location details:', error);
});

}


document.addEventListener('DOMContentLoaded', function () {

const logoButton = document.getElementById('Alogo');

logoButton.addEventListener('click', function () {
window.location.href = "./index.html";
});

});

document.addEventListener("DOMContentLoaded", function () {
let logo = document.querySelector(".Rlogo");
if (logo) {
logo.addEventListener("click", function () {
window.location.href = "index.html";
});
}


});
Binary file added Image/I.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 5 additions & 2 deletions _CardPage.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,13 @@
.Rboxx-wrapper {
width: 100%;
height: 110px;
box-shadow: 0 0 10px #000;
// box-shadow: 0 0 10px #000;


box-shadow: 0 0 10px #000;
background: #00000083;
// background: rgb(83,95,220);
background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
// background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
display: flex;
align-items: center;
justify-content: space-between;
Expand Down
202 changes: 17 additions & 185 deletions _Search.scss
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,12 @@ body {
.Aboxx-wrapper {
width: 100%;
height: 110px;
box-shadow: 0 0 10px #000;
// box-shadow: 0 0 10px #000;

background: rgb(83,95,220);
background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
box-shadow: 0 0 10px #000;
background: #00000083;
// background: rgb(83,95,220);
// background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
display: flex;
align-items: center;
justify-content: space-between;
Expand Down Expand Up @@ -255,193 +257,23 @@ body {
}
#sBtn {
background: rgb(83,95,220);
background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
// background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
// box-shadow: 0 0 10px #000;
background: #00000083;
// background: rgb(26, 36, 33) ;

color: #fff;
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;

#sBtn:hover{
color: black;
background-color: white;
}

}



/* Shashank */

// footer {
// margin-top: 0%;
// background: rgb(83,95,220);
// background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
// padding: 40px;
// color: rgba(221, 218, 218, 0.979);
// font-family: Arial, Helvetica, sans-serif;
// }
// #noo {
// display: flex;
// margin-bottom: 20px;
// justify-content: space-around;
// }
// #alca {
// display: flex;
// }
// #alca img {
// width: 20%;
// }
// #alca h2 {
// margin-top: 0.2%;
// margin-left: 2%;
// }
// #no {
// width: 40%;

// margin-right: 30px;
// }
// #no p {
// text-align: left;
// margin-top: 6%;
// }
// #yess {
// display: flex;
// gap: 20px;

// margin-left: 20px;
// }
// .yes h4 {
// margin-bottom: 20px;
// }
// .yes {
// margin-left: 30px;
// }
// hr{
// width:92%;
// }
// #end {
// display: inline-flex;
// justify-content: space-between;
// align-items: center;
// margin-top: 2%;
// margin-left:105px;
// width: 90%;
// margin-right: 50px;
// }

// /* respnsiveness */
// @media (max-width: 480px) {
// #navbar {
// justify-content: space-between;
// }
// #third-container {
// gap: 1rem;
// }
// #third > a {
// width: 50%;
// }

// #sidebar-btn {
// display: block;
// }
// #second {
// height: 100vh;
// position: fixed;
// left: -100%;
// top: 0;
// background-color: rgb(29, 114, 242);
// flex-direction: column;
// align-items: center;
// justify-content: center;
// gap: 3rem;
// transition: all 0.5s;
// }
// #third {
// align-items: center;
// gap: 0.4rem;
// }
// #navbar .left {
// left: 0;
// }

// #third-container > #third > #logout {
// height: 2.5rem;
// width: 5rem;
// }
// #third-container > #third > a > #newname {
// font-size: 17px;
// }
// #first > img {
// display: block;
// margin-left: 0.4rem;
// }
// }
// @media (max-width: 480px) {
// #navbar {
// display: flex;
// justify-content: space-around;
// /* gap:30px; */
// border: 1px solid black;
// }

// #travel {
// font-size: 30px;
// margin-top: 30px;
// }
// #conatiner {
// width: 100vh;
// /* height:100px; */
// }
// .pt {
// font-size: 20px;
// margin-top: 20px;
// }
// #search {
// width: 80%;
// margin-left: 20px;
// }
// #uhi {
// margin-left: 65px;
// padding-left: 10px;
// width: 50%;
// }
// .safe {
// display: none;
// }
// .more {
// width: 120%;
// /* border: 1px solid black; */
// margin-left: -30px;
// }
// .more h2 {
// text-decoration: underline;
// }
// #show img {
// display: none;
// }
// #ad {
// font-size: 30px;
// margin-left: -20px;
// text-decoration: underline;
// }
// #review {
// display: grid;
// grid-template-columns: repeat(1, 1fr);
// width: 90%;
// }
// #review > div {
// width: 80%;
// }
// .image-container {
// display: none;
// }
// #footer {
// width: 10%;
// margin-left: 10px;
// position: absolute;
// }
// #no {
// display: none;
// }
// #yess {
// padding-left: -10px;
// }
// .yes {
// padding-left: -10px;
// }
// }

14 changes: 14 additions & 0 deletions _Sekhar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -241,6 +241,8 @@ body {
}

.flex-Done {
width: 80%;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40%;
Expand Down Expand Up @@ -304,4 +306,16 @@ body {
font-size: 24px;
}

#imageDiv{
// border: 2px solid red;
margin: 0 auto;
width: 60%;
height: 50%;
margin-top: 80px;

.imageInsideDiv{
width: 100%;
height: 100%;
}
}

5 changes: 3 additions & 2 deletions _Shashank.scss
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
footer {
box-sizing: border-box;
width: 100%;
background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);

// background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
// box-shadow: 0 0 10px #000;
background: #00000083;
padding: 40px;
color: rgba(255, 255, 255, 0.979);

Expand Down
Loading

0 comments on commit ab7376a

Please sign in to comment.