https://www.7cups.com/

제출된 URL:
https://7cups.com/리디렉션됨
보고서 완료:

링크 · 5개 결과

페이지에서 식별된 외부 링크

링크텍스트
https://itunes.apple.com/us/app/7CupsOfTea/id921814681?utm_source=7cupsfooter
http://play.google.com/store/apps/details?id=com.sevencupsoftea.app&utm_source=7cupsfooter
https://www.7cups.org7 Cups Foundation
http://www.cafepress.com/7cups7 Cups Store
https://help.7cups.com/Support& Feedback

JavaScript 변수 · 81개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다

이름유형
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
CLOUDFRONT_VERSION_JSstring
HANDLEBARS_TEMPLATE_VERSIONstring
PATH_S3string
PATH_CLOUDFRONTstring
GOOGLE_RECAPTCHA_PUBLICstring
StripePublishableKeystring
gtagfunction

콘솔 로그 메시지 · 0개 결과

웹 콘솔에 기록된 메시지

HTML

페이지의 원시 HTML 본문

<!DOCTYPE html><html><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <title>Free Online Therapist &amp; Counseling | 7 Cups</title>
    
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/lqsTZ5beIbCkK4uGEGv9JmUR/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-me+fKkpx+LDPr+jjTccMyZRS5BoP+JLiYHKscp4bUxp+j6TnL/qxiwcgzpRCCrlc"></script><script type="text/javascript" integrity="sha384-sBFQqoO3bx3qM8f+iksNzu/E3v0rdkVlvzRqpvP+ynsUk/uaCIsa+NPjw5N04mpg" crossorigin="anonymous" async="" src="https://cdn.amplitude.com/libs/analytics-browser-2.3.3-min.js.gz"></script><script src="https://browser.sentry-cdn.com/7.119.2/bundle.tracing.replay.min.js" crossorigin="anonymous"></script><script>
    window.CLOUDFRONT_VERSION_JS = '1729019729344';
    window.HANDLEBARS_TEMPLATE_VERSION = '17290941895735';
    window.PATH_S3 = '//7cupstearesources.s3.amazonaws.com/';
    window.PATH_CLOUDFRONT = '//d37v7cqg82mgxu.cloudfront.net/';
    window.GOOGLE_RECAPTCHA_PUBLIC = '6LciRxsUAAAAAIrpeaSfizxNwfrjPgEGuat8RsrJ';
    window.StripePublishableKey = 'pk_live_wDvUnEmeMcbYwuWPFRWDrr5v';
</script>

<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-B4EP65N395"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}  

gtag('consent','default', {"ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied","analytics_storage":"granted","personalization_storage":"granted"});
  gtag('js', new Date());
  gtag('config', 'G-B4EP65N395'); 

  </script>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">

<!-- Preconnect Our most important resources-->
<link rel="preconnect" href="//www.google-analytics.com">
<link rel="preconnect" href="//fonts.googleapis.com">
<link rel="preconnect" href="//cdn.amplitude.com">
<link rel="preconnect" href="//api.amplitude.com">
<link rel="preconnect" href="//d37v7cqg82mgxu.cloudfront.net/">

<!-- prefetch other possible request sources -->
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<link rel="dns-prefetch" href="//code.jquery.com">
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link rel="dns-prefetch" href="//7cupstearesources.s3.amazonaws.com/">
<link rel="dns-prefetch" href="https://chat-v2.7cups.com/">

<meta property="og:type" content="website" class="next-head">
<meta property="og:locale" content="en_US" class="next-head">
<meta property="og:site_name" content="7 Cups" class="next-head">
<meta property="og:image" content="https://www.7cups.com/cloudfront/img/cup_cover.png" class="next-head">
<meta property="og:image:alt" content="7 Cups" class="next-head">
<meta property="og:image:width" content="721" class="next-head">
<meta property="og:image:height" content="450" class="next-head">

<meta name="google-play-app" content="app-id=com.sevencupsoftea.app">
<meta name="apple-itunes-app" content="app-id=921814681">

<meta name="twitter:image" content="https://d37v7cqg82mgxu.cloudfront.net/img/7cupsshare.jpg">
<meta name="twitter:card" content="app">
<meta name="twitter:site" content="@7cups">
<meta name="twitter:title" content="7 Cups - Free Care &amp; Therapy">
<meta name="twitter:description" content="Find Help, Online Therapy &amp; Free Counseling and Someone to Talk to while on the go! We are here to listen.">
<meta name="twitter:app:country" content="US">
<meta name="twitter:app:name:iphone" content="7 Cups - Free Care &amp; Therapy">
<meta name="twitter:app:id:iphone" content="921814681">
<meta name="twitter:app:name:ipad" content="7 Cups - Free Care &amp; Therapy">
<meta name="twitter:app:id:ipad" content="921814681">
<meta name="twitter:app:name:googleplay" content="7 Cups - Free Care &amp; Therapy">
<meta name="twitter:app:id:googleplay" content="com.sevencupsoftea.app">

<meta property="al:ios:app_store_id" content="921814681">
<meta property="al:ipad:app_store_id" content="921814681">
<meta property="al:android:package" content="com.sevencupsoftea.app">

<link rel="icon" type="image/png" href="//d37v7cqg82mgxu.cloudfront.net/img/favicon.png">

<link rel="stylesheet" href="//d37v7cqg82mgxu.cloudfront.net/dist/css/7CupsStyle.min.css?_v=1729091566878">
<link href="//d37v7cqg82mgxu.cloudfront.net/js/summernote/summernote-bs5.css" rel="stylesheet">

<style>
      
</style>

    <script src="https://js.sentry-cdn.com/210305f3be694204916ba308c8c8ab73.min.js" crossorigin="anonymous"></script>
<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script><script>
    //Load Amplitude
    !function(){"use strict";!function(e,t){var r=e.amplitude||{_q:[],_iq:{}};if(r.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var n=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,r){return function(n){e._q.push({name:t,args:Array.prototype.slice.call(r,0),resolve:n})}},o=function(e,t,r){e._q.push({name:t,args:Array.prototype.slice.call(r,0)})},i=function(e,t,r){e[t]=function(){if(r)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))};o(e,t,Array.prototype.slice.call(arguments))}},a=function(e){for(var t=0;t<g.length;t++)i(e,g[t],!1);for(var r=0;r<m.length;r++)i(e,m[r],!0)};r.invoked=!0;var c=t.createElement("script");c.type="text/javascript",c.integrity="sha384-sBFQqoO3bx3qM8f+iksNzu/E3v0rdkVlvzRqpvP+ynsUk/uaCIsa+NPjw5N04mpg",c.crossOrigin="anonymous",c.async=!0,c.src="https://cdn.amplitude.com/libs/analytics-browser-2.3.3-min.js.gz",c.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var u=t.getElementsByTagName("script")[0];u.parentNode.insertBefore(c,u);for(var l=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],d=0;d<p.length;d++)n(l,p[d]);r.Identify=l;for(var v=function(){return this._q=[],this},f=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],y=0;y<f.length;y++)n(v,f[y]);r.Revenue=v;var g=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],m=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];a(r),r.createInstance=function(e){return r._iq[e]={_q:[]},a(r._iq[e]),r._iq[e]},e.amplitude=r}}(window,document)}();


    //new API key
    amplitude.init("940648abde563fee9a96ccdc185deb12", null, {
        defaultTracking: false,
        identityStorage: "cookie"        
    }).promise.then(function(result) {
        var noniButtonsOnly = 0;
amplitude.setUserId('109727226');
window.eventDetails = {"userType":"g","isGuest":true,"screenName":"politeRaspberries8457","source":"browser","system":"client"};
var identifyEvent = new amplitude.Identify();identifyEvent.set('isBrowserUser', '1');amplitude.identify(identifyEvent);    });   
        
    //Amplitude Initialized. Define Tracking Wrapper.
    //Define Amplitude Tracking Wrapper
    window.tracker = (function(e) {
        var _tracker = this;

        this.emit = function(i, d, callback) {
            if (window.activate) {
                window.activate();
            }
            var d = d || {};
            var eventDetails = window.eventDetails || {};

            for (var k in eventDetails) {
                d[k] = eventDetails[k];
            }
            
            //console.log('Tracking Event', i, d);  
            amplitude.track(i, d).promise.then(function(result) {
                if (typeof(callback) === 'function') {
                    callback();
                }            
            });
        };

        this.emitThenFollow = function(i, d, callback) {
            if (event && event.target && event.target.href) {
                var eventTarget = event.target;
                event.preventDefault();

                var incomingCallback = callback;
                var callback = function() {
                    if (typeof(incomingCallback) === 'function') {
                        incomingCallback();
                    }

                    if (eventTarget.target && eventTarget.target.trim() === '_blank') {
                        window.open(eventTarget.href, '_blank');
                    } else {
                        window.location = eventTarget.href;
                    }
                };
            }

            _tracker.emit(i, d, callback);
        }

        return this;
    })();    
