index.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Bootstrap CSS -->
  8. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  9. integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  10. <!-- style -->
  11. <!-- <link rel="stylesheet" href="style.css"> -->
  12. <title>Sahaja Yoga Sangham</title>
  13. <style>
  14. /* Medium devices (tablets, 768px and up) */
  15. @media (min-width: 768px) {
  16. img {
  17. height: 40%;
  18. width: 100%;
  19. }
  20. /* currently does not seem to work */
  21. /* .gradient-bg {
  22. background: rgb(250,157,111);
  23. background: linear-gradient(0deg, rgba(250,157,111,1) 35%, rgba(253,207,184,1) 79%);
  24. } */
  25. }
  26. body{
  27. background-color: #ffe4e1;
  28. }
  29. /* need to find a link color solution */
  30. a{
  31. color: blue;
  32. }
  33. .hLink{
  34. color: black;
  35. }
  36. .hLink:hover{
  37. color: black;
  38. /* text-decoration: none; */
  39. }
  40. img {
  41. width: 90%;
  42. }
  43. .card {
  44. border: none;
  45. border-radius: 0%;
  46. }
  47. .gradient-bg {
  48. background: rgb(253,207,184);
  49. background: linear-gradient(90deg, rgba(253,207,184,1) 31%, rgba(250,157,111,1) 95%);
  50. }
  51. .default-bg{
  52. background-color: #ffe4e1;
  53. }
  54. </style>
  55. </head>
  56. <body class="">
  57. <header class=" text-center my-5">
  58. <h1>Sahaja Yoga Sangham</h1>
  59. <h4 class="mt-3">Access to all services on this site only for Sahaja Yogis with a valid Sahaj ID </h4>
  60. </header>
  61. <br>
  62. <main>
  63. <article>
  64. <!-- sahaj ID section start -->
  65. <section class="mx-0 card mb-3 gradient-bg" id="">
  66. <div class=" row g-0 my-4">
  67. <div class="col-md-4 d-flex align-items-center justify-content-center">
  68. <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
  69. alt="placeholder">
  70. </div>
  71. <div class="col-md-8">
  72. <div class="card-body">
  73. <h3 class="card-title text-center mb-4">Sahaj ID</h3>
  74. <p class="card-text mb-0">If you do not have your Sahaj ID, you can obtain it by sending
  75. your
  76. request to <a href="mailto:register@sahaja.yoga">register@sahaja.yoga</a>.</p>
  77. <p class="card-text mb-1"> Please send following information with your E-mail:</p>
  78. <ul class="card-text mb-1">
  79. <li>First name(s)</li>
  80. <li>Family name(s)</li>
  81. <li>E-mail address</li>
  82. <li>Country Local Sahaj Coordinators Name and Email</li>
  83. </ul>
  84. <p class="card-text">Note: If you have access to Amruta, please state
  85. your username in the E-mail.</p>
  86. </div>
  87. </div>
  88. </div>
  89. </section>
  90. <!-- sahaj ID section end -->
  91. <!-- sahaj Forum start -->
  92. <section class="card mb-3 default-bg" id="">
  93. <div class=" row g-0 my-4">
  94. <div class="col-md-4 d-flex align-items-center justify-content-center">
  95. <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
  96. alt="placeholder">
  97. </div>
  98. <div class="col-md-8">
  99. <div class="card-body">
  100. <h3 class="card-title text-center mb-4"><a class="hLink"
  101. href="https://forum.sahaja.yoga">Sahaj Forum</a></h3>
  102. <p class="card-text">Sahaja Yoga Forum: <a
  103. href="https://forum.sahaja.yoga">https://forum.sahaja.yoga</a></p>
  104. <p class="card-text"> Our forum is a place to exchange information and ideas on a
  105. global level. Take part in global and local discussions and help advance Sahaja Yoga to
  106. a new level of sangham wide cooperation. There are no designated moderators for the
  107. content, the sangham itself acts as a collective force to keep our conversations clean.
  108. </p>
  109. </div>
  110. </div>
  111. </div>
  112. </section>
  113. <!-- sahaj Forum end -->
  114. <!-- sahaj Vault/share start -->
  115. <section class="card mb-3 gradient-bg" id="">
  116. <div class=" row g-0 my-4">
  117. <div class="col-md-4 d-flex align-items-center justify-content-center">
  118. <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
  119. alt="placeholder">
  120. </div>
  121. <div class="col-md-8">
  122. <div class="card-body">
  123. <h3 class="card-title text-center mb-4"><a class="hLink"
  124. href="https://share.sahaja.yoga">Sahaja Yoga Share Vault</a></h3>
  125. <p class="card-text">Sahaja Yoga Forum: <a
  126. href="https://share.sahaja.yoga">https://share.sahaja.yoga</a></p>
  127. <p class="card-text">Here we can store and share documents, graphics, designs, photos, etc.
  128. and make them globally available to the sangham. This platform also has a Trello-like
  129. project management tool Deck and offers a Calendar and a simple chat function as well.
  130. If you would like to upload larger files, please contact the admin.
  131. </p>
  132. </div>
  133. </div>
  134. </div>
  135. </section>
  136. <!-- sahaj Vaults/share end -->
  137. <!-- sahaj Meet start -->
  138. <section class="card mb-3 default-bg" id="">
  139. <div class=" row g-0 my-4">
  140. <div class="col-md-4 d-flex align-items-center justify-content-center">
  141. <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"
  142. alt="placeholder">
  143. </div>
  144. <div class="col-md-8">
  145. <div class="card-body">
  146. <h3 class="card-title text-center mb-4"><a class="hLink"
  147. href="https://meet.sahaja.yoga">Sahaja Yoga Meet</a></h3>
  148. <p class="card-text">Sahaja Yoga Meet: <a
  149. href="https://meet.sahaja.yoga">https://meet.sahaja.yoga</a></p>
  150. <p class="card-text">Based on Jitsi, we offer a Zoom-like experience but free of charge and
  151. on our SY servers. Meetings can also be streamed to YouTube if a larger audience is
  152. needed. Includes: Share Screen, share videos, chat, password protection, etc.
  153. </p>
  154. </div>
  155. </div>
  156. </div>
  157. </section>
  158. <!-- sahaj Meet end -->
  159. </article>
  160. </main>
  161. <!-- Optional JavaScript -->
  162. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  163. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  164. integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  165. crossorigin="anonymous"></script>
  166. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
  167. integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
  168. crossorigin="anonymous"></script>
  169. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
  170. integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
  171. crossorigin="anonymous"></script>
  172. </body>
  173. </html>