Dashboard Temp Share Shortlinks Frames API

HTMLify

global.html
Views: 15 | Author: karbonsites
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Global Initiatives - The Cloud</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="main-header">
        <nav class="navbar">
            <div class="logo">The Cloud</div>
            <ul class="nav-links">
                <li><a href="index.html" class="nav-link">Home</a></li>
                <li><a href="services.html" class="nav-link">Services</a></li>
                <li><a href="resources.html" class="nav-link">Library</a></li>
                <li><a href="about.html" class="nav-link">About Us</a></li>
                <li><a href="policy.html" class="nav-link">Privacy</a></li>
                <li><a href="global.html" class="nav-link active">Global</a></li>
                <li><a href="#contact" class="nav-link cta-link">Get Support</a></li>
            </ul>
        </nav>
    </header>

    <main class="container">
        <section class="page-header">
            <h1 class="fade-in-up">Global Accessibility & Outreach</h1>
            <p class="fade-in-up delay-1">Extending empathetic, non-judgmental support across cultures and borders.</p>
        </section>

        <section class="global-tracker">
            <h2 class="section-title fade-in">Our Path to Global Inclusivity</h2>
            
            <div class="timeline-container">
                <div class="timeline-event fade-in-element">
                    <div class="timeline-dot primary"></div>
                    <div class="timeline-content">
                        <h3>Q1 2024: Core Platform Launch</h3>
                        <p>Established English-language resource library and core service models (CBT focus).</p>
                    </div>
                </div>

                <div class="timeline-event fade-in-element">
                    <div class="timeline-dot secondary"></div>
                    <div class="timeline-content">
                        <h3>Q3 2024: Accessibility Audit</h3>
                        <p>Full WCAG 2.1 compliance review and implementation of low-bandwidth options, ensuring mobile accessibility.</p>
                    </div>
                </div>

                <div class="timeline-event fade-in-element">
                    <div class="timeline-dot primary"></div>
                    <div class="timeline-content">
                        <h3>2025: Multilingual Pilot</h3>
                        <p>Translation and cultural adaptation review for Spanish and French language resources.</p>
                    </div>
                </div>

                <div class="timeline-event fade-in-element">
                    <div class="timeline-dot secondary"></div>
                    <div class="timeline-content">
                        <h3>Future: Community Support Scaling</h3>
                        <p>Developing localized, moderated community support channels tailored to regional needs and cultural context.</p>
                    </div>
                </div>
            </div>

            <div class="country-highlight fade-in-element">
                <h3 class="section-title">Focus on Low-Bandwidth Regions</h3>
                <div class="highlight-content">
                    <p>We are actively optimizing our video and audio resources to support users in developing regions with limited infrastructure. Our commitment is that essential coping tools remain loadable and usable, regardless of connectivity.</p>
                    <p><strong>Next Steps:</strong> Partnering with regional mental health advocates to ensure accurate crisis hotline dissemination.</p>
                </div>
            </div>

        </section>
    </main>

    <footer id="contact" class="main-footer">
        <div class="container footer-grid">
            <div class="footer-col">
                <h4>The Cloud</h4>
                <p>Dedicated to making mental wellness accessible to everyone.</p>
            </div>
            <div class="footer-col">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="resources.html">Library</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="policy.html">Privacy</a></li>
                    <li><a href="global.html">Global</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Emergency</h4>
                <p>If you are in crisis, please call or text 988 (USA/Canada).</p>
            </div>
        </div>
        <div class="copyright">
            &copy; 2026 The Cloud. All rights reserved.
        </div>
    </footer>

    <script src="script.js"></script>

  <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner">
      <span></span>
      <div>Built with <b>Karbon Sites</b></div>
  </a>
</body>
</html>