Altamashedge

[Alams-edge]

<title>Altamaxh Edge</title>

Altamaxh_edge

• Home
• About
• Services
• Blog
• Contact

<main>
    <section id="home" class="hero">
        <h1>Welcome to Altamaxh Edge</h1>
        <p>Discover courses designed for teenagers.</p>
    </section>

    <section id="about">
        <h2>About Us</h2>
        <p>Altamaxh Edge offers innovative courses tailored to young minds.</p>
    </section>

    <section id="services">
        <h2>Our Services</h2>
        <p>We offer engaging courses across various topics to fuel your passion.</p>
    </section>

    <section id="blog">
        <h2>Our Blog</h2>
        <p>Explore insights and updates from the Altamaxh Edge community.</p>
    </section>

    <section id="contact">
        <h2>Contact Us</h2>
        <p>Connect with us via email or follow us on social media.</p>
    </section>
</main>

<footer>
    <p>&copy; 2025 Altamaxh Edge. All Rights Reserved.</p>
    <div class="social-links">
        <a href="#">Facebook</a>
        <a href="#">Instagram</a>
        <a href="#">Twitter</a>
    </div>
</footer>

/* General Styles */ body { font-family: Arial, sans-serif; margin: 0; background: #000; color: #fff; }

/* Header Styles */
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
background: #111;
}

.logo {
font-size: 1.5rem;
font-weight: bold;
color: #fff;
}

.logo span {
color: #e91e63; /* Shiny effect color */
}

/* Navigation */
nav ul {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}

nav ul li {
margin-left: 20px;
}

nav ul li a {
text-decoration: none;
color: #fff;
transition: color 0.3s ease;
}

nav ul li a:hover {
color: #e91e63;
}

/* Hero Section */
.hero {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: linear-gradient(145deg, #111, #333);
color: #fff;
}

/* Section Styles */
section {
padding: 4rem 2rem;
}

section h2 {
font-size: 2rem;
margin-bottom: 1rem;
}

footer {
background: #111;
padding: 1rem;
text-align: center;
}

footer .social-links a {
color: #fff;
margin: 0 10px;
text-decoration: none;
}

footer .social-links a:hover {
color: #e91e63;
}