wordpress version.html 9.5 KB

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