Skip to content

Commit 7acc024

Browse files
rankingexpertrankingexpert
authored
Update blog-post4.html
1 parent cfba74a commit 7acc024

1 file changed

Lines changed: 53 additions & 10 deletions

File tree

‎blog-post4.html‎

Lines changed: 53 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,28 @@
6060
.nav-link::after { content: ''; position: absolute; bottom: -6px; left: 0; width: 0; height: 2px; background: var(--primary); transition: var(--transition); }
6161
.nav-link.active::after { width: 100%; }
6262
.nav-actions { display: flex; align-items: center; gap: 20px; }
63+
64+
/* Dropdown */
65+
.nav-dropdown { position: relative; display: inline-block; }
66+
.nav-dropdown .dropdown-arrow { font-size: 0.6rem; margin-left: 4px; transition: var(--transition); }
67+
.nav-dropdown:hover .dropdown-arrow { transform: rotate(180deg); }
68+
.nav-dropdown .dropdown-content { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 220px; background: var(--surface-dark); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: var(--radius-md); padding: 12px 0; box-shadow: var(--shadow); border: 1px solid var(--border); z-index: 1002; animation: dropdownFade 0.3s ease; }
69+
@keyframes dropdownFade { from { opacity: 0; transform: translateX(-50%) translateY(-10px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
70+
.nav-dropdown:hover .dropdown-content { display: block; }
71+
.nav-dropdown .dropdown-content a { display: block; padding: 10px 24px; font-size: 0.85rem; font-weight: 500; color: var(--text-muted); transition: var(--transition); white-space: nowrap; letter-spacing: 0.03em; }
72+
.nav-dropdown .dropdown-content a:hover { color: var(--primary); background: var(--primary-glow); }
73+
.nav-dropdown .dropdown-content a::after { display: none; }
74+
75+
@media (max-width: 992px) {
76+
.nav-dropdown .dropdown-content { display: none; position: static; transform: none; background: transparent !important; backdrop-filter: none !important; box-shadow: none; border: none; padding: 8px 0 8px 20px; animation: none; width: 100%; }
77+
.nav-dropdown .dropdown-content a { padding: 8px 16px; font-size: 1rem; color: var(--text-muted) !important; white-space: normal; }
78+
.nav-dropdown .dropdown-content a:hover { color: var(--primary) !important; background: transparent !important; }
79+
.nav-dropdown:hover .dropdown-content { display: none; }
80+
.nav-dropdown.active .dropdown-content { display: block !important; }
81+
.nav-dropdown .dropdown-arrow { display: inline-block; }
82+
.nav-dropdown.active .dropdown-arrow { transform: rotate(180deg); }
83+
}
84+
6385
.theme-btn { background: none; border: 1px solid var(--border); width: 44px; height: 44px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text); transition: var(--transition); font-size: 1.2rem; }
6486
.theme-btn:hover { background: var(--border); }
6587
.burger { display: none; cursor: pointer; background: none; border: none; padding: 8px; flex-direction: column; gap: 5px; }
@@ -142,9 +164,17 @@
142164
<ul class="nav-menu">
143165
<li><a href="index.html" class="nav-link">Home</a></li>
144166
<li><a href="about.html" class="nav-link">About</a></li>
145-
<li><a href="services.html" class="nav-link">Services</a></li>
146-
<li><a href="index.html#case-studies" class="nav-link">Results</a></li>
147-
<li><a href="index.html#pricing" class="nav-link">Pricing</a></li>
167+
<li class="nav-dropdown">
168+
<a href="services.html" class="nav-link">Services <span class="dropdown-arrow">▾</span></a>
169+
<div class="dropdown-content">
170+
<a href="gbp-optimization.html">GBP Optimization</a>
171+
<a href="local-seo.html">Local SEO</a>
172+
<a href="google-maps-ranking.html">Google Maps Ranking</a>
173+
<a href="gmb-recovery.html">GMB Recovery</a>
174+
<a href="local-citations.html">Local Citations</a>
175+
<a href="google-maps-marketing.html">Google Maps Marketing</a>
176+
</div>
177+
</li>
148178
<li><a href="blog.html" class="nav-link active">Blog</a></li>
149179
<li><a href="contact.html" class="nav-link">Contact</a></li>
150180
</ul>
@@ -176,7 +206,7 @@
176206
</div>
177207
<h1><span class="text-gradient">Google Business Profile</span> Optimization Checklist 2026</h1>
178208
<div class="featured-image">
179-
<img src="https://images.unsplash.com/photo-1579202673506-ca3ce28943ef?auto=format&fit=crop&w=800&q=80" alt="Google Business Profile Optimization Checklist" style="width:100%; height:auto; border-radius:var(--radius-lg);">
209+
<img src="https://i.ibb.co/sp0NkBN1/Chat-GPT-Image-Jul-15-2026-08-51-15-PM.png" alt="Google Business Profile Optimization Checklist" style="width:100%; height:auto; border-radius:var(--radius-lg);">
180210
</div>
181211

182212
<p>Your <strong>Google Business Profile</strong> (formerly Google My Business) is the single most important asset for local visibility. A well-optimized profile can mean the difference between dominating the <strong>Google Maps pack</strong> and being invisible to potential customers.</p>
@@ -428,7 +458,7 @@ <h4><a href="blog-post3.html">Mastering JSON-LD Setup for Local Business Growth<
428458
<div class="container footer-grid">
429459
<div class="footer-brand">
430460
<a href="index.html" class="logo">Ranking<span>Matters</span></a>
431-
<p>Advanced algorithmic optimization mechanics engineered explicitly to scale inbound customer commercial phone calls and local visibility indicators.</p>
461+
<p>Advanced algorithmic optimization mechanics engineered explicitly to scale inbound customer commercial phone calls and local visibility indicators. Your trusted <strong>Local SEO expert</strong>.</p>
432462
</div>
433463
<div class="footer-col">
434464
<h4>Quick Links</h4>
@@ -441,12 +471,14 @@ <h4>Quick Links</h4>
441471
</ul>
442472
</div>
443473
<div class="footer-col">
444-
<h4>Services</h4>
474+
<h4>Our Services</h4>
445475
<ul class="footer-links">
446-
<li><a href="services.html">GBP Optimization</a></li>
447-
<li><a href="services.html">GMB Recovery</a></li>
448-
<li><a href="services.html">Local Citations</a></li>
449-
<li><a href="services.html">Landing Pages</a></li>
476+
<li><a href="gbp-optimization.html">GBP Optimization</a></li>
477+
<li><a href="local-seo.html">Local SEO</a></li>
478+
<li><a href="google-maps-ranking.html">Google Maps Ranking</a></li>
479+
<li><a href="gmb-recovery.html">GMB Recovery</a></li>
480+
<li><a href="local-citations.html">Local Citations</a></li>
481+
<li><a href="google-maps-marketing.html">Google Maps Marketing</a></li>
450482
</ul>
451483
</div>
452484
<div class="footer-col">
@@ -510,6 +542,17 @@ <h4>Contact</h4>
510542
glow.style.top = e.clientY + 'px';
511543
});
512544
document.addEventListener('mouseleave', function() { glow.style.opacity = '0'; });
545+
546+
// Mobile Dropdown
547+
const dropdownTriggers = document.querySelectorAll('.nav-dropdown > a');
548+
dropdownTriggers.forEach(function(trigger) {
549+
trigger.addEventListener('click', function(e) {
550+
if (window.innerWidth <= 992) {
551+
e.preventDefault();
552+
this.parentElement.classList.toggle('active');
553+
}
554+
});
555+
});
513556
});
514557
</script>
515558
</body>

0 commit comments

Comments
 (0)