Dashboard Temp Share Shortlinks Frames API

HTMLify

about.html
Views: 9 | 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - Our Mission & Ethics</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 active">About Us</a></li>
                <li><a href="policy.html" class="nav-link">Privacy</a></li>
                <li><a href="global.html" class="nav-link">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">Our Mission: Inclusivity, Confidentiality, Empowerment</h1>
            <p class="fade-in-up delay-1">We founded The Cloud to eliminate barriers to empathetic, expert mental health guidance.</p>
        </section>

        <section class="about-content grid-2-col-reverse">
            <div class="about-text fade-in-element">
                <h2>Our Foundation & Lived Experience</h2>
                <p>The Cloud was born from the founders' combined experience as licensed therapists and individuals who have navigated complex mental health challenges. We recognize that true support requires more than just information; it demands deep empathy and accessibility.</p>
                <p>Our founder, Dr. Elara Vance, holds dual certifications in CBT and Trauma-Informed Care, ensuring our educational content meets the highest ethical and clinical standards. We prioritize inclusivity for all cultures, orientations, and backgrounds.</p>
                <ul class="mission-list">
                    <li>&#10003; Commitment to ethical, transparent practice.</li>
                    <li>&#10003; Supporting LGBTQ+ individuals with affirming language.</li>
                    <li>&#10003; Designing for mobile-first and low-bandwidth accessibility.</li>
                </ul>
            </div>
            <div class="about-image-placeholder fade-in-element">
                <img src="image-team-connection.jpg" alt="A diverse group of people connecting thoughtfully" class="content-image">
            </div>
        </section>

        <section class="team-section">
            <h2 class="section-title fade-in">The Minds Behind The Cloud</h2>
            <div class="team-grid">
                <div class="team-member fade-in-element">
                    <div class="team-photo"><img src="image-founder-elara.jpg" alt="Portrait of Dr. Elara Vance" class="content-image"></div>
                    <h4>Dr. Elara Vance</h4>
                    <p>Clinical Director, PhD (CBT Specialist)</p>
                </div>
                <div class="team-member fade-in-element">
                    <div class="team-photo"><img src="image-founder-marcus.jpg" alt="Portrait of Marcus Chen" class="content-image"></div>
                    <h4>Marcus Chen</h4>
                    <p>Lead Developer, Accessibility Champion</p>
                </div>
                <div class="team-member fade-in-element">
                    <div class="team-photo"><img src="image-founder-sofia.jpg" alt="Portrait of Sofia Reyes" class="content-image"></div>
                    <h4>Sofia Reyes</h4>
                    <p>Community Advocate & Inclusion Lead</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>

Share this file: