Skip to content

Commit

Permalink
Merge pull request #1184 from Kajalmehta29/main
Browse files Browse the repository at this point in the history 
updated header of terms page
  • Loading branch information
@vimistify
vimistify authored Nov 7, 2024
2 parents 14cfc86 + 408e4d3 commit 4d3e3c0
Showing 1 changed file with 126 additions and 26 deletions.
152 changes: 126 additions & 26 deletions terms.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="ambulance.png" type="image/x-icon">

<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="src/css/navbar.css">
<title>Terms of Services- AmbuFlow</title>
<link rel="stylesheet" href="src/css/index.css" />
<link
Expand All @@ -34,6 +35,64 @@
padding: 0;
overflow-x: hidden;
}
.menu ul li a {
padding: 0.625rem 0.9375rem; /* 10px 15px */
color: black;
text-decoration: none;
}
.menu ul li a.active {
color: white;
background-color: #000;
}

.buttons .login,
.buttons .get-started,
.dark-mode-toggle {
font-size: 18px;
padding: 10px 30px;
transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Container spacing from the top */
.buttons {
margin-top: 20px;
display: flex;
gap: 15px;
justify-content: center;
}

/* Login button styling */
.login {
background-color: blue;
color: white;
border: none;
border-radius: 5px;
padding: 10px 50px;
text-decoration: none;
}

/* Get Started button styling */
.get-started {
background-color: blue;
color: white;
border: none;
padding: 10px 50px;
text-decoration: none;

}

/* Login button hover effect */
.login:hover {
background-color: darkblue;
transform: scale(1.05);
}

/* Get Started button hover effect */
.get-started:hover {
background-color: darkblue; /* Darker shade for hover effect */
transform: scale(1.05); /* Slightly enlarge the button */

}
header {
background: linear-gradient(90deg, #b2d1ff, #93b6d3, #42a5f5);
padding: 30px 0 0 0;
Expand Down Expand Up @@ -164,34 +223,75 @@
</head>
<body>
<header>
<div class="container">

<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>


<div class="logo">

<div class="brand-name">
<span class="ambu">Ambu</span>Flow
</div>
<img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />

</div>
<nav class="menu">
<nav class="menu">
<ul>
<li>
<a href="/" 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>

<a href="#container" style="color: #333;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.34314 11.5858L12 5.92893M12 5.92893L17.6568 11.5858M12 5.92893V18.0711"
stroke="currentColor">
</path>
</svg>
</a>


<a href="index.html" id="home-link" class="menu_links" data-link="Home">
<span>Home &nbsp; &nbsp; &nbsp;</span>
</a>


<a href="features.html" id="features-link" class="menu_links" data-link="Features">
<span>Features &nbsp; &nbsp; &nbsp;</span></a>


<a href="team.html" id="team-link" class="menu_links" data-link="Team">
<span>Team &nbsp; &nbsp; &nbsp;</span></a>


<a href="contact.html" id="contact-link" class="menu_links" data-link="Contact">
<span>Contact &nbsp; &nbsp; &nbsp;</span></a>


<a href="Feedback.html" id="contact-link" class="menu_links" data-link="Feedback">
<span>Feedback &nbsp; &nbsp; &nbsp;</span></a>


<a href="nearby.html" id="contact-link" class="menu_links" data-link="Nearby">
<span>Nearby &nbsp; &nbsp; &nbsp;</span></a>

</ul>
</nav>

</div>



<div class="hamburger" onclick="toggleMenu()">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>

</nav>
<div class="buttons">
<a href="login.html" class="login">Log in</a>
Expand Down

0 comments on commit 4d3e3c0

Please sign in to comment.