</script>



    <meta name="description" content="Whether you’re looking for a therapist or just someone to talk to right now during some difficult times, 7 Cups is a place where you can be heard. Start for free today. ">
    <meta name="google-site-verification" content="ZVtIvkFvnADXhzb2x6JeqkwRU2ifrhFpeyO2Cf2mWY0">
    <meta name="msvalidate.01" content="5C43AB84B8529193E1E36480CA2E53D1">
    <meta name="p:domain_verify" content="3c50de69ff8822e70b9c82f214e844eb">

    <meta property="al:ios:url" content="sevencups://index">
    <meta property="al:ipad:url" content="sevencups://index">
    <meta property="al:android:url" content="sevencups://index">
    <meta name="twitter:app:url:iphone" content="sevencups://index">
    <meta name="twitter:app:url:ipad" content="sevencups://index">
    <meta name="twitter:app:url:googleplay" content="sevencups://index">

    <link rel="alternate" href="android-app://com.sevencupsoftea.app/sevencups/index">
    <link rel="canonical" href="https://www.7cups.com/">

    
<link rel="alternate" hreflang="en-us" href="/?locale=en_US">
<link rel="alternate" hreflang="af-za" href="/?locale=af_ZA">
<link rel="alternate" hreflang="ar-eg" href="/?locale=ar_EG">
<link rel="alternate" hreflang="hy-am" href="/?locale=hy_AM">
<link rel="alternate" hreflang="km-kh" href="/?locale=km_KH">
<link rel="alternate" hreflang="zh-cn" href="/?locale=zh_CN">
<link rel="alternate" hreflang="zh-tw" href="/?locale=zh_TW">
<link rel="alternate" hreflang="da-dk" href="/?locale=da_DK">
<link rel="alternate" hreflang="nl-nl" href="/?locale=nl_NL">
<link rel="alternate" hreflang="fr-ca" href="/?locale=fr_CA">
<link rel="alternate" hreflang="fr-fr" href="/?locale=fr_FR">
<link rel="alternate" hreflang="de-de" href="/?locale=de_DE">
<link rel="alternate" hreflang="el-gr" href="/?locale=el_GR">
<link rel="alternate" hreflang="hi-in" href="/?locale=hi_IN">
<link rel="alternate" hreflang="hu-hu" href="/?locale=hu_HU">
<link rel="alternate" hreflang="id-id" href="/?locale=id_ID">
<link rel="alternate" hreflang="it-it" href="/?locale=it_IT">
<link rel="alternate" hreflang="ja-jp" href="/?locale=ja_JP">
<link rel="alternate" hreflang="ko-kr" href="/?locale=ko_KR">
<link rel="alternate" hreflang="lt-lt" href="/?locale=lt_LT">
<link rel="alternate" hreflang="ms-my" href="/?locale=ms_MY">
<link rel="alternate" hreflang="nb-no" href="/?locale=nb_NO">
<link rel="alternate" hreflang="fa-ir" href="/?locale=fa_IR">
<link rel="alternate" hreflang="pt-br" href="/?locale=pt_BR">
<link rel="alternate" hreflang="pt-pt" href="/?locale=pt_PT">
<link rel="alternate" hreflang="ru-ru" href="/?locale=ru_RU">
<link rel="alternate" hreflang="es-mx" href="/?locale=es_MX">
<link rel="alternate" hreflang="sw-ke" href="/?locale=sw_KE">
<link rel="alternate" hreflang="tl-ph" href="/?locale=tl_PH">
<link rel="alternate" hreflang="th-th" href="/?locale=th_TH">
<link rel="alternate" hreflang="tr-tr" href="/?locale=tr_TR">
<link rel="alternate" hreflang="uk-ua" href="/?locale=uk-UA">
<link rel="alternate" hreflang="vi-vn" href="/?locale=vi_VN"></head>

<body class="bg-reset bg-body navbar-main-transparent pt-0">
    <a href="#main-page-content" class="sr-only sr-only-focusable">Skip to main content</a>
<a href="#bottom-page-nav" class="sr-only sr-only-focusable">Skip to bottom nav</a>

<div id="layout-wrapper">
    <div id="navbar-main" class="fixed-top">
  

    <nav class="navbar bg-primary navbar-dark navbar-expand-lg">
        <div class="container">
            <button class="navbar-toggler dropdown-toggle border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <img src="//d37v7cqg82mgxu.cloudfront.net/img/active-listeners-therapy.svg" alt="7 Cups Online Therapy and Free Counseling" height="30" width="36">
            </button>
            <a class="navbar-brand d-none d-lg-block" href="/">
                <img src="//d37v7cqg82mgxu.cloudfront.net/img/active-listeners-therapy.svg" alt="7 Cups Online Therapy and Free Counseling" height="30" width="36">
            </a>
            <div class="order-lg-3">
                <ul class="nav text-white">


                        <li class="nav-item"><a class="nav-link mx-2 text-reset" href="/login.php">Login/Signup</a></li>
                    
                    <li class="nav-item dropdown">
                        <span class="btn btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                            <img src="//d37v7cqg82mgxu.cloudfront.net/flags/us.svg" alt="Lang us" style="width:1.6em; height:1.2em;" loading="lazy">
                        </span>
                        <ul class="dropdown-menu dropdown-menu-end" style="max-width:90vw;height:auto;max-height:20rem;overflow-x:hidden;">
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('en_US')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/us.svg" alt="" loading="lazy">
                                    English (US)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('af_ZA')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/za.svg" alt="" loading="lazy">
                                    Afrikaans (ZA)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('ar_EG')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/eg.svg" alt="" loading="lazy">
                                    Arabic (EG)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('hy_AM')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/am.svg" alt="" loading="lazy">
                                    Armenian (AM)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('km_KH')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/kh.svg" alt="" loading="lazy">
                                    Cambodian (KH)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('zh_CN')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/cn.svg" alt="" loading="lazy">
                                    Chinese (CN)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('zh_TW')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/tw.svg" alt="" loading="lazy">
                                    Chinese (TW)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('da_DK')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/dk.svg" alt="" loading="lazy">
                                    Danish (DK)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('nl_NL')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/nl.svg" alt="" loading="lazy">
                                    Dutch (NL)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('fr_CA')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/ca.svg" alt="" loading="lazy">
                                    French (CA)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('fr_FR')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/fr.svg" alt="" loading="lazy">
                                    French (FR)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('de_DE')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/de.svg" alt="" loading="lazy">
                                    German (DE)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('el_GR')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/gr.svg" alt="" loading="lazy">
                                    Greek (GR)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('hi_IN')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/in.svg" alt="" loading="lazy">
                                    Hindi (IN)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('hu_HU')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/hu.svg" alt="" loading="lazy">
                                    Hungarian (HU)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('id_ID')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/id.svg" alt="" loading="lazy">
                                    Indonesian (ID)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('it_IT')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/it.svg" alt="" loading="lazy">
                                    Italian (IT)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('ja_JP')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/jp.svg" alt="" loading="lazy">
                                    Japanese (JP)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('ko_KR')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/kr.svg" alt="" loading="lazy">
                                    Korean (KR)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('lt_LT')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/lt.svg" alt="" loading="lazy">
                                    Lithuanian (LT)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('ms_MY')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/my.svg" alt="" loading="lazy">
                                    Malay (MY)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('nb_NO')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/no.svg" alt="" loading="lazy">
                                    Norwegian (NO)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('fa_IR')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/ir.svg" alt="" loading="lazy">
                                    Persian (IR)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('pt_BR')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/br.svg" alt="" loading="lazy">
                                    Portuguese (BR)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('pt_PT')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/pt.svg" alt="" loading="lazy">
                                    Portuguese (PT)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('ru_RU')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/ru.svg" alt="" loading="lazy">
                                    Russian (RU)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('es_MX')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/mx.svg" alt="" loading="lazy">
                                    Spanish (MX)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('sw_KE')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/ke.svg" alt="" loading="lazy">
                                    Swahili (KE)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('tl_PH')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/ph.svg" alt="" loading="lazy">
                                    Tagalog (PH)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('th_TH')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/th.svg" alt="" loading="lazy">
                                    Thai (TH)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('tr_TR')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/tr.svg" alt="" loading="lazy">
                                    Turkish (TR)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('uk-UA')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/ua.svg" alt="" loading="lazy">
                                    Ukrainian (UA)
                                </span>
                            </li>
                            <li>
                                <span class="dropdown-item cursor-pointer" onclick="updateLocale('vi_VN')">
                                    <img style="width:1.6em; height:1.2em;" src="//d37v7cqg82mgxu.cloudfront.net/flags/vn.svg" alt="" loading="lazy">
                                    Vietnamese (VN)
                                </span>
                            </li>
                        </ul>
                    </li>
                </ul>              
            </div>            
            <div class="collapse navbar-collapse order-lg-2" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item hidden-md-up">
                        <a class="nav-link" href="/">Home</a>
                    </li>                             
                    <li class="nav-item">
                        <a href="/connect/" class="nav-link">Connect Now</a>
                    </li>  



                    <li class="nav-item">
                        <a class="nav-link" href="/community/" rel="nofollow">Community</a>
                    </li>                   

                    <li class="nav-item">
                        <a class="btn btn-orange" href="/online-therapy/?_cta[type]=therapy&amp;_cta[location]=header&amp;_cta[subLocation]=Start+Therapy+Tab">
                            <span class="d-md-none d-xl-inline">Considering Therapy</span>
                            <span class="d-none d-md-block d-xl-none">Therapy</span> 
                        </a>
                    </li>
                    


                    <li class="nav-item">
                        <a class="nav-link" href="/listener/become-a-volunteer-listener.php" onclick="tracker.emitThenFollow('ctaBecomeListener', {location: 'Header'});">
                            <span class="d-md-none d-xl-inline">Volunteer as a Listener</span>
                            <span class="d-none d-md-block d-xl-none">Volunteer</span>
                        </a>
                    </li>

                    <li class="nav-item dropdown">                
                        <span type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Organizations</span>
                        <ul id="header-nav-dropdown-solutions" class="dropdown-menu">
                          <li><a class="dropdown-item" href="/solutions/studentsupport/">Support Students</a></li>
                          <li><a class="dropdown-item" href="/solutions/employeesupport/">Support Employees</a></li>
                          <li><a class="dropdown-item" href="/solutions/nonprofitsupport/">Support Nonprofits</a></li>
                        </ul>               
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="/Documents/SafetyFactsheet/" data-policymodal="SafetyFactsheet">Safety</a>
                    </li>
                </ul>
                                
            </div>            
        </div>
    </nav>
   
