|
142 | 142 | color: var(--primary-color); |
143 | 143 | } |
144 | 144 |
|
| 145 | + /* CTA Button Style for Job Support */ |
| 146 | + .nav-link-cta { |
| 147 | + background-color: var(--primary-color) !important; |
| 148 | + color: var(--white) !important; |
| 149 | + border-radius: 25px; |
| 150 | + padding: 8px 18px !important; |
| 151 | + margin-left: 10px; |
| 152 | + margin-right: 5px; |
| 153 | + font-weight: 600; |
| 154 | + transition: all 0.3s ease; |
| 155 | + } |
| 156 | + |
| 157 | + .nav-link-cta::after { |
| 158 | + display: none; |
| 159 | + } |
| 160 | + |
| 161 | + .nav-link-cta:hover { |
| 162 | + background-color: var(--primary-dark) !important; |
| 163 | + color: var(--white) !important; |
| 164 | + transform: translateY(-2px); |
| 165 | + box-shadow: 0 8px 20px rgba(3, 98, 76, 0.3); |
| 166 | + } |
| 167 | + |
| 168 | + @media (max-width: 768px) { |
| 169 | + .nav-link-cta { |
| 170 | + margin-left: 0; |
| 171 | + margin-right: 0; |
| 172 | + margin-bottom: 10px; |
| 173 | + } |
| 174 | + } |
| 175 | + |
145 | 176 | .hero { |
146 | 177 | background: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-light) 50%, var(--secondary-light) 100%); |
147 | 178 | color: var(--white); |
|
965 | 996 | <span class="navbar-toggler-icon"></span> |
966 | 997 | </button> |
967 | 998 | <div class="collapse navbar-collapse justify-content-end" id="navbarNav"> |
968 | | - <ul class="navbar-nav"> |
| 999 | + <ul class="navbar-nav align-items-center"> |
969 | 1000 | <li class="nav-item"> |
970 | | - <a class="nav-link active" href="../../#home">Home</a> |
971 | | - </li> |
972 | | - <li class="nav-item"> |
973 | | - <a class="nav-link" href="../../#tech">Technologies</a> |
974 | | - </li> |
975 | | - <li class="nav-item"> |
976 | | - <a class="nav-link" href="../../#services">Services</a> |
977 | | - </li> |
978 | | - <li class="nav-item"> |
979 | | - <a class="nav-link" href="../../#how-it-works">How It Works</a> |
980 | | - </li> |
981 | | - <li class="nav-item"> |
982 | | - <a class="nav-link" href="../../#testimonials">Testimonials</a> |
| 1001 | + <a class="nav-link" href="/">Home</a> |
983 | 1002 | </li> |
984 | 1003 | <li class="nav-item dropdown"> |
985 | | - <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> |
986 | | - Job Support |
| 1004 | + <a class="nav-link nav-link-cta dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> |
| 1005 | + <i class="fas fa-briefcase me-1"></i>Job Support |
987 | 1006 | </a> |
988 | 1007 | <ul class="dropdown-menu"> |
989 | 1008 | <li><a class="dropdown-item" href="/blog/frontend-fullstack-job-support/"><i class="fas fa-laptop-code me-2"></i>Front-End / Full-Stack Development</a></li> |
|
1005 | 1024 | <li><a class="dropdown-item" href="/blog/dotnet-job-support/"><i class="fab fa-microsoft me-2"></i>.NET Job Support</a></li> |
1006 | 1025 | </ul> |
1007 | 1026 | </li> |
1008 | | - |
1009 | 1027 | <li class="nav-item"> |
1010 | | - <a class="nav-link" href="../../blog/">Blog</a> |
| 1028 | + <a class="nav-link" href="/interviews/">Interview Questions</a> |
| 1029 | + </li> |
| 1030 | + <li class="nav-item"> |
| 1031 | + <a class="nav-link" href="/#tech">Technologies</a> |
| 1032 | + </li> |
| 1033 | + <li class="nav-item"> |
| 1034 | + <a class="nav-link" href="/#services">Services</a> |
1011 | 1035 | </li> |
1012 | 1036 | <li class="nav-item"> |
1013 | | - <a class="nav-link" href="../../#faq">FAQ</a> |
| 1037 | + <a class="nav-link active" href="/blog/">Blog</a> |
1014 | 1038 | </li> |
1015 | 1039 | <li class="nav-item"> |
1016 | | - <a class="nav-link" href="../../#contact">Contact</a> |
| 1040 | + <a class="nav-link" href="/#contact">Contact</a> |
1017 | 1041 | </li> |
1018 | 1042 | </ul> |
1019 | 1043 | </div> |
|
0 commit comments