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

Jump to bottom

Add navbar on other pages #274

Closed
wants to merge 3 commits into from
Closed

Add navbar on other pages #274

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d9a91be
Add navbar on all pages
Sudhanshu248 Oct 21, 2024
080a379
Merge branch 'main' into feature
Sudhanshu248 Oct 21, 2024
044b81d
Merge branch 'main' into feature
Sudhanshu248 Oct 21, 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
19 changes: 19 additions & 0 deletions public/contact-us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,25 @@
</head>

<body>

<div class="navbar">
<div class="logo"></div>
<div>
<nav>
<ul id="navbar">
<li title="Login"><a href="choose-file.html">Login</a></li>
<li title="Register" style="border-bottom: 2px solid white;border-radius: 9px;"><a
href="choose-signup-file.html">Register</a></li>
<li title="Contact Us"><a href="./contact-us.html">Contact Us</a></li>
<li title="Our Services"><a href="index.html">Services</a></li>
<li title="About Us"><a href="index.html">About</a></li>
<li title="Main Page"><a href="index.html">Home</a></li>


</ul>
</nav>
</div>
</div>



Expand Down
100 changes: 100 additions & 0 deletions public/css/contact-us.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,103 @@
/* General reset and box-sizing */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

/* navbar styling */

.navbar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.808);;
position: fixed; /* Make navbar fixed to the top */
top: 0; /* Position at the top of the viewport */




width: 100vw;
z-index: 2000; /* Ensures it stays on top of other content */
margin-bottom: 20px;

}

#language{
position: fixed;
bottom: 4vh;
background-color: rgba(0, 0, 255, 0.718);


height: 50px;
padding: 10px;
left: 1vw;
}

nav ul {
overflow: auto;
}

nav ul li {
list-style: none;
float: right;
margin: 10px 16px;
padding: 6px;
font-size: 22px;
cursor: pointer;
color: rgb(247, 246, 240); /* Black text color */
transition: color 0.3s, background-color 0.3s;
}

nav ul li:hover {
border-bottom: 1.7px solid white;
}

nav ul li a {
text-decoration: none; /* No underline */
color: inherit; /* Inherit color from parent */
}

nav ul li:first-child {
margin: 10px 28px 10px 10px;
border: 2px solid white;
padding: 6px 22px;
border-radius: 12px;
}

nav ul li:first-child:hover {
border: 2px solid transparent;
background-clip: content-box;
border-radius: 12px;
border-image: linear-gradient(
-225deg,
#231557 0%,
#44107a 29%,
#ff1361 100%,
#fef850 100%
);
border-image-slice: 1;
}

body {
font-family: Arial, sans-serif;
background-color: #02d0de;
color: black;


}

.blank{
height: 100px;
}



/* General Styles */
* {
box-sizing: border-box;
Expand Down
1 change: 0 additions & 1 deletion public/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1897,4 +1897,3 @@ color:#ed8309;
/* box-shadow: 3px 3px 12px rgb(223, 207, 207); */
background-color: rgb(95,212,196);
color: white;

123 changes: 122 additions & 1 deletion public/fac_login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,130 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SignIn (stakeholder)</title>
<link rel="stylesheet" href="css/login_style.css">
<style>

/* General reset and box-sizing */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

/* navbar styling */

.navbar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.808);;
position: fixed; /* Make navbar fixed to the top */
top: 0; /* Position at the top of the viewport */




width: 100vw;
z-index: 2000; /* Ensures it stays on top of other content */
margin-bottom: 20px;

}

#language{
position: fixed;
bottom: 4vh;
background-color: rgba(0, 0, 255, 0.718);


height: 50px;
padding: 10px;
left: 1vw;
}

nav ul {
overflow: auto;
}

nav ul li {
list-style: none;
float: right;
margin: 10px 16px;
padding: 6px;
font-size: 22px;
cursor: pointer;
color: rgb(247, 246, 240); /* Black text color */
transition: color 0.3s, background-color 0.3s;
}