</div>
    <div id="main-page-content" style="flex: 1 0 auto;">
    

    <section id="section-hero" class="min-vh-100 text-light pb-3 pb-md-5 d-flex flex-column" style="padding-top:52.5px;background-position: center center;background-size: cover;background-image: linear-gradient(270deg, rgba(58, 58, 58, 0.1) 0%, rgba(20, 20, 20, 0.5) 100%), url('//d37v7cqg82mgxu.cloudfront.net/img/home/woman-drinking-tea-overlooking-lake.jpg');">
        <div class="container-md flex-grow-1 mb-5 d-flex align-items-center">
            <div class="col-sm-8 col-md-8 col-lg-7 col-xl-6 col-xxl-5">
                <div class="d-inline-flex me-3">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left-light.svg" alt="" style="width: 20px;height:67.5px;">
                    <div class="flex-grow-1 d-flex align-items-center">
                        <div class="text-center px-2">
                            <div class="fw-semibold lh-1">4.5 Rating</div>
                            <div class="small lh-1">On AppStore</div>
                            <div class="text-info">
                                <i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star-half" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right-light.svg" alt="" style="width: 20px;height:67.5px;">
                </div>

                <div class="d-inline-flex">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left-light.svg" alt="" style="width: 20px;height:67.5px;">
                    <div class="flex-grow-1 d-flex align-items-center">
                        <div class="text-center px-2">
                            <div class="fw-semibold lh-1">4.7 Rating</div>
                            <div class="small lh-1">On Trustpilot</div>
                            <div class="text-info">
                                <i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star" aria-hidden="true"></i><!--
                                --><i class="fa-solid fa-star-half" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right-light.svg" alt="" style="width: 20px;height:67.5px;">
                </div>

                <h1 class="fw-bold mb-0">Need someone to talk to?</h1>
                <h1 class="fw-bold">Our counselors and listeners are standing by.</h1>
                <p class="col-10 col-sm-9 col-md-6">7 Cups connects you to caring listeners for free emotional support.</p>
                <div class="d-flex flex-column align-items-center" style="width: fit-content;">
                    <a href="/welcome/?_cta%5Buri_requested%5D=%2Fwelcome%2F&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=topsplash" class="btn btn-lg btn-warning px-5 fw-semibold">Get started</a>
                                            <a href="/online-therapy/?_cta%5Btype%5D=therapy&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=topsplash" class="pt-2 text-white text-hover-underline fw-semibold">Considering therapy?</a>
                                    </div>
            </div>
        </div>

        <div class="container-md">
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="row text-md-center">
                        <div class="col-2 col-sm-1 col-md-12 mb-2">
                            <i class="fa-solid fa-comments fa-fw display-4"></i>
                        </div>
                        <div class="col-10 col-sm-11 col-md-12">
                            <h2 class="fw-bold fs-4 mb-0 mb-md-1">Free 24/7 Chat</h2>
                            <p>7 Cups connects you to caring listeners for free emotional support.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="row text-md-center">
                        <div class="col-2 col-sm-1 col-md-12 mb-2">
                            <i class="fa-solid fa-headphones fa-fw display-4"></i>
                        </div>
                        <div class="col-10 col-sm-11 col-md-12 ">
                            <h2 class="fw-bold fs-4 mb-0 mb-mb-1">Affordable Online Therapy</h2>
                            <p>Confidential online therapy &amp; coaching with licensed therapists for a low monthly fee.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="row text-md-center">
                        <div class="col-2 col-sm-1 col-md-12 mb-2">
                            <i class="fa-brands fa-pagelines fa-fw display-4"></i>
                        </div>
                        <div class="col-10 col-sm-11 col-md-12">
                            <h2 class="fw-bold fs-4 mb-0 mb-md-1">Grow at Your Own Pace</h2>
                            <p>Explore self help guides &amp; growth paths for proven tips and advice on how to feel better.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

            <div id="section-press" class="bg-light py-5">
            <div class="container-md text-center py-4">
                <a href="/about/press.php?_cta%5Buri_requested%5D=%2Fabout%2Fpress.php&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=section-press">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/the-wallstreet-journal-gray700.svg" loading="lazy" alt="The Wall Street Journal" class="mx-3 my-2" style="width:252.656px;height:22px">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/the-new-yorker-gray700.svg" loading="lazy" alt="The New Yorker" class="mx-3 my-2" style="width:194.750px;height:22px">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/techcrunch-gray700.svg" loading="lazy" alt="TechCrunch" class="mx-3 my-2" style="width:203.391px;height:25px">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/usa-today-gray700.svg" loading="lazy" alt="USA Today" class="mx-3 my-2" style="width:137.922px;height:25px">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/entrepreneur-gray700.svg" loading="lazy" alt="Entrepeneur" class="mx-3 my-2" style="width:127.953px;height:25px">
                </a>
            </div>
        </div>
        

    <section id="section-community" class="d-flex flex-column py-4 py-md-5" style="height: 850px; background-position: center top; background-size: cover; background-image: linear-gradient(rgba(58, 58, 58, 0) 0%, rgba(20, 20, 20, 0.5) 100%), url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/community-support.jpg&quot;);" data-lazy-bg-image="linear-gradient(180deg, rgba(58, 58, 58, 0) 0%, rgba(20, 20, 20, 0.5) 100%), url('//d37v7cqg82mgxu.cloudfront.net/img/home/community-support.jpg')">
        <div class="container-md flex-grow-1 flex-md-grow-0 text-start text-md-center">
            <div class="reveal-fadein reveal-slideup">
                <h3 class="fw-bold fs-2">The world’s largest mental health community.</h3>
                <p>For over 10 years we’ve been the place to go to for help, compassion and friendship. Supportive friends and listeners are just a few clicks away.</p>
            </div>
        </div>
                    <div class="container-md">
                <div class="row justify-content-center">
                    <div class="col-11 col-sm-8 col-md-8 col-lg-6 col-xl-5 col-xxl-4">
                        <div class="card reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="row align-items-center mb-2">
                                    <div class="col-2">
                                        <div class="ratio ratio-1x1">
                                            <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/Icon_ChatHeart.png" loading="lazy" alt="">
                                        </div>
                                    </div>
                                    <div class="col-10">
                                        <div class="fs-4 fw-bold text-primary lh-1">1,818,598,937</div>
                                        <div class="fw-semibold small lh-1">Messages, chat, and therapy sessions</div>
                                    </div>
                                </div>
                                <div class="row align-items-center mb-2">
                                    <div class="col-2">
                                        <div class="ratio ratio-1x1">
                                            <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/Icon_WorldHeart.png" loading="lazy" alt="">
                                        </div>
                                    </div>
                                    <div class="col-10">
                                        <div class="fs-4 fw-bold text-primary lh-1">72,298,116</div>
                                        <div class="fw-semibold small lh-1">Lives touched around the globe</div>
                                    </div>
                                </div>
                                <div class="row align-items-center">
                                    <div class="col-2">
                                        <div class="ratio ratio-1x1">
                                            <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/Icon_Target.png" loading="lazy" alt="">
                                        </div>
                                    </div>
                                    <div class="col-10">
                                        <div class="fs-4 fw-bold text-primary lh-1">563,378</div>
                                        <div class="fw-semibold small lh-1">Trained listeners providing support</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </section>

    <section id="section-professional-therapy">
        <div class="container-lg px-0 px-lg-4 mt-md-5 mb-lg-4">
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-lg-7">
                    <div class="position-relative">
                        <div class="ps-lg-5 pb-0 pb-sm-5">
                            <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/professional-therapist.jpg" class="rounded-lg-2 img-fluid" alt="Online therapy from a licensed profressional therapists" loading="lazy">
                        </div>
                        <div class="d-none d-sm-block position-absolute bottom-0 start-0 col-10 col-sm-7 col-lg-10 col-xl-7 reveal-slideup reveal-fadein ps-3 ps-lg-0">
                            <div class="card border-0 shadow-sm">
                                <div class="card-body">
                                    <div class="d-flex align-items-center mb-1">
                                        <div class="position-relative me-3" style="width:2.5rem;">
                                            <div class="img-profile rounded-circle" data-lazy-bg-image="url('//d37v7cqg82mgxu.cloudfront.net/img/home/kare-m.jpg')" style="background-image: url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/kare-m.jpg&quot;);"></div>
                                        </div>
                                        <div>
                                            <div class="fw-semibold lh-1">Kare M</div>
                                            <div class="small lh-1">Licensed Professional Counselor, MS, LCMHC, NCC</div>
                                        </div>
                                    </div>
                                    <div class="small mb-1 fw-semibold">Hey, how are you feeling today? I’m really proud of the work we’ve been doing together this week. Remember to take 5mins today to try that reflection exercise we went through.</div>
                                    <div class="text-end small">
                                        <i class="fa-solid fa-clock text-success"></i> 2 mins ago                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-5 p-5">
                    <div class="reveal-slideup reveal-fadein">
                        <h6 class="fw-semibold text-uppercase">Professional Therapy</h6>
                        <h3 class="fw-bold fs-2">Get support with online therapy</h3>
                        <p>Want a little extra help? You can get ongoing support, treatment and guidance from a licensed therapist when you sign up for online therapy.</p>
                        <div class="col-12 col-sm-8 col-md-6 col-lg-12 col-xl-10 row align-items-center mb-3 mx-auto mx-lg-0">
                            <div class="col"><img class="img-fluid" src="//d37v7cqg82mgxu.cloudfront.net/img/home/hipaa-compliant.svg" alt="HIPAA Compliant" loading="lazy"></div>
                            <div class="col"><img class="img-fluid" src="//d37v7cqg82mgxu.cloudfront.net/img/home/secure-communications.svg" alt="Secure Communications" loading="lazy"></div>
                            <div class="col"><img class="img-fluid" src="//d37v7cqg82mgxu.cloudfront.net/img/home/soc2-type2-certified.svg" alt="SOC 2 Type II Certified" loading="lazy"></div>
                        </div>
                        <div class="text-center text-lg-start mb-4">
                            <a href="/online-therapy/?_cta%5Btype%5D=therapy&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=section-professional-therapy" class="btn btn-lg btn-info px-5 fw-semibold">Get started</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>    

    <section id="section-callhome" class="bg-light py-3">
        <div class="container-md pt-4">
            <div class="row justify-content-center align-items-center">
                <div class="col-11 order-sm-1 col-sm-6 col-lg-4 mb-4">
                    <img class="img-fluid rounded reveal-slideup reveal-fadein" src="//d37v7cqg82mgxu.cloudfront.net/img/home/backbacking-in-the-outdoors.jpg" loading="lazy" alt="A walk in nature can be rejuvinating">
                </div>
                <div class="col-11 order-sm-0  col-sm-5 col-lg-4 mb-4">
                    <div class="reveal-slideup reveal-fadein">
                        <h2 class="fw-bold fs-2">An Online Therapy Community That Many Call Home</h2>
                        <p>No matter who you are or what you’ve going through, you’re not alone. There are many people who are just like you at 7 Cups. This is a place where you’ll be heard and cared for. We might be strangers on the surface, but underneath we’re just the friends you haven’t met yet.</p>
                        <div class="text-center text-md-start"><a href="/welcome/?_cta%5Buri_requested%5D=%2Fwelcome%2F&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=section-callhome" class="btn btn-lg btn-info px-5 fw-semibold">Get started</a></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="section-awards" class="bg-parallax d-flex flex-column py-4 py-md-5" data-lazy-bg-image="linear-gradient(180deg, rgba(58, 58, 58, 0) 0%, rgba(20, 20, 20, 0.5) 100%), url('//d37v7cqg82mgxu.cloudfront.net/img/home/hand-on-moss.jpg')" style="background-image: linear-gradient(rgba(58, 58, 58, 0) 0%, rgba(20, 20, 20, 0.5) 100%), url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/hand-on-moss.jpg&quot;);">
        <div class="container-md text-light d-flex justify-content-end mb-5">
            <div class="col-12 col-sm-6 col-lg-4">
                <div class="reveal-slideup reveal-fadein">
                    <h3 class="fw-bold fs-2">7 Cups: The Award-Winning Leader in Mental Health</h3>
                    <p>Widely recognized as the Most Highly Awarded and Recognized Leader in Mental Health, 7 Cups empowers individuals and organizations to prioritize mental well-being.</p>
                </div>
            </div>
        </div>
        <div class="container-md d-flex justify-content-end">
            <div class="col-12 col-sm-11 col-lg-10 col-xl-9">
                <div class="card reveal-slideup reveal-fadein">
                    <div class="card-body pb-0">
                        <div class="row">
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Healthcare System Design Innovation Award</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/standford-medicine.png" alt="Standford Medicine X" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Transforming Mental Health Award</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/world-economic-forum.svg" alt="World Economic Forum, Technology Pioneers" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Online Group Therapy Award</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/verywellmind.svg" alt="Verywell Mind" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Online Therapy for Postpartum Depression</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/verywellmind.svg" alt="Verywell Mind" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Online Text Therapy Companies</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/verywellmind.svg" alt="Verywell Mind" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Online Therapy Platforms: Best for Free Services</div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Online Therapy Programs for Kids</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/psych-central.svg" alt="PsychCentral" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">4.5 Rating</div>
                                                <div class="small lh-1">On AppStore</div>
                                                                                                    <div class="text-primary star-rating star-rating-4.5" style="font-size:13px;">
                                                        <i class="fa-solid fa-star-1" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-2" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-3" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-4" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-5" aria-hidden="true"></i>
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Free Online Therapy Service for Teens</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/healthline.svg" alt="Healthline" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">Winner</div>
                                                <div class="small lh-1">Best Chat Service for Bipolar Disorder</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/psych-central.svg" alt="PsychCentral" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">App of the month</div>
                                                <div class="small lh-1">Best for you</div>
                                                                                                    <div class="text-center">
                                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/nhs.png" alt="NHS" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                            <div class="col-6 col-md-4 col-xl-3 mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                        <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                            <div class="text-center px-2">
                                                <div class="fw-semibold lh-1 text-primary">4.7 Rating</div>
                                                <div class="small lh-1">On Trustpilot</div>
                                                                                                    <div class="text-primary star-rating star-rating-4.5" style="font-size:13px;">
                                                        <i class="fa-solid fa-star-1" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-2" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-3" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-4" aria-hidden="true"></i><!--
                                                        --><i class="fa-solid fa-star-5" aria-hidden="true"></i>
                                                    </div>
                                                                                            </div>
                                        </div>
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="section-anonymous-chat" class="bg-light">
        <div class="container-md pt-5">
            <div class="row justify-content-around align-items-center">
                <div class="col-12 col-sm-9 col-md-7 col-lg-5 mb-4">
                    <div class=" position-relative">
                        <div class="py-5 px-2 px-sm-5">
                            <img class="img-fluid rounded" src="//d37v7cqg82mgxu.cloudfront.net/img/home/friends-chatting.jpg" loading="lazy" alt="Close friends chatting">
                        </div>

                        <div class="card border-0 shadow-sm position-absolute top-0 start-0 col-10 col-sm-7 col-lg-8 col-xl-7 reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center mb-1">
                                    <div class="position-relative" style="width:2.5rem;">
                                        <div class="img-profile rounded-circle" data-lazy-bg-image="url('//d37v7cqg82mgxu.cloudfront.net/img/home/CreativeBird.png')" style="background-image: url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/CreativeBird.png&quot;);"></div>
                                    </div>
                                    <div>
                                        <span class="badge rounded-pill text-bg-primary fw-normal fs-6"><i class="fa-solid fa-paper-plane"></i> Message</span>
                                    </div>
                                </div>
                                <div class="mb-1">
                                    <span class="fw-semibold">CreativeBird</span> <i class="fa-solid fa-circle-check text-primary"></i>
                                </div>
                                <div class="mb-1">
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <span class="badge rounded-pill bg-warning text-white fw-normal me-1 align-text-top" style="padding-left:0.4em;padding-right:0.4em;">L</span>
                                        Epitome 19
                                    </span>
                                </div>
                                <div class="small mb-1">If speaking kindly to plants helps them grow, imagine what speaking kindly to humans can do.</div>
                                <div>
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <i class="fa-solid fa-fire text-primary"></i>
                                    </span>
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <i class="fa-solid fa-bolt fa-fw text-pink"></i>
                                        203
                                    </span>
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <i class="fa-solid fa-star fa-fw text-warning"></i>
                                        2,164,675
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="card border-0 shadow-sm position-absolute bottom-0 end-0 col-7 col-xl-7 reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center mb-1">
                                    <div class="position-relative" style="width:2.5rem;">
                                        <div class="img-profile rounded-circle" data-lazy-bg-image="url('//d37v7cqg82mgxu.cloudfront.net/profileImgInt_Fi.svg')" style="background-image: url(&quot;//d37v7cqg82mgxu.cloudfront.net/profileImgInt_Fi.svg&quot;);"></div>
                                    </div>
                                    <div>
                                        <span class="badge rounded-pill text-bg-primary fw-normal fs-6"><i class="fa-solid fa-paper-plane"></i> Message</span>
                                    </div>
                                </div>
                                <div class="mb-1">
                                    <span class="fw-semibold">Findingmyway81</span> <i class="fa-solid fa-circle-check text-primary"></i>
                                </div>
                                <div class="mb-1">
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <span class="badge rounded-pill bg-primary text-white fw-normal align-text-top" style="padding-left:0.4em;padding-right:0.4em;">M</span>
                                        Meaningful Journey 12
                                    </span>
                                </div>
                                <div class="small mb-1">Taking one step at a time</div>
                                <div>
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <i class="fa-solid fa-fire text-primary"></i>
                                    </span>
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <i class="fa-solid fa-bolt fa-fw text-pink"></i>
                                        44
                                    </span>
                                    <span class="badge rounded-pill text-bg-light fw-normal">
                                        <i class="fa-solid fa-star fa-fw text-warning"></i>
                                        402,215
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-10 col-md-5 mb-4">
                    <div class="reveal-slideup reveal-fadein">
                        <h6 class="fw-semibold text-uppercase">24/7 Live Support</h6>
                        <h3 class="fw-bold fs-2">Anonymous virtual chat with caring listeners</h3>
                        <p>Need to talk to someone? Our trained volunteer listeners are available 24/7 to give emotional support over online chat. It’s anonymous and completely free. When you need someone to talk to, we’re here to listen and help you feel better.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="section-support-groups" class="d-flex flex-column justify-content-end  py-5" style="height: 800px; background-position: 15% top; background-size: cover; background-image: linear-gradient(rgba(58, 58, 58, 0.2) 0%, rgb(20, 20, 20) 100%), url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/support-group-meeting.jpg&quot;);" data-lazy-bg-image="linear-gradient(180deg, rgba(58, 58, 58, 0.2) 0%, rgba(20, 20, 20, 1) 100%), url('//d37v7cqg82mgxu.cloudfront.net/img/home/support-group-meeting.jpg')">
        <div class="container-md">
            <div class="row justify-content-center align-items-center">
                <div class="col-11 col-md-6 col-lg-4">
                    <div class="text-light reveal-slideup reveal-fadein">
                        <h6 class="fw-semibold text-uppercase">Support Groups</h6>
                        <h3 class="fw-bold fs-2">Community is at the heart of 7 Cups</h3>
                        <p>You can find support and friendship in chat rooms and forums for many issues, like depression, anxiety, relationships, LGBTQ+ and more. Ask for help, join a scheduled group support session, or share your own wisdom and life experience to help others along the way. We’re all in this together.</p>
                    </div>
                </div>
                <div class="col-11 col-md-6 col-xl-4">
                                            <div class="card border-0 shadow-sm mb-2 reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="fw-semibold"><i class="fa-solid fa-star-of-life text-success"></i> Day 3: What made you feel proud today?</div>
                                <div class="row small text-muted">
                                    <div class="col">Daily Reflections</div>
                                    <div class="col"><i class="fa-solid fa-clock"></i> 45 mins remaining</div>
                                </div>
                            </div>
                        </div>
                                            <div class="card border-0 shadow-sm mb-2 reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="fw-semibold"><i class="fa-solid fa-star-of-life text-success"></i> Sharing Circle with Ruby</div>
                                <div class="row small text-muted">
                                    <div class="col">Sharing Circle</div>
                                    <div class="col"><i class="fa-solid fa-clock"></i> 30 mins remaining</div>
                                </div>
                            </div>
                        </div>
                                            <div class="card border-0 shadow-sm mb-2 reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="fw-semibold"><i class="fa-solid fa-star-of-life text-success"></i> Exploring anxiety with Jennifer PhD</div>
                                <div class="row small text-muted">
                                    <div class="col">Exploration Garden</div>
                                    <div class="col"><i class="fa-solid fa-clock"></i> 15 mins remaining</div>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </section>

    <section id="section-meet-noni" class="bg-light">
        <div class="container-md py-5">
            <div class="row justify-content-center">
                <div class="col-10">
                    <div class="row py-3 p-lg-5 gx-5 justify-content-between rounded" style="min-height: 600px; background-position: 55% top; background-size: cover; background-image: url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/messaging-noni-ai-counsellor.jpg&quot;);" data-lazy-bg-image="url('//d37v7cqg82mgxu.cloudfront.net/img/home/messaging-noni-ai-counsellor.jpg')">
                        <div class="col-12 col-md-6 d-flex flex-column justify-content-end mb-5 mb-lg-0">
                            <div class="text-light reveal-slideup reveal-fadein">
                                <h6 class="fw-semibold text-uppercase">Compassionate AI</h6>
                                <h3 class="fw-bold fs-2">Meet Noni, your AI counsellor</h3>
                                <p>Looking for therapy that is private and judgement-free? Noni is trained to listen, help you explore and never judge. She can help you identify triggers, gain insight and problem solve. Chat with her now!</p>
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                                                            <div class="card border-0 shadow-sm text-bg-light rounded-top-start-0 me-5 bg-opacity-50 reveal-slideup reveal-fadein">
                                    <div class="card-body d-flex">
                                        <img class="rounded-circle me-3" src="//d37v7cqg82mgxu.cloudfront.net/img/noniCup.jpg" style="width:40px;height:40px;" alt="" loading="lazy">
                                        <div>Can you tell me more about why you feel that way?</div>
                                    </div>
                                </div>
                                                            <div class="card border-0 shadow-sm text-bg-primary rounded-top-end-0 ms-5 bg-opacity-50 reveal-slideup reveal-fadein">
                                    <div class="card-body d-flex">
                                        <img class="rounded-circle me-3" src="//d37v7cqg82mgxu.cloudfront.net/img/home/member-texting-noni.jpg" style="width:40px;height:40px;" alt="" loading="lazy">
                                        <div>It started getting worse when I moved cities. Now I feel anxious all the time.</div>
                                    </div>
                                </div>
                                                            <div class="card border-0 shadow-sm text-bg-light rounded-top-start-0 me-5 bg-opacity-50 reveal-slideup reveal-fadein">
                                    <div class="card-body d-flex">
                                        <img class="rounded-circle me-3" src="//d37v7cqg82mgxu.cloudfront.net/img/noniCup.jpg" style="width:40px;height:40px;" alt="" loading="lazy">
                                        <div>Big life changes like moving city are not necessarily easy. You’re doing well to take such a brave step.</div>
                                    </div>
                                </div>
                                                            <div class="card border-0 shadow-sm text-bg-primary rounded-top-end-0 ms-5 bg-opacity-50 reveal-slideup reveal-fadein">
                                    <div class="card-body d-flex">
                                        <img class="rounded-circle me-3" src="//d37v7cqg82mgxu.cloudfront.net/img/home/member-texting-noni.jpg" style="width:40px;height:40px;" alt="" loading="lazy">
                                        <div>Thanks. I think I’m ready to try that breathing technique you suggested.</div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="section-forum-self-help" style="height: 800px; background-position: 30% top; background-size: cover; background-image: url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/paddle-kayak.jpg&quot;);" data-lazy-bg-image="url('//d37v7cqg82mgxu.cloudfront.net/img/home/paddle-kayak.jpg')">
        <div class="container-md p-5">
            <div class="col-11 col-md-8 col-lg-5 col-xl-4  reveal-slideup reveal-fadein">
                <h6 class="fw-semibold text-uppercase">Forums and Self Help Guides</h6>
                <h3 class="fw-bold fs-2">Nurture your mental health, try self help made easy</h3>
                <p>Discover your personal growth path and learn new coping skills to grow stronger each day. Each step on your path is a simple self help activity, designed to help you feel better.</p>
            </div>
        </div>
    </section>

    <section id="section-teens" class="bg-light">
        <div class="container-md p-5">
            <div class="row gx-5 justify-content-center">
                <div class="col-12 col-lg-6 col-xxl-7 rounded" style="min-height: 300px; background-position: center center; background-size: cover; background-image: url(&quot;//d37v7cqg82mgxu.cloudfront.net/img/home/teen-with-headphones.jpg&quot;);" data-lazy-bg-image="url('//d37v7cqg82mgxu.cloudfront.net/img/home/teen-with-headphones.jpg')">
                </div>
                <div class="col-12 col-lg-6 col-xxl-5 px-0 py-3 p-lg-5">
                    <div>
                        <div class="reveal-slideup reveal-fadein">
                            <h3 class="fw-bold fs-2">We’re here for teens too</h3>
                            <p>Are you 13-17 years old? We have listeners available especially for teens, so you can chat confidentially whenever you need to. You can also join our lively teen community forums and chat rooms to share with peers who understand what you’re going through. Get support and make new friends along the way.</p>
                            <div class="text-center text-md-start mb-4">
                                <a href="/welcome/?_cta%5Buri_requested%5D=%2Fwelcome%2F&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=section-teens" class="btn btn-lg btn-info px-5 fw-semibold">Get started</a>
                            </div>
                        </div>
                        <div class="row">
                                                            <div class="col-6 d-flex align-items-center reveal-slideup reveal-fadein">
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                        <div class="text-center px-2">
                                            <div class="fw-semibold lh-1 text-primary">Winner</div>
                                            <div class="small lh-1">Best Free Online Therapy Service for Teens</div>
                                                                                            <div class="text-center">
                                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/healthline.svg" alt="Healthline" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                </div>
                                                                                    </div>
                                    </div>
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                </div>
                                                            <div class="col-6 d-flex align-items-center reveal-slideup reveal-fadein">
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-left.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                    <div class="flex-grow-1 d-flex justify-content-center align-items-center">
                                        <div class="text-center px-2">
                                            <div class="fw-semibold lh-1 text-primary">Winner</div>
                                            <div class="small lh-1">Best Online Therapy Programs for Kids</div>
                                                                                            <div class="text-center">
                                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/awards/psych-central.svg" alt="PsychCentral" loading="lazy" style="height:15px;width:auto;max-width:100%;">
                                                </div>
                                                                                    </div>
                                    </div>
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/banner-quoter-right.svg" alt="" style="width:20px;height:67.5px;" loading="lazy">
                                </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="section-choose-your-therapist" class="bg-info py-5">
        <div class="container-md py-4">
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-md-6 col-lg-5 col-xl-4 p-5">
                    <div class="reveal-slideup reveal-fadein text-white">
                        <h6 class="fw-semibold text-uppercase">Choose Your Therapist</h6>
                        <h3 class="fw-bold fs-2">Meet the 7 Cups licensed providers</h3>
                        <p>We’ll match you with the therapist that’s right for you. Or pick your therapist from our directory.</p>
                        <div class="text-center text-md-start">
                            <a href="/online-therapy/?_cta%5Btype%5D=therapy&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=section-choose-your-therapist" class="btn btn-lg btn-warning px-5 fw-semibold">Get started</a>
                        </div>
                    </div>
                </div>
                <div class="col-11 col-sm-9 col-md-6 col-lg-5 col-xl-4">
                                            <div class="card border-0 shadow-sm reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-1">
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/Jennifer-Geib.jpg" loading="lazy" class="rounded-circle me-2" style="width:40px;height:40px;" alt="Therapist Jennifer Geib">
                                    <div>
                                        <div class="fw-semibold lh-1">Jennifer Geib</div>
                                        <div class="small lh-1">Clinical Social Work/Therapist, LCSWR</div>
                                    </div>
                                </div>
                                <div class="small">My therapy is non-judgmental and focuses on emotions and motivation to accomplish your goals or overcome your struggles.</div>
                            </div>
                        </div>
                                            <div class="card border-0 shadow-sm reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-1">
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/Maria-Anisia-Dascalescu-Cocan.jpg" loading="lazy" class="rounded-circle me-2" style="width:40px;height:40px;" alt="Therapist Maria Anisia Dascalescu Cocan">
                                    <div>
                                        <div class="fw-semibold lh-1">Maria Anisia Dascalescu Cocan</div>
                                        <div class="small lh-1">Marriage &amp; Family Therapist, MA</div>
                                    </div>
                                </div>
                                <div class="small">Therapy slogan: Confidentiality, respect and professionalism!</div>
                            </div>
                        </div>
                                            <div class="card border-0 shadow-sm reveal-slideup reveal-fadein">
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-1">
                                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/Lisa-Meighan.jpg" loading="lazy" class="rounded-circle me-2" style="width:40px;height:40px;" alt="Therapist Lisa Meighan">
                                    <div>
                                        <div class="fw-semibold lh-1">Lisa Meighan</div>
                                        <div class="small lh-1">Counselor, MSc Psychology</div>
                                    </div>
                                </div>
                                <div class="small">I work using an eclectic style of psychotherapy and we work according to your goals, preferences and needs using evidence-based practices.</div>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </section>    

    <section id="section-how-therapy-works" class="bg-light py-3">
        <div class="container-lg py-4">
            <div class="row justify-content-center align-items-center">
                <div class="d-none d-sm-block col-6 col-md-5 col-lg-5 col-xl-4">
                    <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/online-therapy-from-laptop.jpg" class="rounded img-fluid" alt="Online therapy from anywhere" loading="lazy">
                </div>
                <div class="col-12 col-sm-6 col-md-5 col-lg-6 col-xl-4 px-4">
                    <h6 class="fw-semibold text-uppercase">How Therapy Works</h6>
                    <div style="max-width:350px;">
                        <div class="reveal-slideup reveal-fadein d-flex align-items-center mb-3">
                            <div class="fw-bold me-3 lh-1" style="font-size:5em;width:1em">1</div>
                            <div class="fw-semibold fs-5 lh-1 flex-shrink-1">Get matched with a mental health professional</div>
                        </div>
                        <div class="reveal-slideup reveal-fadein d-flex align-items-center mb-3">
                            <div class="fw-bold me-3 lh-1" style="font-size:5em;width:1em">2</div>
                            <div class="fw-semibold fs-5 lh-1 flex-shrink-1">Develop a treatment plan with your therapist</div>
                        </div>
                        <div class="reveal-slideup reveal-fadein d-flex align-items-center">
                            <div class="fw-bold me-3 lh-1" style="font-size:5em;width:1em">3</div>
                            <div class="fw-semibold fs-5 lh-1 flex-shrink-1">Receive support, guidance and develop new coping skills to stay on track with your 7 Cups treatment plan.</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="section-therapy-for-any-issue">
        <div class="container-lg px-0 px-md-4 mt-md-5 mb-md-5">
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-md-7 col-lg-6 col-xl-5 order-md-1">
                    <div class="position-relative">
                        <div class="col-12 col-md-8">
                            <img src="//d37v7cqg82mgxu.cloudfront.net/img/home/licensed-therapists-for-any-issue.jpg" class="rounded-md-2 img-fluid" alt="Online therapy that fits your needs" loading="lazy">
                        </div>
                        <div class="position-absolute bottom-0 end-0 col-11 pb-5">
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-cloud"></i> Depression                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-cloud-bolt"></i> Anxiety                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-heart"></i> Relationships                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-arrows-rotate"></i> OCD                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-signs-post"></i> Life transitions                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-masks-theater"></i> Personality disorders                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-baby"></i> Parenting                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-people-roof"></i> Family issues                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-rainbow"></i> LGBTQIA+                                </span>
                                                            <span class="badge rounded-pill shadow-sm bg-white text-gray-600 reveal-slideup reveal-fadein fw-normal fs-6 mb-2">
                                    <i class="fa-solid fa-person-shelter"></i> Loneliness                                </span>
                                                    </div>
                    </div>
                </div>
                <div class="col-12 col-md-5 col-lg-6 order-md-0 p-5 p-md-2 p-lg-5">
                    <div class="reveal-slideup reveal-fadein">
                        <h6 class="fw-semibold text-uppercase">Therapy for Any Issue</h6>
                        <h3 class="fw-bold fs-2">Our licensed therapists are standing by to help</h3>
                        <p>They are experts in many conditions, treatment approaches and navigating life’s challenges. Your therapist will provide:</p>
                    </div>
                    <ul class="fa-ul ms-4">
                        <li class="mb-2 reveal-slideup reveal-fadein"><span class="fa-li"><i class="fa-solid fa-check"></i></span>Daily messaging support to help you through tough moments.</li>
                        <li class="mb-2 reveal-slideup reveal-fadein"><span class="fa-li"><i class="fa-solid fa-check"></i></span>Goals and a plan to get there.</li>
                        <li class="mb-2 reveal-slideup reveal-fadein"><span class="fa-li"><i class="fa-solid fa-check"></i></span>Tailored guidance to make better decisions, improve your habits, overcome challenges and more.</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>    

    <section id="section-affordable-accessible-therapy">
        <div class="container-md py-5">
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-lg-7 order-lg-1">
                    <table class="table table-lg table-borderless fw-semibold">
                        <thead>
                            <tr>
                                <th></th>
                                <th class="text-center text-nowrap bg-white border-bottom rounded-top" style="width:25%;min-width:90px;">
                                    <div class="d-flex justify-content-center align-items-center">
                                        <img src="//d37v7cqg82mgxu.cloudfront.net/img/cup_cover.png" class="me-1" style="height:1em;" alt="7 Cups" loading="lazy">
                                        <span class="text-primary">7 Cups</span>
                                    </div>
                                </th>
                                <th class="text-center text-nowrap" style="width:25%;min-width:90px;">In-office</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="text-bg-primary">
                                <td class="rounded-start">Credentialed therapist</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center rounded-end"><i class="fa-solid fa-check text-light"></i></td>
                            </tr>
                            <tr>
                                <td>Messaging any time</td>
                                <td class="text-center  bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center"><i class="fa-solid fa-xmark text-primary"></i></td>
                            </tr>
                            <tr class="text-bg-primary">
                                <td class="rounded-start">Chat sessions</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center rounded-end"><i class="fa-solid fa-xmark"></i></td>
                            </tr>
                            <tr>
                                <td>Phone sessions</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center"><i class="fa-solid fa-xmark text-primary"></i></td>
                            </tr>
                            <tr class="text-bg-primary">
                                <td class="rounded-start">Video sessions</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center rounded-end"><i class="fa-solid fa-xmark"></i></td>
                            </tr>
                            <tr>
                                <td>Easy scheduling</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center"><i class="fa-solid fa-xmark text-primary"></i></td>
                            </tr>
                            <tr class="text-bg-primary">
                                <td class="rounded-start">Growth Paths</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center rounded-end"><i class="fa-solid fa-xmark"></i></td>
                            </tr>
                            <tr>
                                <td>Group sessions</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center"><i class="fa-solid fa-xmark text-primary"></i></td>
                            </tr>
                            <tr class="text-bg-primary">
                                <td class="rounded-start">Smart provider matching</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center rounded-end"><i class="fa-solid fa-xmark"></i></td>
                            </tr>
                            <tr>
                                <td>Easy to switch providers</td>
                                <td class="text-center bg-white border-bottom"><i class="fa-solid fa-check text-primary"></i></td>
                                <td class="text-center"><i class="fa-solid fa-xmark text-primary"></i></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-12 col-lg-5 p-5 order-lg-0">
                    <div class="reveal-slideup reveal-fadein">
                        <h6 class="fw-semibold text-uppercase">Affordable and Accessible</h6>
                        <h3 class="fw-bold fs-2">Counseling that works</h3>
                        <p>Online therapy is proven to be highly effective. With the added benefits of being easier to access and more affordable than in-office fees.</p>
                        <div class="text-center text-md-start">
                            <a href="/online-therapy/?_cta%5Btype%5D=therapy&amp;_cta%5Blocation%5D=homepage&amp;_cta%5BsubLocation%5D=section-affordable-accessible-therapy" class="btn btn-lg btn-info px-5 fw-semibold">Get started</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    </div>
