Skip to content

Commit

Permalink
Merge pull request #410 from jvkousthub/main
Browse files Browse the repository at this point in the history 
Fixed navbar and buttons on navbar
  • Loading branch information
@vimistify
vimistify authored Oct 8, 2024
2 parents 86102f2 + d5c1c5f commit ad10f7a
Showing 1 changed file with 62 additions and 34 deletions.
96 changes: 62 additions & 34 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,11 +138,12 @@
margin-right: 20px;
border-radius: 10px;
}
.sticky{
position: fixed;
z-index: 10;
max-height: 63px;
}
header.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
}
footer {
background-color: #C4D7FF;
color: #f3f4f6;
Expand Down Expand Up @@ -354,44 +355,71 @@
.logo img:hover{
background-color: white;
}
.container{
width: 98vw;
}

</style>
</head>

<body>
<header class="sticky">
<div class="container">
<div class="logo">
<div class="brand-name">
<span class="letter red" style="--letter-index: 1;">A</span>
<span class="letter red" style="--letter-index: 2;">m</span>
<span class="letter red" style="--letter-index: 3;">b</span>
<span class="letter red" style="--letter-index: 4;">u</span>
<span class="letter" style="--letter-index: 5;">F</span>
<span class="letter" style="--letter-index: 6;">l</span>
<span class="letter" style="--letter-index: 7;">o</span>
<span class="letter" style="--letter-index: 8;">w</span>
</div>
<a href="index.html">
<img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
</a>
</div>
<nav class="menu">
<ul>
<li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
<li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
<li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>
<li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a></li>
<li><a href="Feedback.html" id="Feedback-link" onclick="changeContent('Feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a></li>
</ul>
</nav>
<div class="buttons">
<a href="login.html" class="login">Log in</a>
<a href="up.html" class="get-started">Get started</a>

<div class="logo">
<div class="brand-name">
<span class="letter red" style="--letter-index: 1">A</span>
<span class="letter red" style="--letter-index: 2">m</span>
<span class="letter red" style="--letter-index: 3">b</span>
<span class="letter red" style="--letter-index: 4">u</span>
<span class="letter" style="--letter-index: 5">F</span>
<span class="letter" style="--letter-index: 6">l</span>
<span class="letter" style="--letter-index: 7">o</span>
<span class="letter" style="--letter-index: 8">w</span>
</div>
</div>
</header>
<a href="./index.html"
><img
src="images/logo2-w.webp"
alt="Ambulance Monitoring System Logo"
style="width: 50px; height: auto"
/></a>
</div>

<nav class="menu">
<ul>
<li>
<a href="index.html" id="home-link"
><i class="fa-solid fa-house"></i> Home</a
>
</li>
<li>
<a href="features.html" id="features-link" class="active"
><i class="fa-solid fa-file"></i> Features</a
>
</li>
<li>
<a href="team.html" id="team-link"
><i class="fa-solid fa-user-group"></i> Team</a
>
</li>
<li>
<a href="contact.html" id="contact-link"
><i class="fa-solid fa-clipboard"></i> Contact</a
>
</li>
<li>
<a href="Feedback.html" id="team-link"
><i class="fa-solid fa-user-group"></i> Feedback</a
>
</li>
</ul>
</nav>
<div class="buttons">
<a href="login.html" class="login">Log in</a>
<a href="up.html" class="get-started">Get started</a>
</div>
</div>
</header>
<div class="content" id="main-content" >
<h1>Welcome to the Ambulance Monitoring System</h1>
<div class="grid">
Expand Down

0 comments on commit ad10f7a

Please sign in to comment.