Design the Life and Career
You Deserve

Growth isn’t accidental—it’s intentional. Whether you need the strategy of a mastermind or the clarity of personal coaching, we provide the ecosystem for your evolution.

The Ecosystem of Evolution

Training

Build Your Strategic Toolkit. Comprehensive training programs to master new skills. Walk away with a proven system for success.

Explore Training Catalog >

Coaching

Personalized Navigation. Work with certified coaches to identify blind spots and reverse-engineer a roadmap to your specific goals.

Book a Discovery Call >

Mastermind

Collective Intelligence. Join an elite network of driven professionals. Share challenges and access high-level strategies.

Apply for Mastermind >

Webinars

Continuous Insight. Access our digital library of live and recorded webinars covering the latest trends in productivity and mindset.

View Schedule >

Latest Insights

Blog Post

5 Habits of High Performers

Discover the daily routines that separate the good from the great...

Blog Post

Leading Through Uncertainty

How to maintain team morale and productivity during shifting times...

Blog Post

The 80/20 Rule in Career Growth

Stop working harder and start working smarter with this principle...

Unlock Your Potential

Join the Academy Newsletter to receive free tips, webinar invites, and training discounts.

You Deserve

Growth isn’t accidental—it’s intentional. Whether you need the strategy of a mastermind or the clarity of personal coaching, we provide the ecosystem for your evolution.

Learn from Industry Experts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus tortor at diam
gravida posuere. Curabitur et malesuada mi.

Actionable Training

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Interesting Quizzes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Premium Material

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Our Most Popular Courses

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac eros ut dui bibendum ultricies. Maecenas egestas fringilla semper. ​

[ld_course_list categoryselector=”true” progress_bar=”true” order=”asc”]

Be in Demand with Our Professional Training

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac eros ut dui.​

Manager Free Img
Dr. John Smith — Founder & CEO.

Industry Partners

Logo 1
Logo 2
Logo 3
Logo 4
Logo 5

What Our Students Have to Say