</div>
<footer id="bottom-page-nav">
    <div class="bg-light">
    <div class="container py-4">
        <div class="row align-items-center justify-content-between">
            <div class="col-12 col-lg-7">
                <div class="d-flex flex-wrap justify-content-center justify-content-lg-start align-items-center">
                    <img src="/img/7clogodark.svg" loading="lazy" style="width:100%;width:65px;height:39px;padding-left:18px" alt="7 Cups Emotional Support">
                    <div class="text-center ms-md-4">
                        <h5 class="text-dark my-0"><strong>Don’t miss a message!</strong></h5>
                        <h6 class="text-dark fw-normal my-0">The 7 Cups app is available on iOS and Android</h6>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-5">
                <div class="row justify-content-center">
                    <div class="col-9 col-sm-6 py-2 text-center">
                        <a class="app-link" onclick="tracker.emitThenFollow('appLink', {location: window.location.href, platform: 'ios'})" target="_blank" title="iOS App to talk to someone about Depression, Anxiety and Stress with CBT and Mindfullness Meditation" href="https://itunes.apple.com/us/app/7CupsOfTea/id921814681?utm_source=7cupsfooter">
                            <img style="width:170px;height:50px" loading="lazy" title="iOS therapy app for stress, anxiety, mindfulness, lonelines and depression" alt="Best Apple iOS app for Anxiety, Stress &amp; Depression Relief based on Chat, Therapy, Counseling &amp; Mindfulness Meditation" src="https://d3twuufqrfygff.cloudfront.net/img/appleDownload.png">
                        </a>
                    </div>
                    <div class="col-9 col-sm-6 py-2 text-center">
                        <a class="app-link" onclick="tracker.emitThenFollow('appLink', {location: window.location.href, platform: 'android'})" target="_blank" title="Google Play Android App to talk to someone about Depression, Anxiety and Stress with CBT and Mindfullness Meditation" href="http://play.google.com/store/apps/details?id=com.sevencupsoftea.app&amp;utm_source=7cupsfooter">
                            <img style="width:170px;height:50px" loading="lazy" title="Android therapy app for anxiety, mindfulness, loneliness, stress and depression" alt="Best Android App for Anxiety, Stress &amp; Depression Relief based on Chat, Therapy, Counseling &amp; Mindfulness Meditation" src="https://d3twuufqrfygff.cloudfront.net/img/androidDownload.png">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="bg-dark">
    <div class="container">

        <div class="position-relative">
            <a href="/Documents/Accessibility/" class="position-absolute end-0" style="top:-1rem;"><img src="//d37v7cqg82mgxu.cloudfront.net/img/accessibility.svg" alt="Accessibility" style="width:70px;height:70px;"></a>
        </div>

        <div class="row small text-light">
            <div class="col-lg-3 col-sm-6 col-12 mt-3">
                <h6 class="text-white fw-semibold">About Us</h6>
                <ul class="list-unstyled">
                    <li><a href="/backus/" class="text-reset">Back 7 Cups</a></li>
                    <li><a href="/about/" class="text-reset">About 7 Cups</a></li>
                    <li><a href="/about/faq.php" class="text-reset">FAQ</a></li>
                    <li><a href="/about/research-stats.php" class="text-reset">Number of People Helped</a></li>
                    <li><a href="https://www.7cups.org" class="text-reset" target="_blank">7 Cups Foundation</a></li>
                    <li><a href="/qa/" class="text-reset">Questions &amp; Answers</a></li>
                    <li><a href="//d37v7cqg82mgxu.cloudfront.net/img/link-to-us/flyer/7Cups-flyer.pdf" target="_blank" class="text-reset">Spread the Word <small>(.pdf)</small></a></li>
                    <li><a href="http://www.cafepress.com/7cups" class="text-reset" target="_blank">7 Cups Store</a></li>
                    <li><a href="/about/press.php" class="text-reset">Press</a></li>
                </ul>
            </div>

            <div class="col-lg-3 col-sm-6 col-12 mt-3">
                <h6 class="text-white fw-semibold">Get Started</h6>
                <ul class="list-unstyled">
                    <li><a href="/member/BecomeMember.php" class="text-reset">Give 7 Cups a Try</a></li>
                    <li><a href="/experts/" class="text-reset">Mental Health News &amp; Advice</a></li>
                    <li><a href="/listener/become-a-volunteer-listener.php" class="text-reset" onclick="tracker.emitThenFollow('ctaBecomeListener',{location:'Footer'});">Volunteer as a Listener</a></li>
                    <li><a href="/about/jobs/" class="text-reset">Careers at 7 Cups</a></li>
                    <li><a href="/academy/" class="text-reset">7 Cups Academy</a></li>
                    <li><a href="/solutions/" class="text-reset">Organizations</a></li>
                    <li><a href="/forum/?cr=footer" class="text-reset">Our Support Community</a></li>
                </ul>
            </div>

            <div class="col-lg-3 col-sm-6 col-12 mt-3">
                <h6 class="text-white fw-semibold">Online Therapy</h6>
                <ul class="list-unstyled">
                    <li><a href="/online-therapy/?_cta[type]=therapy&amp;_cta[location]=footer" class="text-reset">Considering Therapy?</a>
                    </li><li><a href="/therapists/search.php" class="text-reset">Search for a Nearby Therapist</a></li>
                </ul>
            </div>

            <div class="col-lg-3 col-sm-6 col-12 mt-3">
                <h6 class="text-white fw-semibold">Terms</h6>
                <ul class="list-unstyled">
                    <li><a href="/Documents/PrivacyPolicy/" class="text-reset" data-policymodal="PrivacyPolicy">Privacy Policy</a></li>
                    <li><a href="/Documents/TermsOfService/" class="text-reset" data-policymodal="TermsOfService">Terms of Service</a></li>
                    <li><a href="/Documents/SafetyFactsheet/" class="text-reset" data-policymodal="SafetyFactsheet">Safety at 7 Cups</a></li>
                    <li><a href="/Documents/TeenSafety/" class="text-reset" data-policymodal="TeenSafety">Teen Safety</a></li>
                    <li><a href="/crisis/" class="text-reset">Crisis Resources</a></li>
                    <li><a href="https://help.7cups.com/" target="_blank" class="text-reset">Support &amp; Feedback</a></li>
                </ul>
            </div>
        </div>

        <div class="row text-xs-center text-md-start">
            <div class="col-12 col-md-6 pb-1">
                <div class="row">
                    <div class="col-12 col-lg-6 pb-1">
                        <a class="btn btn-warning btn-sm" href="/online-therapy/?_cta[type]=therapy&amp;_cta[location]=footer">Upgrade to Therapy</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="small text-center text-light py-2">
            Copyright © 2024 7 Cups of Tea Co. All rights reserved.
        </div>
    </div>
