Merge pull request #18 from vsharma20v/funded-and-help-section

Funded and help section
zero-gravity-org · Mar 20, 2019 · 9ce990c · 9ce990c
2 parents 84d2ed8 + 3fe5047
commit 9ce990c
Show file tree

Hide file tree

Showing 7 changed files with 151 additions and 1 deletion.
diff --git a/Assets/2t6b0409.jpg b/Assets/2t6b0409.jpg
diff --git a/Assets/2t6b5242-crop-u20715.jpg b/Assets/2t6b5242-crop-u20715.jpg
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,26 @@
+Welcome to Zero Gravity Project. This file demonstrates the contributing guidelines that every developer/mentor has to adhere
+for GirlScript Summer of Code.
+This is required in order to create a unified development environment. Let's start. <br />
+
+## The Git Workflow
+The workflow that we'll be using is <b> Dev - Staging - Production</b>. All the Pull Request (PR's) will be made to <b>dev</b> branch.
+The mentors shall review the PR. If any change is required in the PR, the mentors shall comment on the PR itself else if
+everything is good, the mentors will merge the PR to dev.<br />
+Once a feature is completed, the code will be merged to <b>staging</b> branch. At this point, the mentors and admin will perform integration testing.
+Once a feature is fully tested, only then it will be merged to <b>master</b> branch.<br />
+To read more about this workflow, you can visit [this link](http://guides.beanstalkapp.com/deployments/best-practices.html).
+
+## Fork
+<b>It is strictly for the participants. Please read it carefully.</b><br />
+Every participant(s) is required to fork this repository and make changes on the forked repository and after making all the changes, make a Pull Request to <b>dev branch</b>.
+
+## Issue creation
+<b>It is strictly for the mentors and admin. Please read it carefully.</b><br />
+Mentors and admin are requested to make issues and mark them with GSSoC label. Add separate labels like `up for grab`, `beginner`, `easy`, `medium`, `hard`. After someone comments on the issue, remove the `up for grab` label. If the person doesn't respond in 2 days, add `up for grab` label again to let other participants know that the issue is available to work on.
+
+Please reach out to any of the below members for help. Good luck!
+
+[@coderwassananmol](http://github.com/coderwassananmol) (Admin)
+[@Yuktichopra](http://github.com/Yuktichopra) (Mentor)
+[@utk3995](http://github.com/utk3995) (Mentor)
+[@prateekrawal](http://github.com/prateekrawal)(Mentor)
diff --git a/README.md b/README.md
@@ -1 +1,3 @@
-# zero-gravity-website
+# zero-gravity-website
+
+Please refer to [CONTRIBUTING.md](https://github.com/zero-gravity-org/zero-gravity-website/blob/master/CONTRIBUTING.md) for details. Thank you!
diff --git a/effects.js b/effects.js
@@ -0,0 +1 @@
+
diff --git a/index.html b/index.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+    <title>Zero Gravity</title>
+    <meta charset="UTF-8">
+    <meta name="description" content="This is the official website of Zero Gravity, A non profit organization">
+    <meta name="keywords" content="zerogravity, Zerp gravity, 0 gravity, non profir Organisation, dr. Shrikant Jichkar foundation, Jichkar, Shrikant jichkar">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="style.css" rel="stylesheet" type="text/css">
+</head>
+
+  <body>
+      <!-- Fund 'Ed' section -->
+      <section class="funded-section">
+        <h2 class="funded-section__heading">The Fund 'Ed' Program </h2>
+        <p class="funded-section__content">Sponsor a child's education</p>
+        <p class="funded-section__content">We shall provide you with detailed profiles of children to choose from</p>
+        <p class="funded-section__content">You Choose. We Connect. You Give. We Empower.</p>
+        <a class="funded-section__btn" href="#">Get Involved</a>
+      </section>
+
+      <!-- How can you help section -->
+      <section class="help-section">
+        <h2 class="help-section__heading">How can you help</h2>
+        <p class="help-section__content">Be someone who makes someone else look forward to a better tomorrow!</p>
+        <a class="help-section__btn" href="#">Volunteer</a>
+        <a class="help-section__btn" href="#">Donate</a>
+        <a class="help-section__btn" href="./internship.html">Internships</a>        
+      </section>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,90 @@
+
+
+/* Quicksand font */
+@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500');
+
+
+*{
+    box-sizing: border-box;
+}
+
+
+body{
+    margin:0;
+}
+
+
+/* combined styles for funded & help sections */
+.funded-section,
+.help-section{
+    height:100vh;
+    padding: 30px 50px;
+    text-align: center;
+    background:linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('Assets/2t6b5242-crop-u20715.jpg') center/cover no-repeat;
+}
+
+.funded-section__heading,
+.help-section__heading{
+    font-family: 'Quicksand', sans-serif;
+    margin:1.5rem auto;
+    color:#ffc403;
+    font-size:3.5rem;
+    font-weight: 400;
+
+}
+
+.funded-section__content,
+.help-section__content{
+    font-size: 1.5rem;
+    line-height: 1;
+    letter-spacing: 1.2px;
+    color: white;
+    word-spacing: 2.3px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.funded-section__btn,
+.help-section__btn{
+    display:block;
+    border-radius: 5px;
+    margin:3rem auto;
+    background-color:#ffc403;
+    color: black;
+    padding: 0.5rem 1rem;
+    text-decoration: none;
+    width:300px;
+    font-size: 1.8rem;
+    box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.2);
+}
+
+
+
+/* some specific funded section styles */
+.funded-section__content:nth-of-type(1){
+    margin:5rem auto 0.5rem;
+}
+
+
+.funded-section__content:nth-of-type(2){
+    margin:0.5rem auto;
+}
+
+.funded-section__content:nth-of-type(3){
+    margin:6rem auto;
+    font-weight: bold;
+}
+
+
+
+/* some specific help section styles */
+.help-section{
+    background:linear-gradient(to bottom,rgba(0,0,0,0.54),rgba(0,0,0,0.54)), url('Assets/2t6b0409.jpg') center/cover no-repeat;
+}
+
+.help-section__content{
+    margin:2rem auto;
+}
+
+.help-section__btn{
+    margin:3.5rem auto;
+}