Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nav bar of booking section Issue #1028

Merged
merged 3 commits into from
Oct 19, 2024
Merged

Nav bar of booking section Issue #1028

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d8999c2
docs(contributor): contrib-readme-action has updated readme
github-actions[bot] Oct 19, 2024
a5a6c8a
nav bug with better css
saloni8780 Oct 19, 2024
84fee1e
Merge branch 'main' into issue
saloni8780 Oct 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
103 changes: 68 additions & 35 deletions book.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,52 +16,85 @@
<style>
.error {
color: red;
font-size: 1.2em;
font-size: 1.2rem;
margin-top: 5px;
}
/* General navigation styles */
nav {
display: flex;
justify-content: space-evenly; /* Aligns nav items evenly */
}

.nav-elem{
font-size: 1.9rem;
width: 100vw;
margin-left: 50px;
display: flex;
justify-content: space-evenly;
}
nav ul {
list-style-type: none; /* Removes bullet points */
padding: 0; /* Removes padding */
}

.logo{
left: 50px;
}
/* Navigation link styles */
nav ul li {
display: inline; /* Displays list items in a row */
}

nav{
display: flex;
justify-content: space-evenly;
}
nav ul li a {
font-size: 2.5rem; /* Font size for nav links */
color: #fffdfd; /* Default color */
transition: color 0.3s ease; /* Smooth color transition */
}

/* Hover and active link styles */
nav ul li a:hover,
nav ul li a:active {
color: #FF5733; /* Color on hover or active state */
}

.locations h2{
font-size: 4rem;
color: white;
}
/* Optional: Style for icons specifically */
.social-icons a {
color: #ffffff; /* Default color for social icons */
transition: color 0.3s ease; /* Smooth color transition */
}

.benefits {
color: #f9f9f9;
}
.social-icons a:hover,
.social-icons a:active {
color: #FF5733; /* Color for social icons on hover or active state */
}

.benefits h2{
font-size: 4rem;
margin-bottom: 50px;
text-shadow: 0 0 2px rgb(110, 110, 110);
}
/* Additional styles */
.nav-elem {
font-size: 1.9rem; /* Font size for additional navigation elements */
width: 100vw; /* Full viewport width */
margin-left: 50px; /* Left margin */
display: flex; /* Flexbox display */
justify-content: space-evenly; /* Even spacing between items */
}

footer{
padding-top: 50px;
padding-bottom: 20px;
}
.logo {
left: 50px; /* Left positioning for logo */
}

.locations h2 {
font-size: 4rem; /* Font size for location headings */
color: white; /* Color for location headings */
}

.benefits {
color: #f9f9f9; /* Color for benefits text */
}

.benefits h2 {
font-size: 4rem; /* Font size for benefits headings */
margin-bottom: 50px; /* Margin below benefits headings */
text-shadow: 0 0 2px rgb(110, 110, 110); /* Text shadow for benefits headings */
}

footer {
padding-top: 50px; /* Top padding for footer */
padding-bottom: 20px; /* Bottom padding for footer */
}

.footer-bottom {
margin-top: 20px; /* Margin at the top of footer bottom section */
}

.footer-bottom{
margin-top: 20px;
}
</style>
</head>
<body>
Expand Down
Loading