RescueWorld · devanshslnk · Feb 12, 2018 · Feb 12, 2018 · Oct 10, 2018
diff --git a/README.md b/README.md
@@ -1,2 +1,82 @@
-# Web-Project
-It is a website made using HTML,CSS,JAVASCRIPT,PHP,MY SQL for different refugee managing organizations to have a common database platform to communicate and search a particular refugee from any organization.
+<p align="center">
+  <a href="" rel="noopener">
+ <img width=300px src="./ReadMeImages/logo.png" alt="RescueWorld-logo"></a>
+</p>
+
+<h3 align="center">Common Database for Refugee Organizations</h3>
+
+------------------------------------------
+
+>There are no common database platform to communicate and search a particular refugee from any organization in different refugee managing organizations.We've built a website for different refugee managing organizations to have a common database platform to communicate and search a particular refugee from any organization and It also helps organizations to send email to  other organizations and ask for  aid in case of any emergency just by `click of a button`.
+ . 
+
+
+<div align="center">
+"You know, those of us who leave our homes in the morning and expect to find them there when we go back - it's hard for us to understand what the experience of a refugee might be like."  -  <a href ="https://github.com/priyamshah112"> Priyam </a>
+</div>
+
+
+------------------------------------------
+### Features
+
+- `AID` send a mail for medical aid to nearby hospitals,organizations etc.
+- `Resource` send a mail for Food,Clothes to different organizations.
+- `Transfer Refugee` send a mail for Transferring Refugees to different organizations.
+- `Search` based on name and age
+- `Add Refugee` to add a refugee from a organization
+
+<h3 > Rescue World As Website </h3>
+<br>
+<p align="center">
+<img src ="./ReadMeImages/Website.gif" width = 500px>
+</p>
+</div>
+
+------------------------------------------
+
+### Add-Ons
+
+- [ ] Using Google-Map Api for nearby hospitals,places searching.
+- [ ] Add More
+
+------------------------------------------
+### File Structure
+
+
+#### Website
+
+- `HTML` : front_p.html is the starting point of website , login1.html contains login and signup page , refugee_signup.html contains refugee signup page , aid.html contains all mail related services with mailing categories.
+- `css` : contains full-slider.css for carousel of main page , style.css for all html files
+- `javascript` : java.js common javascript file
+- `php` : db.php for database intialization , download.php for image downloading , help1.php for mailing in various categories , index.php for including html files , login.php for taking user info in sql , logout.php for stopping sessions , refugee.php for storing refugee data , search.php for age,name based search etc
+- `sql` : 3 tables hospital,organization and refugee
+- `upload` : images of refugee
+
+------------------------------------------
+### Installation
+
+* Install dependencies
+```sh
+        $ git clone https://github.com/RescueWorld/Web-Project.git
+```
+* Used PostCast Server for mailing system 
+```
+  $ http://www.postcastserver.com/default.aspx?a=nf
+```
+* Also require to change in php.ini for sending mail to localhost
+* import the sql file to your database
+* start execution from running front_p.html
+
+------------------------------------------
+### Contributing
+
+ We're are open to `enhancements` & `bug-fixes`
+
+### Note
+- This project was done under `24 hours with minimal pre-preparation`
+------------------------------------------
+### Contributors
+
+- [@priyamshah112](https://github.com/priyamshah112)
+- [@devanshslnk](https://github.com/devanshslnk)
+------------------------------------------
diff --git a/_travis.yml b/_travis.yml
@@ -0,0 +1,11 @@
+sudo:          false
+language:      node_js
+node_js:
+  - "node"
+install:       npm install
+script:
+  - npm test
+  - gulp
+cache:
+  directories:
+    - node_modules
diff --git a/aid.html b/aid.html
@@ -0,0 +1,230 @@
+
+<!DOCTYPE html>
+<html lang="en" >
+
+<head>
+  <meta charset="UTF-8">
+  <title>Refugee Details</title>
+  <link href='https://fonts.googleapis.com/css?family=Titillium+Web:500,300,1000' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
+
+
+      <link rel="stylesheet" href="style.css">
+      <style type="text/css">
+/* Customize the label (the container) */
+.container {
+  display: block;
+  position: relative;
+  padding-left: 35px;
+  margin-bottom: 12px;
+  cursor: pointer;
+  font-size: 22px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/* Hide the browser's default checkbox */
+.container input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+}
+
+/* Create a custom checkbox */
+.checkmark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 25px;
+  width: 25px;
+  background-color: #eee;
+}
+
+/* On mouse-over, add a grey background color */
+.container:hover input ~ .checkmark {
+  background-color: #ccc;
+}
+
+/* When the checkbox is checked, add a blue background */
+.container input:checked ~ .checkmark {
+  background-color: #2196F3;
+}
+
+/* Create the checkmark/indicator (hidden when not checked) */
+.checkmark:after {
+  content: "";
+  position: absolute;
+  display: none;
+}
+
+/* Show the checkmark when checked */
+.container input:checked ~ .checkmark:after {
+  display: block;
+}
+
+/* Style the checkmark/indicator */
+.container .checkmark:after {
+  left: 9px;
+  top: 5px;
+  width: 5px;
+  height: 10px;
+  border: solid white;
+  border-width: 0 3px 3px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+        select{
+          background-color:#D3D3D3;
+
+          margin-left: 300px;
+        }
+
+        #fileToUpload{
+          padding-top:15px;
+         height: 120px;
+         width: 150px;
+          float:right;
+
+        }
+        #left{
+          float: left;
+          width: 50%;
+        }
+        #right{
+          float: right;
+          width: 50%;
+        }
+        #r{
+          float: right;
+
+        }
+        .header1
+        {
+          background-color:#1ab188;
+          padding:10px;
+        }
+        .in
+        {
+
+          height: 30px;
+          display:inline;
+          width:30px;
+
+        }
+
+
+      </style>
+
+</head>
+
+<body>
+
+  <div class="form">
+
+      <ul class="tab-group">
+
+
+
+
+      <div class="tab-content">
+
+          <h1 class="header1">AID</h1>
+          <form action="help1.php" method="POST" enctype="multipart/form-data" >
+
+
+          <div class="top-row">
+
+
+
+
+
+          <button type="Resource" name="Resource" class="button button-block"/>Resource</button>
+          <br/>
+          <div class="field-wrap check_class">
+
+            <input class="in"  type="checkbox" name="Food" value="Food"><span style="text-align: center;color:#fff;font-size:30px;"><B>FOOD</B></span>
+
+
+          <br/>
+          <br/>
+
+
+            <input class="in" type="checkbox" name="Clothes"  value="Clothes">
+            <span style="text-align: center;color:#fff;font-size:30px"><B>CLOTHES</B></span>
+
+          <br/>
+          <br/>
+          </div>
+
+          </form>
+            <form action="help1.php" method="POST" enctype="multipart/form-data" >
+
+
+
+
+
+
+
+
+          <button type="Medical" name="Medical" class="button button-block"/>Medical</button>
+          <div class="field-wrap">
+            <br/>
+
+            <input class="in" type="checkbox" name="Emergency" ><span style="text-align: center;color:#fff;font-size:30px"><B>Emergency<B></span>
+
+
+
+          <br/>
+          <br/>
+
+
+            <input class="in" type="checkbox" name="Chronic"><span style="text-align: center;color:#fff;font-size:30px"><B>Chronic Disease</B></span>
+
+
+          <br/>
+          <br/>
+          </div>
+
+          </form>
+
+            <form action="help1.php" method="POST" enctype="multipart/form-data" >
+
+
+
+
+
+
+
+
+          <button type="Migration" name="Migration" class="button button-block"/>Transfer Refugee</button>
+
+
+          </form>
+
+
+
+
+        </div>
+
+
+      </div><!-- tab-content -->
+
+</div> <!-- /form -->
+
+         </ul>
+  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
+
+
+
+    <script  src="java.js"></script>
+
+
+
+
+</body>
+
+</html>
+
diff --git a/background.jpg b/background.jpg
diff --git a/background2.jpg b/background2.jpg
diff --git a/background3.jpg b/background3.jpg
diff --git a/bg1.jpg b/bg1.jpg
diff --git a/bg1_01.jpg b/bg1_01.jpg
diff --git a/bg2.jpg b/bg2.jpg
diff --git a/bg2_01.jpg b/bg2_01.jpg
diff --git a/bg3.jpg b/bg3.jpg
diff --git a/bg3_01.jpg b/bg3_01.jpg
diff --git a/db.php b/db.php
@@ -0,0 +1,11 @@
+<?php
+
+	$db_servername="localhost";
+	$db_username="root";
+	$db_password="";
+	$db_name="dj_hackathon";
+	$conn=mysqli_connect($db_servername,$db_username,$db_password,$db_name);
+
+
+
+?>
diff --git a/download.php b/download.php
@@ -0,0 +1,40 @@
+<? php
+//Creating files
+//user menu
+?>
+<!DOCTYPE html>
+<html>
+<head>
+	<title>File Upload & Download</title>
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
+	<style>
+		label: margin 10px;
+
+    </style>
+</head>
+<body>
+<form method="POST" enctype="multipart/form-data" action="upload.php">
+  <div class="form-group">
+    <label>BROWSE FILES</label>
+    <input type="file" name="fileToUpload" id="fileToUpload" class="form-control">
+
+  </div>
+  <button type="submit" class="btn btn-primary">Upload</button>
+</form>
+<?php 
+   //displaying files
+    $files = scandir("upload");
+    print_r($files);
+    $counter=0;
+    for($a=2;$a<count($files);$a++)
+    {
+     echo '<img src="upload/'.$files[$a].'">';
+    }
+
+
+    	?>
+
+
+</body>
+
+</html>