|
41 | 41 |
|
42 | 42 | <style> |
43 | 43 | :root { |
44 | | - --primary-color: #f38020; |
45 | | - --primary-dark: #d56a16; |
46 | | - --secondary-color: #0f1c2e; |
47 | | - --secondary-light: #1f2d3d; |
48 | | - --accent-color: #25d366; |
| 44 | + --primary-color: #03624c; |
| 45 | + --primary-dark: #024d3d; |
| 46 | + --secondary-color: #030f0f; |
| 47 | + --secondary-light: #051a1a; |
| 48 | + --accent-color: #00df82; |
49 | 49 | --text-dark: #2d3748; |
50 | 50 | --text-light: #718096; |
51 | 51 | --bg-light: #f7fafc; |
|
147 | 147 | } |
148 | 148 |
|
149 | 149 | .hero { |
150 | | - background: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-light) 50%, #2a3f5f 100%); |
| 150 | + background: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-light) 50%, var(--secondary-light) 100%); |
151 | 151 | color: var(--white); |
152 | 152 | padding: 120px 0 100px; |
153 | 153 | position: relative; |
|
239 | 239 | .btn-primary:hover { |
240 | 240 | background-color: var(--primary-dark); |
241 | 241 | transform: translateY(-3px); |
242 | | - box-shadow: 0 10px 25px rgba(243, 128, 32, 0.4); |
| 242 | + box-shadow: 0 10px 25px rgba(3, 98, 76, 0.4); |
243 | 243 | } |
244 | 244 |
|
245 | 245 | .btn-success { |
|
249 | 249 | } |
250 | 250 |
|
251 | 251 | .btn-success:hover { |
252 | | - background-color: #1ebe57; |
| 252 | + background-color: #00c770; |
253 | 253 | transform: translateY(-3px); |
254 | | - box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4); |
| 254 | + box-shadow: 0 10px 25px rgba(0, 223, 130, 0.4); |
255 | 255 | } |
256 | 256 |
|
257 | 257 | .section-title { |
|
294 | 294 | right: -50%; |
295 | 295 | width: 200%; |
296 | 296 | height: 200%; |
297 | | - background: radial-gradient(circle, rgba(243, 128, 32, 0.1) 0%, transparent 70%); |
| 297 | + background: radial-gradient(circle, rgba(3, 98, 76, 0.1) 0%, transparent 70%); |
298 | 298 | opacity: 0; |
299 | 299 | transition: opacity 0.4s ease; |
300 | 300 | } |
|
498 | 498 | font-size: 1.8rem; |
499 | 499 | font-weight: 800; |
500 | 500 | margin: 0 auto 20px; |
501 | | - box-shadow: 0 4px 15px rgba(243, 128, 32, 0.3); |
| 501 | + box-shadow: 0 4px 15px rgba(3, 98, 76, 0.3); |
502 | 502 | } |
503 | 503 |
|
504 | 504 | footer { |
|
559 | 559 | right: -10%; |
560 | 560 | width: 600px; |
561 | 561 | height: 600px; |
562 | | - background: radial-gradient(circle, rgba(243, 128, 32, 0.1) 0%, transparent 70%); |
| 562 | + background: radial-gradient(circle, rgba(3, 98, 76, 0.1) 0%, transparent 70%); |
563 | 563 | border-radius: 50%; |
564 | 564 | } |
565 | 565 |
|
|
693 | 693 | bottom: 100px; |
694 | 694 | left: 20px; |
695 | 695 | right: auto; |
696 | | - background-color: #25d366; |
| 696 | + background-color: var(--accent-color); |
697 | 697 | color: var(--white); |
698 | 698 | border-radius: 50px; |
699 | 699 | text-align: center; |
700 | 700 | font-size: 30px; |
701 | | - box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5); |
| 701 | + box-shadow: 0 4px 20px rgba(0, 223, 130, 0.5); |
702 | 702 | z-index: 998; |
703 | 703 | display: flex; |
704 | 704 | align-items: center; |
|
708 | 708 | } |
709 | 709 |
|
710 | 710 | .whatsapp-float:hover { |
711 | | - background-color: #1ebe57; |
| 711 | + background-color: #00c770; |
712 | 712 | transform: scale(1.1); |
713 | | - box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6); |
| 713 | + box-shadow: 0 6px 25px rgba(0, 223, 130, 0.6); |
714 | 714 | color: var(--white); |
715 | 715 | } |
716 | 716 |
|
|
826 | 826 | .modal-icon { |
827 | 827 | width: 80px; |
828 | 828 | height: 80px; |
829 | | - background: linear-gradient(135deg, var(--accent-color), #1ebe57); |
| 829 | + background: linear-gradient(135deg, var(--accent-color), #00c770); |
830 | 830 | border-radius: 50%; |
831 | 831 | display: flex; |
832 | 832 | align-items: center; |
833 | 833 | justify-content: center; |
834 | 834 | margin: 0 auto 25px; |
835 | 835 | font-size: 40px; |
836 | 836 | color: white; |
837 | | - box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3); |
| 837 | + box-shadow: 0 10px 30px rgba(0, 223, 130, 0.3); |
838 | 838 | animation: pulse 2s infinite; |
839 | 839 | } |
840 | 840 |
|
|
865 | 865 | } |
866 | 866 |
|
867 | 867 | .modal-offer { |
868 | | - background: linear-gradient(135deg, rgba(243, 128, 32, 0.1), rgba(243, 128, 32, 0.05)); |
| 868 | + background: linear-gradient(135deg, rgba(3, 98, 76, 0.1), rgba(3, 98, 76, 0.05)); |
869 | 869 | border-left: 4px solid var(--primary-color); |
870 | 870 | padding: 15px 20px; |
871 | 871 | margin: 25px 0; |
|
881 | 881 | .modal-cta-btn { |
882 | 882 | width: 100%; |
883 | 883 | padding: 16px 30px; |
884 | | - background: linear-gradient(135deg, var(--accent-color), #1ebe57); |
| 884 | + background: linear-gradient(135deg, var(--accent-color), #00c770); |
885 | 885 | color: white; |
886 | 886 | border: none; |
887 | 887 | border-radius: 50px; |
|
894 | 894 | gap: 10px; |
895 | 895 | transition: all 0.3s ease; |
896 | 896 | margin-top: 25px; |
897 | | - box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4); |
| 897 | + box-shadow: 0 8px 25px rgba(0, 223, 130, 0.4); |
898 | 898 | } |
899 | 899 |
|
900 | 900 | .modal-cta-btn:hover { |
901 | 901 | transform: translateY(-3px); |
902 | | - box-shadow: 0 12px 35px rgba(37, 211, 102, 0.5); |
| 902 | + box-shadow: 0 12px 35px rgba(0, 223, 130, 0.5); |
903 | 903 | } |
904 | 904 |
|
905 | 905 | .modal-cta-btn i { |
|
950 | 950 | <a href="https://linkedin.com" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> |
951 | 951 | <a href="https://facebook.com" target="_blank" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a> |
952 | 952 | <a href="https://twitter.com" target="_blank" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a> |
953 | | - <a href="https://instagram.com" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a> |
| 953 | + <a href="https://www.instagram.com/proxytechjobsupport?igsh=MWM4N2NyM3k4a3Jrag==" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a> |
954 | 954 | </div> |
955 | 955 | </div> |
956 | 956 | </div> |
|
989 | 989 | Job Support |
990 | 990 | </a> |
991 | 991 | <ul class="dropdown-menu"> |
992 | | - <li><a class="dropdown-item" href="/blog/react-job-support/">React Job Support</a></li> |
993 | | - <li><a class="dropdown-item" href="/blog/angular-job-support/">Angular Job Support</a></li> |
994 | | - <li><a class="dropdown-item" href="/blog/react-native-job-support/">React Native Job Support</a></li> |
995 | | - <li><a class="dropdown-item" href="/blog/node-job-support/">Node.js Job Support</a></li> |
996 | | - <li><a class="dropdown-item" href="/blog/java-job-support/">Java Job Support</a></li> |
997 | | - <li><a class="dropdown-item" href="/blog/python-job-support/">Python Job Support</a></li> |
998 | | - <li><a class="dropdown-item" href="/blog/aws-job-support/">AWS Job Support</a></li> |
999 | | - <li><a class="dropdown-item" href="/blog/devops-job-support/">DevOps Job Support</a></li> |
1000 | | - <li><a class="dropdown-item" href="/blog/dotnet-job-support/">.NET Job Support</a></li> |
| 992 | + <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> |
| 993 | + <li><a class="dropdown-item" href="/blog/backend-enterprise-job-support/"><i class="fas fa-server me-2"></i>Backend & Enterprise (.NET + Node)</a></li> |
| 994 | + <li><a class="dropdown-item" href="/blog/java-technologies-job-support/"><i class="fab fa-java me-2"></i>Java Technology Stack</a></li> |
| 995 | + <li><a class="dropdown-item" href="/blog/databases-data-platforms-job-support/"><i class="fas fa-database me-2"></i>Databases & Data Platforms</a></li> |
| 996 | + <li><a class="dropdown-item" href="/blog/cloud-technologies-job-support/"><i class="fas fa-cloud me-2"></i>Cloud Technologies</a></li> |
| 997 | + <li><a class="dropdown-item" href="/blog/devops-job-support/"><i class="fas fa-cogs me-2"></i>DevOps & Automation</a></li> |
| 998 | + <li><a class="dropdown-item" href="/blog/testing-quality-engineering-job-support/"><i class="fas fa-vial me-2"></i>Testing & Quality Engineering</a></li> |
| 999 | + <li><a class="dropdown-item" href="/blog/ai-ml-job-support/"><i class="fas fa-brain me-2"></i>AI / Machine Learning & Data</a></li> |
| 1000 | + <li><a class="dropdown-item" href="/blog/digital-analytics-job-support/"><i class="fas fa-chart-line me-2"></i>Digital Analytics & Marketing Tech</a></li> |
| 1001 | + <li><a class="dropdown-item" href="/blog/cybersecurity-job-support/"><i class="fas fa-shield-alt me-2"></i>Cybersecurity & AppSec</a></li> |
| 1002 | + <li><a class="dropdown-item" href="/blog/react-job-support/"><i class="fab fa-react me-2"></i>React Job Support</a></li> |
| 1003 | + <li><a class="dropdown-item" href="/blog/angular-job-support/"><i class="fab fa-angular me-2"></i>Angular Job Support</a></li> |
| 1004 | + <li><a class="dropdown-item" href="/blog/react-native-job-support/"><i class="fab fa-react me-2"></i>React Native Job Support</a></li> |
| 1005 | + <li><a class="dropdown-item" href="/blog/node-job-support/"><i class="fab fa-node-js me-2"></i>Node.js Job Support</a></li> |
| 1006 | + <li><a class="dropdown-item" href="/blog/python-job-support/"><i class="fab fa-python me-2"></i>Python Job Support</a></li> |
| 1007 | + <li><a class="dropdown-item" href="/blog/aws-job-support/"><i class="fab fa-aws me-2"></i>AWS Job Support</a></li> |
| 1008 | + <li><a class="dropdown-item" href="/blog/dotnet-job-support/"><i class="fab fa-microsoft me-2"></i>.NET Job Support</a></li> |
1001 | 1009 | </ul> |
1002 | 1010 | </li> |
1003 | 1011 | <li class="nav-item"> |
|
0 commit comments