</div></footer>

<div id="personalReqModal" class="modal" data-bs-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Personal Conversation Requests</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-0"></div>
        </div>
    </div>
</div>

<div id="generalReqModal" class="modal" data-bs-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">General Conversation Requests</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-0"></div>
        </div>
    </div>
</div>

<div id="messagesModal" class="modal" data-bs-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">New Messages</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="messagesModalHolder"></div>
                <div class="messWaiting text-center"><i class="fa-solid fa-spinner fa-spin fa-2x"></i></div>
            </div>
        </div>
    </div>
</div>

<script>
        this.top.location !== this.location && (this.top.location = this.location);    

    window._ = function(key) {
        if (typeof window.il8n !== 'undefined')
            return window.il8n.gettext(key);
        else
            return key;
    };

    var userType = "g";var userInfo = {"screenName":"politeRaspberries8457","userType":"g","userIDe":"2_14985bdfba1cd007NFUr4iK9HOWdTPN7sBj6vw","alertInConv":true,"alertNewItem":true,"whiteLabelOrg":{"orgID":null},"opt":{"discussions":1}};</script>

<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script>
    window.jQuery || document.write('<script src="//d37v7cqg82mgxu.cloudfront.net/js/jquery-3.6.4.min.js">\x3C/script>')
</script>

