首页 发现 帮助
注册 登录
aaron
/
startpage
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

first version of the redesign for the landing page2

mackilroy007 5 年之前
父节点
dcfc61c002
当前提交
d6305d77fd
共有 2 个文件被更改，包括 177 次插入 和 6 次删除
合并视图 显示文件统计
  1. 131 6
      index.html
  2. 46 0
      style.css

+ 131 - 6
index.html
查看文件 

@@ -1,12 +1,137 @@
 
-<!DOCTYPE html>
 
+<!doctype html>
 
 <html lang="en">
 
 <html lang="en">
 
+
 
 <head>
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <!-- 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">
 
     <link rel="stylesheet" href="style.css">
 
-    <title>Sahaja Yoga Sangham </title>
 
+    <title>Sahaja Yoga Sangham</title>
 
 </head>
 
 </head>
 
-<body>
 
-    
+
 
+<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="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>
 
 </body>
 
+
 
 </html>
 
 </html>

+ 46 - 0
style.css
查看文件 

@@ -0,0 +1,46 @@
 
+ /* 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;
 
+ }