Actionable Training

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Interesting Quizzes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Premium Material

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Grow Yourself Academy</title>
    <style>
        /* --- CSS VARIABLES & RESET --- */
        :root {
            --primary-blue: #0F2C59; /* Deep Royal Blue */
            --accent-orange: #FF6600; /* Tiger Orange */
            --light-gray: #F4F4F4;
            --text-dark: #333333;
            --white: #ffffff;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        body {
            line-height: 1.6;
            color: var(--text-dark);
            background-color: var(--white);
        }

        a { text-decoration: none; transition: 0.3s; }
        ul { list-style: none; }

        /* --- UTILITIES --- */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .btn {
            display: inline-block;
            padding: 12px 30px;
            border-radius: 5px;
            font-weight: bold;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .btn-primary {
            background-color: var(--accent-orange);
            color: var(--white);
        }

        .btn-primary:hover {
            background-color: #e55b00;
            transform: translateY(-2px);
        }

        .text-orange { color: var(--accent-orange); }
        .text-blue { color: var(--primary-blue); }

        /* --- HEADER --- */
        header {
            background-color: var(--white);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
        }

        .logo {
            font-size: 24px;
            font-weight: 800;
            color: var(--primary-blue);
        }

        .nav-links {
            display: flex;
            gap: 25px;
        }

        .nav-links a {
            color: var(--primary-blue);
            font-weight: 600;
            font-size: 14px;
        }

        .nav-links a:hover { color: var(--accent-orange); }

        /* --- HERO SECTION --- */
        .hero {
            background: linear-gradient(135deg, #0F2C59 0%, #1a3b6e 100%);
            color: var(--white);
            padding: 100px 0;
            text-align: center;
        }

        .hero h1 {
            font-size: 48px;
            margin-bottom: 20px;
        }

        .hero p {
            font-size: 20px;
            max-width: 700px;
            margin: 0 auto 40px auto;
            color: #dcdcdc;
        }

        .hero-links {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .secondary-link {
            color: var(--white);
            text-decoration: underline;
        }

        /* --- 4 PILLARS GRID --- */
        .pillars {
            padding: 80px 0;
            background-color: var(--light-gray);
        }

        .section-title {
            text-align: center;
            font-size: 36px;
            color: var(--primary-blue);
            margin-bottom: 50px;
        }

        .grid-4 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .card {
            background: var(--white);
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border-top: 4px solid var(--accent-orange);
            transition: transform 0.3s;
        }

        .card:hover {
            transform: translateY(-5px);
        }

        .card h3 {
            color: var(--primary-blue);
            margin-bottom: 10px;
            font-size: 22px;
        }

        .card p {
            font-size: 15px;
            color: #666;
            margin-bottom: 20px;
        }

        .card-link {
            color: var(--accent-orange);
            font-weight: bold;
            font-size: 14px;
        }

        /* --- BLOG SECTION --- */
        .blog {
            padding: 80px 0;
        }

        .grid-3 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .blog-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            background-color: #ccc; /* Placeholder color */
            border-radius: 5px;
        }

        .blog-card h4 {
            margin-top: 15px;
            font-size: 18px;
            color: var(--primary-blue);
        }

        /* --- SIGN UP SECTION --- */
        .signup {
            background-color: var(--primary-blue);
            color: var(--white);
            padding: 60px 0;
            text-align: center;
        }

        .signup h2 { margin-bottom: 15px; }
        
        .signup-form {
            margin-top: 30px;
            display: flex;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .signup-form input {
            padding: 12px;
            width: 300px;
            border: none;
            border-radius: 4px;
        }

        /* --- FOOTER --- */
        footer {
            background-color: #0a1f40;
            color: #aaa;
            padding: 40px 0;
            text-align: center;
            font-size: 14px;
        }

        footer a { color: #fff; margin: 0 10px; }

        /* --- MOBILE --- */
        @media (max-width: 768px) {
            .nav-links { display: none; } /* Simplified for mobile demo */
            .hero h1 { font-size: 32px; }
        }
    </style>
</head>
<body>

    <header>
        <div class="container">
            <nav>
                <div class="logo">Grow Yourself <span class="text-orange">Academy</span></div>
                <ul class="nav-links">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Training</a></li>
                    <li><a href="#">Coaching</a></li>
                    <li><a href="#">Mastermind</a></li>
                    <li><a href="#">Webinars</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#" class="btn btn-primary" style="padding: 8px 20px;">Join Now</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <h1>Design the Life and Career <br><span class="text-orange">You Deserve</span></h1>
            <p>Growth isn’t accidental—it’s intentional. Whether you need the strategy of a mastermind or the clarity of personal coaching, we provide the ecosystem for your evolution.</p>
            <div class="hero-links">
                <a href="#" class="btn btn-primary">Join the Academy</a>
                <a href="#" class="secondary-link">See Success Stories</a>
            </div>
        </div>
    </section>

    <section class="pillars">
        <div class="container">
            <h2 class="section-title">The Ecosystem of Evolution</h2>
            <div class="grid-4">
                <div class="card">
                    <h3>Training</h3>
                    <p><strong>Build Your Strategic Toolkit.</strong> Comprehensive training programs to master new skills. Walk away with a proven system for success.</p>
                    <a href="#" class="card-link">Explore Training Catalog ></a>
                </div>
                <div class="card">
                    <h3>Coaching</h3>
                    <p><strong>Personalized Navigation.</strong> Work with certified coaches to identify blind spots and reverse-engineer a roadmap to your specific goals.</p>
                    <a href="#" class="card-link">Book a Discovery Call ></a>
                </div>
                <div class="card">
                    <h3>Mastermind</h3>
                    <p><strong>Collective Intelligence.</strong> Join an elite network of driven professionals. Share challenges and access high-level strategies.</p>
                    <a href="#" class="card-link">Apply for Mastermind ></a>
                </div>
                <div class="card">
                    <h3>Webinars</h3>
                    <p><strong>Continuous Insight.</strong> Access our digital library of live and recorded webinars covering the latest trends in productivity and mindset.</p>
                    <a href="#" class="card-link">View Schedule ></a>
                </div>
            </div>
        </div>
    </section>

    <section class="blog">
        <div class="container">
            <h2 class="section-title" style="margin-bottom: 30px; text-align: left;">Latest Insights</h2>
            <div class="grid-3">
                <article class="blog-card">
                    <img src="https://placehold.co/600x400/0F2C59/FFFFFF?text=Mindset" alt="Blog Post">
                    <h4>5 Habits of High Performers</h4>
                    <p style="font-size: 14px; color: #666; margin-top: 10px;">Discover the daily routines that separate the good from the great...</p>
                </article>
                <article class="blog-card">
                    <img src="https://placehold.co/600x400/FF6600/FFFFFF?text=Leadership" alt="Blog Post">
                    <h4>Leading Through Uncertainty</h4>
                    <p style="font-size: 14px; color: #666; margin-top: 10px;">How to maintain team morale and productivity during shifting times...</p>
                </article>
                <article class="blog-card">
                    <img src="https://placehold.co/600x400/0F2C59/FFFFFF?text=Productivity" alt="Blog Post">
                    <h4>The 80/20 Rule in Career Growth</h4>
                    <p style="font-size: 14px; color: #666; margin-top: 10px;">Stop working harder and start working smarter with this principle...</p>
                </article>
            </div>
        </div>
    </section>

    <section class="signup">
        <div class="container">
            <h2>Unlock Your Potential</h2>
            <p>Join the Academy Newsletter to receive free tips, webinar invites, and training discounts.</p>
            <form class="signup-form">
                <input type="text" placeholder="Your Name">
                <input type="email" placeholder="Your Email Address">
                <button type="submit" class="btn btn-primary">Get Free Access</button>
            </form>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2024 Grow Yourself Academy. All rights reserved.</p>
            <div style="margin-top: 10px;">
                <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a> | <a href="#">Contact</a>
            </div>
        </div>
    </footer>

</body>
</html>
Scroll to Top
0

Subtotal