aaron
/
startpage


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <!-- style -->
    <!-- <link rel="stylesheet" href="style.css"> -->
    <title>Sahaja Yoga Sangham</title>
    <style>
        /* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) {
            p {
                font-size: x-large;
            }

        }

        /* Medium devices (tablets, 768px and up) */
        @media (min-width: 768px) {
            img {
                height: 60%;
                width: 100%;
            }

            p {
                font-size: x-large;
            }
        }

        /* Large devices (desktops, 992px and up) */
        @media (min-width: 992px) {
            p {
                font-size: large;
            }

            img {
                width: 90%;
            }
        }

        /* X-Large devices (large desktops, 1200px and up) */
        @media (min-width: 1200px) {
            img {
                /* max-height: 50%; */
                max-width: 70%;
            }
        }

        /* //XX-Large devices (larger desktops, 1400px and up) */
        @media (min-width: 1400px) { 
            img{
                max-width: 50px;
            }
            }


        body {
            background-color: #ffe4e1;
        }

        /* need to find a link color solution */
        a {
            color: blue;
        }

        .hLink {
            color: black;
        }

        .hLink:hover {
            color: black;
            /* text-decoration: none; */
        }


        .card {
            border: none;
            border-radius: 0%;
        }

        .gradient-bg {
            background: rgb(253, 207, 184);
            background: linear-gradient(90deg, rgba(253, 207, 184, 1) 31%, rgba(250, 157, 111, 1) 95%);
        }

        .default-bg {
            background-color: #ffe4e1;
        }
    </style>
</head>

<body class="">
    <header class="  text-center my-5">
        <h1>Sahaja Yoga Sangham</h1>
        <h4 class="mt-3">Access to all services on this site only for Sahaja Yogis with a valid Sahaj ID </h4>
    </header>
    <br>
    <main>
        <article>
            <!-- sahaj ID section start -->
            <section class="mx-0 card mb-3 gradient-bg" id="">
                <div class=" row g-0 my-4">
                    <div class="col-md-4 d-flex align-items-center justify-content-center">
                        <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
                            alt="placeholder">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h3 class="card-title text-center mb-4">Sahaj ID</h3>
                            <p class="card-text mb-0">If you do not have your Sahaj ID, you can obtain it by sending
                                your
                                request to <a href="mailto:register@sahaja.yoga">register@sahaja.yoga</a>.</p>
                            <p class="card-text mb-1"> Please send following information with your E-mail:</p>
                            <ul class="card-text mb-1">
                                <li>First name(s)</li>
                                <li>Family name(s)</li>
                                <li>E-mail address</li>
                                <li>Country Local Sahaj Coordinators Name and Email</li>
                            </ul>
                            <p class="card-text">Note: If you have access to Amruta, please state
                                your username in the E-mail.</p>
                        </div>
                    </div>
                </div>
            </section>
            <!-- sahaj ID section end -->
            <!-- sahaj Forum start -->
            <section class="card mb-3 default-bg" id="">
                <div class=" row g-0 my-4">
                    <div class="col-md-4 d-flex align-items-center justify-content-center">
                        <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
                            alt="placeholder">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h3 class="card-title text-center mb-4"><a class="hLink"
                                    href="https://forum.sahaja.yoga">Sahaj Forum</a></h3>
                            <p class="card-text">Sahaja Yoga Forum: <a
                                    href="https://forum.sahaja.yoga">https://forum.sahaja.yoga</a></p>
                            <p class="card-text"> Our forum is a place to exchange information and ideas on a
                                global level. Take part in global and local discussions and help advance Sahaja Yoga to
                                a new level of sangham wide cooperation. There are no designated moderators for the
                                content, the sangham itself acts as a collective force to keep our conversations clean.
                            </p>
                        </div>
                    </div>
                </div>
            </section>
            <!-- sahaj Forum end -->
            <!-- sahaj Vault/share start -->
            <section class="card mb-3 gradient-bg" id="">
                <div class=" row g-0 my-4">
                    <div class="col-md-4 d-flex align-items-center justify-content-center">
                        <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
                            alt="placeholder">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h3 class="card-title text-center mb-4"><a class="hLink"
                                    href="https://share.sahaja.yoga">Sahaja Yoga Share Vault</a></h3>
                            <p class="card-text">Sahaja Yoga Forum: <a
                                    href="https://share.sahaja.yoga">https://share.sahaja.yoga</a></p>
                            <p class="card-text">Here we can store and share documents, graphics, designs, photos, etc.
                                and make them globally available to the sangham. This platform also has a Trello-like
                                project management tool Deck and offers a Calendar and a simple chat function as well.
                                If you would like to upload larger files, please contact the admin.
                            </p>
                        </div>
                    </div>
                </div>
            </section>
            <!-- sahaj Vaults/share end -->
            <!-- sahaj Meet start -->
            <section class="card mb-3 default-bg" id="">
                <div class=" row g-0 my-4">
                    <div class="col-md-4 d-flex align-items-center justify-content-center">
                        <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
                            alt="placeholder">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h3 class="card-title text-center mb-4"><a class="hLink"
                                    href="https://meet.sahaja.yoga">Sahaja Yoga Meet</a></h3>
                            <p class="card-text">Sahaja Yoga Meet: <a
                                    href="https://meet.sahaja.yoga">https://meet.sahaja.yoga</a></p>
                            <p class="card-text">Based on Jitsi, we offer a Zoom-like experience but free of charge and
                                on our SY servers. Meetings can also be streamed to YouTube if a larger audience is
                                needed. Includes: Share Screen, share videos, chat, password protection, etc.
                            </p>
                        </div>
                    </div>
                </div>
            </section>
            <!-- sahaj Meet end -->
        </article>
    </main>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
</body>

</html>