From 7373a51af3e4bc6ef320808c2ce065860d5acc62 Mon Sep 17 00:00:00 2001 From: Tina Date: Mon, 29 Jul 2024 19:19:25 +0530 Subject: [PATCH 1/2] Adventure page footer --- Adventure.html | 165 ++++++++++++------ .../Akshardham/Akshardham.html | 2 +- 2 files changed, 117 insertions(+), 50 deletions(-) diff --git a/Adventure.html b/Adventure.html index ec4de8e3..130435f2 100644 --- a/Adventure.html +++ b/Adventure.html @@ -9,8 +9,19 @@ + + + + + Arpan Codes | Tourguide + - - - - Arpan Codes | Tourguide - - - - - + .filter-search { + display: flex; + align-items: center; + } - + .price-filter { + display: flex; + align-items: center; + justify-content: center; + position: relative; + margin-left: auto; + padding: 0.5rem 1rem; + border: 1px solid #ccc; + border-radius: 0.25rem; + background-color: #fcfdff; + color: #333; + font-size: 1rem; + } + + .price-filter:hover { + background-color: #f0f0f0; + border-color: #999; + } + + .search-bar { + width: 1500px; + height: 50%; + max-width: 400%; + display: flex; + align-items: center; + border-radius: 58px; + padding: 10px 10px; + } + + .search-bar input { + background: rgb(255, 255, 255); + flex: 1; + border-radius: 60px; + outline: none; + padding: 10px 20px; + font-size: 15px; + color: #0c0c0c; + } + + .search-bar button { + border: 0; + border-radius: 40%; + width: 50px; + height: 40px; + color: #0b0a0a; + font-size: small; + background: #ffffffb8; + cursor: pointer; + } + + .info { + display: flex; + flex-direction: row; + justify-content: space-between; + } + + .info .tags i { + margin: 2px; + color: cornflowerblue; + } + + + - - - - -