Skip to content

Commit

Permalink
Improved the navbar
Browse files Browse the repository at this point in the history
  • Loading branch information
@JirenXmoksh
JirenXmoksh committed May 21, 2024
1 parent 1d4ab30 commit f8dc242
Show file tree
Hide file tree
Showing 7 changed files with 60 additions and 20 deletions.
13 changes: 10 additions & 3 deletions 404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,13 @@
<link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/animate.min.css" />
<style>
@font-face{
font-family: MarkPro;
src: url('MarkPro.ttf');
}

</style>
</head>

<body>
Expand Down Expand Up @@ -179,19 +186,19 @@
<ul class="nav navbar-nav">
<li class="parent">
<a href="index.html">
<div class="main-menu-title">HOME</div>
<div class="main-menu-title" style="padding-right: 25px;">HOME</div>
</a>
</li>

<li class="parent">
<a href="services.html">
<div class="main-menu-title">SERVICES</div>
<div class="main-menu-title" style="padding-right: 15px;" >SERVICES</div>
</a>
</li>

<li id="menu-contact-info-big" class="parent megamenu">
<a href="contact.html">
<div class="main-menu-title">CONTACT</div>
<div class="main-menu-title" style="padding-right: 20px; padding-left: -10px;" >CONTACT</div>
</a>
</li>
</ul>
Expand Down
Binary file added MarkPro.ttf
View file
Binary file not shown.
13 changes: 9 additions & 4 deletions contact-dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,11 @@


<style>
/* New font for Navbar*/
@font-face{
font-family: MarkPro;
src: url('MarkPro.ttf');
}
/* Style for dashboard entries */
.dashboard-entry {
display: flex;
Expand Down Expand Up @@ -123,19 +128,19 @@

<li class="parent">
<a href="index.html">
<div class="main-menu-title">HOME</div>
</a>
<div class="main-menu-title" style="padding-right: 25px;">HOME</div>
</a
</li>

<li class="parent">
<a href="services.html">
<div class="main-menu-title">SERVICES</div>
<div class="main-menu-title" style="padding-right: 15px;">SERVICES</div>
</a>
</li>

<li id="menu-contact-info-big" class="parent megamenu">
<a href="contact.html">
<div class="main-menu-title">CONTACT</div>
<div class="main-menu-title" style="padding-right: 20px;">CONTACT</div>
</a>
</li>

Expand Down
13 changes: 10 additions & 3 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,13 @@
<link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/animate.min.css" />
<style>
@font-face{
font-family: MarkPro;
src: url('MarkPro.ttf');
}

</style>
</head>

<body>
Expand Down Expand Up @@ -178,19 +185,19 @@
<ul class="nav navbar-nav">
<li class="parent">
<a href="index.html">
<div class="main-menu-title">HOME</div>
<div class="main-menu-title" style="padding-right: 25px; font-family: MarkPro">HOME</div>
</a>
</li>

<li class="parent">
<a href="services.html">
<div class="main-menu-title">SERVICES</div>
<div class="main-menu-title" style="padding-right: 15px;">SERVICES</div>
</a>
</li>

<li id="menu-contact-info-big" class="parent megamenu">
<a href="contact.html">
<div class="main-menu-title">CONTACT</div>
<div class="main-menu-title" style=" padding-right: 20px;">CONTACT</div>
</a>
</li>
</ul>
Expand Down
14 changes: 11 additions & 3 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3213,6 +3213,11 @@ select.input-border {
position: relative;
width: 100%;
}
/* New font for the navbar */
@font-face{
font-family: MarkPro;
src: url('MarkPro.ttf');
}

@media (max-width: 992px) {
.container-m-60 {
Expand Down Expand Up @@ -3269,10 +3274,12 @@ select.input-border {
#main-menu .navbar .nav {
margin: 0;
position: static;

}
#main-menu .navbar .nav > li {
position: relative;
z-index:5;

}
#main-menu .navbar .nav > li > a {
font-size:12px;
Expand Down Expand Up @@ -3304,10 +3311,11 @@ select.input-border {
}
#main-menu .navbar .nav > li > a {
padding:38px 3px 5px 3px;
font-family: MarkPro;
color: #1e1b18;
font-weight: bold;
margin: 0 12px 17px 12px;
border-bottom: 2px solid rgba(45,78,83,0);
color:#4b4e53;
letter-spacing:4px;
letter-spacing:0.13em;
background-color: transparent;
}
.affix.header-1 #main-menu .navbar .nav > li > a {
Expand Down
14 changes: 10 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,13 @@
<link rel="stylesheet" href="css/style.css">

<link rel='stylesheet' href="css/animate.min.css">

<style>
@font-face{
font-family: MarkPro;
src: url('MarkPro.ttf');
}

</style>
</head>

<body>
Expand Down Expand Up @@ -119,19 +125,19 @@

<li class="parent">
<a href="index.html">
<div class="main-menu-title">HOME</div>
<div class="main-menu-title" style="padding-right: 25px;">HOME</div>
</a>
</li>

<li class="parent">
<a href="services.html">
<div class="main-menu-title">SERVICES</div>
<div class="main-menu-title" style="padding-right: 15px;">SERVICES</div>
</a>
</li>

<li id="menu-contact-info-big" class="parent megamenu">
<a href="contact.html">
<div class="main-menu-title">CONTACT</div>
<div class="main-menu-title" style="padding-right: 20px;">CONTACT</div>
</a>
</li>

Expand Down
13 changes: 10 additions & 3 deletions services.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,13 @@
<link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/animate.min.css" />
<style>
@font-face{
font-family: MarkPro;
src: url('MarkPro.ttf');
}

</style>
</head>

<body>
Expand Down Expand Up @@ -179,19 +186,19 @@
<ul class="nav navbar-nav">
<li class="parent">
<a href="index.html">
<div class="main-menu-title">HOME</div>
<div class="main-menu-title" style="padding-right: 25px;" >HOME</div>
</a>
</li>

<li class="parent">
<a href="services.html">
<div class="main-menu-title">SERVICES</div>
<div class="main-menu-title" style="padding-right: 15px;">SERVICES</div>
</a>
</li>

<li id="menu-contact-info-big" class="parent megamenu">
<a href="contact.html">
<div class="main-menu-title">CONTACT</div>
<div class="main-menu-title" style="padding-right: 20px;">CONTACT</div>
</a>
</li>
</ul>
Expand Down

0 comments on commit f8dc242

Please sign in to comment.