payment banners added

tashwini-p · Feb 25, 2024 · 49767fb · 49767fb
1 parent 5f4e0da
commit 49767fb
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 4 deletions.
diff --git a/LoginPage/crud.js b/LoginPage/crud.js
@@ -77,6 +77,10 @@ let btn = document.createElement("button")
 btn.innerText = "BOOK NOW";
 flex3.append(rate,btn);
 
+btn.addEventListener("click", ()=>{
+    window.location.href="../../payment/adress.html";
+})
+
 card.append(img,flex,address,year_built,flex3);
 
 

diff --git a/payment/adress.css b/payment/adress.css
@@ -15,6 +15,19 @@ body {
     padding: 0;
 }
 
+nav{
+    display: flex;
+    align-items: center;
+    padding-left: 100px;
+    width: 100%;
+    height: 100px;
+    background: linear-gradient(135deg, hsl(346, 80%, 47%,1) 9%, hsl(333, 100%, 60%,1)82%);
+    font-size: 2rem;
+    >h1{
+        color: white;
+    }
+}
+
 
 .wrapper {
     padding: 0px 70px;

diff --git a/payment/adress.html b/payment/adress.html
@@ -13,6 +13,10 @@
 </head>
 
 <body>
+
+    <nav>
+        <h1>Book Hotels With StayBnB</h1>
+    </nav>
 
     <div id="main" class="wrapper">
         <form id="addressForm">
@@ -69,15 +73,15 @@ <h1> Hotel Booking<span id="totalitem"></span></h1>
             </div>
             <div>
                 <p class="gray">Days</p>
-                <p id="payday">1 day</p>
+                <p class="payday">1 day</p>
             </div>
             <div>
                 <p class="gray">GST</p>
-                <p id="payday">99.95₹</p>
+                <p class="payday">99.95₹</p>
             </div>
             <div>
                 <p class="gray">Room Service</p>
-                <p id="payday">110₹</p>
+                <p class="payday">110₹</p>
             </div>
             <div>
                 <p class="gray">Discounts</p>

diff --git a/payment/payment.css b/payment/payment.css
@@ -4,6 +4,19 @@ body {
     margin: 0;
     padding: 0;
 }
+
+nav{
+    display: flex;
+    align-items: center;
+    padding-left: 100px;
+    width: 100%;
+    height: 100px;
+    background: linear-gradient(135deg, hsl(346, 80%, 47%,1) 9%, hsl(333, 100%, 60%,1)82%);
+    font-size: 2rem;
+    >h1{
+        color: white;
+    }
+}
 .payment-method {
     padding-left: 240px;
 

diff --git a/payment/payment.html b/payment/payment.html
@@ -15,7 +15,9 @@
 </head>
 
 <body>
-
+  <nav>
+    <h1>Book Hotels With StayBnB</h1>
+</nav>
   <!-- Payment Method conatainer  start here -->
   <div class="payment-method">
     <div class="payment-new-method">