nav ul li:hover {
border-bottom: 1.7px solid white;
}

nav ul li a {
text-decoration: none; /* No underline */
color: inherit; /* Inherit color from parent */
font-size: 22px;
}

nav ul li:first-child {
margin: 10px 28px 10px 10px;
border: 2px solid white;
padding: 6px 22px;
border-radius: 12px;
}

nav ul li:first-child:hover {
border: 2px solid transparent;
background-clip: content-box;
border-radius: 12px;
border-image: linear-gradient(
-225deg,
#231557 0%,
#44107a 29%,
#ff1361 100%,
#fef850 100%
);
border-image-slice: 1;
}

body {
font-family: Arial, sans-serif;
background-color: #02d0de;
color: black;


}

.blank{
height: 100px;
}
</style>

</head>

<body> <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
<body>
<div class="navbar">
<div class="logo"></div>
<div>
<nav>
<ul id="navbar">
<li title="Login"><a href="choose-file.html">Login</a></li>
<li title="Register" style="border-bottom: 2px solid white;border-radius: 9px;"><a
href="choose-signup-file.html">Register</a></li>
<li title="Contact Us"><a href="./contact-us.html">Contact Us</a></li>
<li title="Our Services"><a href="index.html">Services</a></li>
<li title="About Us"><a href="index.html">About</a></li>
<li title="Main Page"><a href="index.html">Home</a></li>


</ul>
</nav>
</div>
</div>
<div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
<script>
window.gtranslateSettings = {
default_language: "en",
Expand Down
121 changes: 121 additions & 0 deletions public/login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,130 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/login_style.css">
<title>Login</title>

<style>
/* General reset and box-sizing */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

/* navbar styling */

.navbar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.808);;
position: fixed; /* Make navbar fixed to the top */
top: 0; /* Position at the top of the viewport */




width: 100vw;
z-index: 2000; /* Ensures it stays on top of other content */
margin-bottom: 20px;

}

#language{
position: fixed;
bottom: 4vh;
background-color: rgba(0, 0, 255, 0.718);


height: 50px;
padding: 10px;
left: 1vw;
}

nav ul {
overflow: auto;
}

nav ul li {
list-style: none;
float: right;
margin: 10px 16px;
padding: 6px;
font-size: 22px;
cursor: pointer;
color: rgb(247, 246, 240); /* Black text color */
transition: color 0.3s, background-color 0.3s;
}

nav ul li:hover {
border-bottom: 1.7px solid white;
}

nav ul li a {
text-decoration: none; /* No underline */
color: inherit; /* Inherit color from parent */
font-size: 22px;
}

nav ul li:first-child {
margin: 10px 28px 10px 10px;
border: 2px solid white;
padding: 6px 22px;
border-radius: 12px;
}

nav ul li:first-child:hover {
border: 2px solid transparent;
background-clip: content-box;
border-radius: 12px;
border-image: linear-gradient(
-225deg,
#231557 0%,
#44107a 29%,
#ff1361 100%,
#fef850 100%
);
border-image-slice: 1;
}

body {
font-family: Arial, sans-serif;
background-color: #02d0de;
color: black;


}

.blank{
height: 100px;
}
</style>
</head>

<body>

<div class="navbar">
<div class="logo"></div>
<div>
<nav>
<ul id="navbar">
<li title="Login"><a href="choose-file.html">Login</a></li>
<li title="Register" style="border-bottom: 2px solid white;border-radius: 9px;"><a
href="choose-signup-file.html">Register</a></li>
<li title="Contact Us"><a href="./contact-us.html">Contact Us</a></li>
<li title="Our Services"><a href="index.html">Services</a></li>
<li title="About Us"><a href="index.html">About</a></li>
<li title="Main Page"><a href="index.html">Home</a></li>


</ul>
</nav>
</div>
</div>


<script>
window.gtranslateSettings = {
Expand Down
Loading