Remove advertisement banners from the hero section in index.html, adjust formatting of ad links for consistency, and add a new script for cat animations. Update JavaScript component loading syntax for improved readability.

This commit is contained in:
Mohammed Al-yaseen
2025-05-15 01:11:33 +03:00
parent 72bcd414b6
commit 94d5eac08c
5 changed files with 297 additions and 18 deletions

View File

@@ -29,18 +29,6 @@
<main>
<!-- Hero Section -->
<section id="hero"></section>
<aside class="hero-ad">
<div class="vertical-ad-banner">
<div class="ad-content">
<div class="ad-icon">
<i class="bi bi-rocket-takeoff"></i>
</div>
<h4>Company</h4>
<p>Transform Your Business with Our Solutions</p>
<a href="#" class="ad-link">Explore Now <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</aside>
<!-- About Section -->
<section id="about"></section>
@@ -54,7 +42,9 @@
<h4>Boost Your Growth</h4>
<p>Partner with Company for Digital Excellence</p>
</div>
<a href="#" class="ad-link">Get Started <i class="bi bi-arrow-right"></i></a>
<a href="#" class="ad-link"
>Get Started <i class="bi bi-arrow-right"></i
></a>
</div>
</div>
</aside>
@@ -69,7 +59,9 @@
</div>
<h4>Secure Solutions</h4>
<p>Trusted by Industry Leaders</p>
<a href="#" class="ad-link">Learn More <i class="bi bi-arrow-right"></i></a>
<a href="#" class="ad-link"
>Learn More <i class="bi bi-arrow-right"></i
></a>
</div>
</div>
</aside>
@@ -86,7 +78,9 @@
<h4>Fast Development</h4>
<p>Accelerate Your Project Timeline</p>
</div>
<a href="#" class="ad-link">Start Now <i class="bi bi-arrow-right"></i></a>
<a href="#" class="ad-link"
>Start Now <i class="bi bi-arrow-right"></i
></a>
</div>
</div>
</aside>
@@ -101,7 +95,9 @@
</div>
<h4>Premium Services</h4>
<p>Expert Solutions for Your Business</p>
<a href="#" class="ad-link">Discover More <i class="bi bi-arrow-right"></i></a>
<a href="#" class="ad-link"
>Discover More <i class="bi bi-arrow-right"></i
></a>
</div>
</div>
</aside>
@@ -121,10 +117,11 @@
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/custom.js"></script>
<script src="js/cat-animation.js"></script>
<!-- Load Components -->
<script>
$(document).ready(function() {
$(document).ready(function () {
const components = {
header: "components/header.html",
hero: "components/hero.html",
@@ -133,7 +130,7 @@
services: "components/services.html",
projects: "components/projects.html",
contact: "components/contact.html",
footer: "components/footer.html"
footer: "components/footer.html",
};
// Load all components