<script src="//d37v7cqg82mgxu.cloudfront.net/vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js?v=5.2.0"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/handlebars.min-v4.7.8.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/jquery.titlealert.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/dist/js/concat/7CupsApp.js?_v=1729019729344"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/jed.min.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/jquery.cookie.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/moment.min.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/bootbox.min.v6.0.0.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/bootstrap-datepicker.js"></script>
<script src="https://chat-v2.7cups.com/socket.io/socket.io.js?_v=1729019729344"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/summernote/config.js?v=2.6"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/summernote/summernote-bs5.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/summernote/plugin/emoji/summernote-emoji.js"></script>
<script src="//d37v7cqg82mgxu.cloudfront.net/js/summernote/plugin/tenorgif/summernote-ext-tenorgif.js?v=2.5"></script>



<script>
    $(function() {
        function getCurrentBreakpoint() {
            const breakpoints = {
                xs: 0,
                sm: 576,
                md: 768,
                lg: 992,
                xl: 1200
            };

            const width = window.innerWidth;
            let breakpoint = 'xs';

            if (width < breakpoints.sm) {
                breakpoint = 'xs';
            } else if (width < breakpoints.md) {
                breakpoint = 'sm';
            } else if (width < breakpoints.lg) {
                breakpoint = 'md';
            } else if (width < breakpoints.xl) {
                breakpoint = 'lg';
            } else {
                breakpoint = 'xl';
            }

            window.currentBreakpoint = breakpoint;
        }

        $('textarea.editor-default').each(function(e) {
            var preset = $(this).data('preset');
            $(this).summernote(summerNoteConfig($('body'), preset));
        });

        $('body').on('click', '[data-click-handler]', function(e) {
            e.stopPropagation();
            const $btn = $(this);
            const $parentLink = $btn.parents('a').first();
            if ($parentLink.length) {
                e.preventDefault();
                $parentLink.style = "";
                $parentLink.trigger('mouseup');
            }

            const url = $btn.attr("data-href");
            const urlTarget = $btn.attr("data-target");
            if (!$btn.hasClass('flash-outline')) {
                $btn.css({
                    outline: '3px solid #000'
                });
            }

            if (url) {
                if (urlTarget === '_blank') {
                    window.open(url);
                } else if (event.ctrlKey || event.metaKey) { // Handle (CMD|CTL)+Click
                    window.open(url);
                } else {
                    window.location.href = url;
                }
            }
        }).on('mousedown', function(e) {
            $('[data-click-handler]').css({
                outline: '0px solid #000'
            });
        }).on('mouseenter', '[data-click-handler], a', function(e) {
            e.preventDefault();
            const $btn = $(this);
            const $parentLink = $btn.parents('a').first();
            if ($parentLink.length) {
                $parentLink.trigger('mouseleave');
                // We're removing href so that the link preview doesn't show the parent "anchor" element's link
                $parentLink.attr("data-href", $parentLink.attr("href"));
                $parentLink.removeAttr("href");
            }
            const $linkIndicator = $btn.find('[data-link-indicator]');
            if ($linkIndicator.length) {
                $linkIndicator.css('color', 'var(--bs-primary)');
            }
        }).on('mouseleave', '[data-click-handler], a', function(e) {
            const $btn = $(this);
            const $parentLink = $btn.parents('a').first();
            if ($parentLink.length) {
                $parentLink.trigger('mouseenter');
                $parentLink.attr("href", $parentLink.attr("data-href"));
                $parentLink.removeAttr("data-href");
            }
            const $linkIndicator = $btn.find('[data-link-indicator]');
            if ($linkIndicator.length) {
                $linkIndicator.css('color', 'inherit');
            }
        });

        $('body').on('click', '[data-modal-template]', function(e) {
            e.preventDefault();
            var $link = $(this);
            var param = JSON.parse($link.attr('data-param') || '{}');
            if ($('.modal')) {
                $('.modal').modal('hide');
            }
            render(false, $(this).attr('data-modal-template'), param, function($html) {
                var modalConf = {
                    title: $link.attr('data-title') || $link.attr('title') || '&nbsp;',
                    size: $link.attr('data-modal-size') || null,
                    message: $html
                };

                if ($link.attr('data-modal-onescape')) {
                    if (String($link.attr('data-modal-onescape')) == "false") {
                        modalConf.onEscape = false;
                    } else if (String($link.attr('data-modal-onescape')) == "true") {
                        modalConf.onEscape = true;
                    } else {
                        modalConf.onEscape = null;
                    }
                }
                if ($link.attr('data-modal-backdrop')) {
                    if (String($link.attr('data-modal-backdrop')) == "false") {
                        modalConf.backdrop = false;
                    } else if (String($link.attr('data-modal-backdrop')) == "true") {
                        modalConf.backdrop = true;
                    } else {
                        modalConf.backdrop = null;
                    }
                }

                bootbox.dialog(modalConf).on('shown.bs.modal', function() {
                    var $modal = $(this);
                    $modal.find('textarea.htmleditor').summernote(summerNoteConfig($modal));
                });
            });
        });

        $('body').on('click', '[data-policymodal]', function() {
            var requestedPolicy = $(this).attr('data-policymodal');
            var customTerms = {};
            var target = !customTerms[requestedPolicy] ? '/Documents/' + requestedPolicy + '.html' : customTerms[requestedPolicy];

            $.get(target, function(html) {
                bootbox.dialog({
                    message: html,
                    size: 'large',
                    buttons: {
                        cancel: {
                            label: 'Close'
                        },
                    }
                });
            });

            return false;
        });

        $('body').on('click', '[data-modal="Forms_Account_VerifyEmail"]', function() {
            render(false, $(this).attr('data-modal'), {
                userInfo: userInfo
            }, function($html) {
                bootbox.dialog({
                    title: 'Verify Your Email Address',
                    message: $html
                });
            });
        });

        $(window).on('resize', function() {
            if (!$("body").hasClass('pt-0') && !$("body").hasClass('full-screen')) {
                $("body").css("padding-top", parseInt($('#navbar-main').outerHeight()));
            }
            getCurrentBreakpoint();
        }).trigger('resize');

        $('body').on('click', '[data-action="scroll"]', function() {
            var targ = $(this).attr('href');
            if ($(targ).length) {
                $("html, body").animate({
                    scrollTop: $(targ).offset().top
                }, 1000);
            }
            return false;
        });

        $.cookie("tzoffset", (function() {
            var dt = new Date();
            return dt.getTimezoneOffset() * -1 * 60;
        })(), {
            path: '/'
        });


        $('body').on('click', 'a[href="/notes.php"], button[data-notes="open"]', function(e) {
            e.preventDefault();
            var viewportwidth = screen.width;
            var viewportheight = screen.height;
            var popWidth = Math.floor(viewportwidth * 0.50);
            if (popWidth > 450)
                popWidth = 450;
            var popHeight = Math.floor(viewportheight * 0.60);
            var popLeft = viewportwidth - popWidth;
            var notePop = window.open('/notes.php',
                "Personal Notes",
                "width=" + popWidth + ",height=" + popHeight + ",left=" + popLeft + ",top=0,location=0,toolbar=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1");
        });

        //Load Notifications Via Ajax
        $.get('/api/user/notifications/', function(resp) {
            var $targ = $('#header-notifications');
            var cnt = 0;

            if (resp.alerts && resp.alerts.length) {
                cnt += resp.alerts.length;
                render(false, 'User_Alert_Header', resp.alerts, function($html) {
                    $targ.find('.dropdown-menu').append($html);
                });
            }

            if (resp.notifications && resp.notifications.length) {
                cnt += resp.notifications.length;
                render(false, 'User_Notification_Header', resp.notifications, function($html) {
                    $targ.find('.dropdown-menu').append($html);
                });
            }

            $targ.toggleClass('d-none', !cnt);
            $('#header-notifications-count').text(Math.min(cnt, 99));
        }, 'json');

        $('body').on('click', '[data-notification-id][data-notification-type] [data-bs-dismiss="notification"]', function() {
            var param = {
                action: 'remove',
                type: $(this).closest('[data-notification-type]').attr('data-notification-type'),
                notifyID: $(this).closest('[data-notification-id]').attr('data-notification-id')
            }
            $.post('/ajax/notifications.php', param);
            $('[data-notification-id="' + param.notifyID + '"][data-notification-type="' + param.type + '"]').remove();
            $('#header-notifications #header-notifications-count').text($('#header-notifications .dropdown-menu > .dropdown-item').length);
            if (!$('#header-notifications .dropdown-menu > .dropdown-item').length) {
                $('#header-notifications').addClass('d-none');
            }
            $(window).trigger('resize');
            return false;
        });

        if (userInfo && userInfo.userType && userInfo.userType === 'l') {
            $('body').on('click', '[data-update-accountstatus]', function() {
                var status = parseInt($(this).attr('data-update-accountstatus'));
                $('#header-my-status').removeClass('onlineStatus-0 onlineStatus-1 onlineStatus-2').addClass('onlineStatus-' + status);
                $.post('/connect/updateonlineStatus.php', {
                    onlineStatus: status
                });
            });
        }

        $('body').on('click', '[data-update-onlinestatus]', function() {
            var status = parseInt($(this).attr('data-update-onlinestatus'));
            $('[data-my-onlinestatus]').attr('data-my-onlinestatus-previous', function() {
                return $(this).attr('data-my-onlinestatus');
            }).attr('data-my-onlinestatus', status);
            $.post('/apiv2/user/online', {
                status
            }).fail(function(xhr, textStatus, errorThrown) {
                bootbox.alert('Error updating online status');
                $('[data-my-onlinestatus]').attr('data-my-onlinestatus', function() {
                    return $(this).attr('data-my-onlinestatus-previous');
                });
            });
        });

        $('#navbar-main .alert').on('closed.bs.alert', '', function() {
            console.log('TRIGGER RESIZE');
            $(window).trigger('resize');
        });

        $(".datePicker").datepicker({
            format: "yyyy-mm-dd"
        });

        $('.dropdown-submenu > a').click(function(e) {
            e.stopPropagation();
            e.preventDefault();
            $(this).parent().find('.dropdown-submenu-hide').slideToggle();
        });
    });
</script>





<script>
    var ignorePage = ['/index.php', '/login.php', '/member/BecomeMember.php', '/error/selectAccount.php', '/resetPassword.php', '/forgotPassword.php'];
    if (ignorePage.indexOf(location.pathname) === -1) {
        var date = new Date();
        date.setTime(date.getTime() + (15 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
        document.cookie = "lastPage=" + location.pathname + location.search + expires + "; path=/";
    }
</script>

    <script>
        $(function() {
            $(window).on('resize', function () {
                $('#section-hero').css('padding-top', $('#navbar-main').height() || 0);
            }).trigger('resize');
        });        
    </script>



</body></html>