| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185 |
- <!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>
- /* Medium devices (tablets, 768px and up) */
- @media (min-width: 768px) {
- img {
- height: 40%;
- width: 100%;
- }
- /* currently does not seem to work */
- /* .gradient-bg {
- background: rgb(250,157,111);
- background: linear-gradient(0deg, rgba(250,157,111,1) 35%, rgba(253,207,184,1) 79%);
- } */
- }
-
- body{
- background-color: #ffe4e1;
- }
- /* need to find a link color solution */
- a{
- color: blue;
- }
- .hLink{
- color: black;
- }
- .hLink:hover{
- color: black;
- /* text-decoration: none; */
- }
- img {
- width: 90%;
- }
- .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>
|