Skip to content

Commit

Permalink
A Funding Website
Browse files Browse the repository at this point in the history 
A funding website completely made using HTML , CSS and Js.

Ready to use template for any finance related website or even donation website.

With many effects using css and cool wave background.
  • Loading branch information
@Prabhsingh0401
Prabhsingh0401 committed Oct 24, 2023
1 parent 1d19f34 commit de4997c
Show file tree
Hide file tree
Showing 50 changed files with 2,307 additions and 0 deletions.
104 changes: 104 additions & 0 deletions Sahayta Hub/HTML/Funding.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<html>
<head>
<title>सहायता HUB</title>
<link rel="icon" href="/Images/logo.jpeg" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/Stylesheet/Stylesheet3.css">
</head>
<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<div class="listcontainer">
<div class="nav">
<ul>
<li><a href="Landing Page.html">सहायता HUB</a></li>
<li><a href="Landing Page.html">Home</a></li>
<li><a href="hub.html">HUB</a></li>
<li><a href="Funding.html">Donation</a></li>
</ul>
</div>
<div class="icon">
<a href="signin.html"><img class="Profileicon" src="/Images/Profile_Icon-removebg-preview.png"></a>
</div>
</div>
<table>
<tr>
<td>
<div class="campaign">
<img class="cancer" src="/Images/image2funding.jpg">
<p class="cancer1">
Your Support help me undergo cancer treatment take care of my mother my only family....
<br>
<br>
₹6,90,814 raised out of ₹5,00,000
<br>
<br>
<div class="bar">

</div>
</p>
<!-- Facebook Share Button -->
<button class="facebook-share">Share on Facebook</button>

<!-- Twitter Share Button -->
<button class="twitter-share">Share on Twitter</button>


<br>

<button class="paytm">Donate</button>

</div>
</td>
<td>
<div class="campaign">
<img class="cancer" src="/Images/wid64d4d881beee2.avif">
<p class="cancer1">
Support Omkar to beat Cancer
<br>
<br>
₹6,25,855 raised out of ₹10,00,000
<br>
<br>
<br>
<div class="bar">

</div>
</p>
<!-- Facebook Share Button -->
<a href="https://www.facebook.com/sharer/sharer.php?u="><button class="facebook-share">Share on Facebook</button></a>
<!-- Twitter Share Button -->
<a href="https://twitter.com/intent/tweet?text="><button class="twitter-share">Share on Twitter</button></a>
<br>
<a href="https://paytm.com/"><button class="paytm">Donate</button></a>
</td>
<td>
<div class="campaign">
<img class="cancer" src="/Images/wid64d22f0a56e14.avif">
<p class="cancer1">
Support Mizan to get a healthy Heart
<br>
<br>
₹1,79,783 raised out of ₹3,50,000
<br>
<br>
<br>
<div class="bar">

</div>
</p>
<!-- Facebook Share Button -->
<a href="https://www.facebook.com/sharer/sharer.php?u="><button class="facebook-share">Share on Facebook</button></a>
<!-- Twitter Share Button -->
<a href="https://twitter.com/intent/tweet?text="><button class="twitter-share">Share on Twitter</button></a>
<br>
<a href="https://paytm.com/"><button class="paytm">Donate</button></a>
</td>
</td>

</tr>
</table>
</body>
</html>
62 changes: 62 additions & 0 deletions Sahayta Hub/HTML/Landing Page.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<html>
<head>
<title>सहायता HUB</title>
<link rel="icon" href="/Images/logo.jpeg" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/Stylesheet/Stylesheet.css">
</head>
<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<div class="listcontainer">
<div class="nav">
<ul>
<li><a href="Landing Page.html">सहायता HUB</a></li>
<li><a href="Landing Page.html">Home</a></li>
<li><a href="hub.html">HUB</a></li>
<li><a href="Funding.html">Donation</a></li>
</ul>
</div>
<div class="icon">
<a href="signin.html"><img class="Profileicon" src="/Images/Profile_Icon-removebg-preview.png"></a>
</div>
</div>
<div class="container">
<div class="floating">
<p class="welcome">
Welcome,<br>
<p class="subtext">
We at सहायता HUB "Empower change with our platform." <br><br>
Support NGOs and private firms making a difference through<br>seamless funding and donations."
<br>
<!--At our platform, your security is paramount. We employ industry-leading encryption, rigorous security protocols, and comply with stringent standards to ensure your payment information is always safeguarded.-->
<br>
<p class="sub">
"Be the change you wish to see in the world." <br>
- Mahatma Gandhi
</p>
</p><br>
<input type="button" value="Let's Get Started" class="signup">
</p>
</div>

<div class="Start">
<img src="/Images/Untitled-1.png" height="490px" width="490px">
<!--
<p class="Startsub">
Let's Get You Started
</p>
<p class="startsub1">
"Welcome to our platform dedicated to creating positive change. Discover and support NGOs and private firms making a difference through funding and donations. Start empowering change today!"
<br><br>
At our platform, your security is paramount. We employ industry-leading encryption, rigorous security protocols, and comply with stringent standards to ensure your payment information is always safeguarded.
</p>
<br>
<input type="button" value="Sign Up" class="signup">-->
</div>
</div>
<br>
</body>
</html>
9 changes: 9 additions & 0 deletions Sahayta Hub/HTML/gateway.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<html>
<head>
<script src="https://js.instamojo.com/v1/checkout.js"></script>

</head>
<body>
<a href="https://test.instamojo.com/@eshaabhasin04/" rel="im-checkout" data-text="Donate Now" data-css-style="color:#ffffff; background:#75c26a; width:180px; border-radius:4px" data-description="This is a donate button" data-layout="vertical"></a>
<script src="https://js.instamojo.com/v1/button.js"></script>
</body>
108 changes: 108 additions & 0 deletions Sahayta Hub/HTML/hub.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
<html>
<head>
<title>सहायता HUB</title>
<link rel="icon" href="/Images/logo.jpeg" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/Stylesheet/Stylesheet2.css">
</head>
<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<div class="listcontainer">
<div class="nav">
<ul>
<li><a href="Landing Page.html">सहायता HUB</a></li>
<li><a href="Landing Page.html">Home</a></li>
<li><a href="hub.html">HUB</a></li>
<li><a href="Funding.html">Donation</a></li>
</ul>
</div>
<div class="icon">
<a href="profile.asp"><img class="Profileicon" src="/Images/Profile_Icon-removebg-preview.png"></a>
</div>
</div>

<div class="container1">
<div class="firm">
<img class="firmimage" src="/Images/Firm Image.png" height="220px" >
<p class="firmname">
Vivid Sphere Innovation
</p>
<br>
<br>
<br>
<br>
<br>
<p class="firmabout">
Vivid Sphere Innovation is a dynamic and innovative IT firm that specializes in delivering cutting-edge technological solutions to businesses across diverse industries. With a commitment to excellence.
</p>
<br>
<div class="analytics">
<img class="Profit" src="/Images/Profit FIrm.jpeg">
<img class="marketcap" src="/Images/Market capital.jpeg">
</div>
</div>
<div class="profile">
<img class="iconprofile" src="/Images/3135715.png">
<div class="Profile-content">
<p align="center">
John Doe
</p>
<p align="center">
Full-Stack Web Developer | Youtuber
</p>
<table>
<td class="social"><img class="socials" src="/Images/Gmail Icon.png" height="45px" width="45px"></td>
<td class="social"><img class="socials" src="/Images/Linkedin Icon.png" height="50px" width="50px"></td>
<td class="social"><img class="socials" src="/Images/X Icon.png" height="60px" width="60px"></td>
<td class="social"><img class="socials" src="/Images/instagram Logo.png" height="50px" width="50px"></td></tr>
</table>
</div>
<div>
<img class="Activity" src="/Images/kisspng-computer-icons-line-chart-diagram-chart-5abb8652e35797.7297863515222390589312-removebg-preview.png">
</div>
<br>
</div>
</div>
<div class="contianer2">
<div class="morefirms">
<img class="mfirmimage" src="/Images/Firm Image.png" height="220px">
<p class="goonj">
Goonj
</p>
<p class="goonjabout">
Goonj aims to build an equitable relationship of strength sustenance and dignity between the cities and villages, using under-utilized materials as a tool to trigger development with dignity.
</p>
</div>
<div class="morefirms1">
<img class="mfirmimage" src="/Images/Firm Image.png" height="220px">
<p class="goonj">
HelpAge
</p>
<p class="goonjabout">
Work for the cause and care of under-aged elderly people and improve their standard of living.
</p>
</div>
<div class="morefirms2">
<img class="mfirmimage" src="/Images/Firm Image.png" height="220px">
<p class="goonj">
Child Rights and You
</p>
<p class="goonjabout">
CRY addresses children’s critical needs of healthcare, nutrition, education and protection from child labour and child marriage.
</p>
</div>
<div class="morefirms3">
<img class="mfirmimage" src="/Images/Firm Image.png" height="220px">
<p class="goonj">
Smile Foundation
</p>
<p class="goonjabout">
SMILE more than 400 welfare projects on education, healthcare, livelihood, and women’s empowerment in over 2,000 remote villages and urban slums.
</p>
</div>
</div>
</body>
</html>
88 changes: 88 additions & 0 deletions Sahayta Hub/HTML/signin.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/Stylesheet/signin.css">
</head>
<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<div class="login-wrapper">
<div class="login-side">

<div class="my-form__wrapper">
<div class="login-welcome-row">
<h1>Welcome back &#x1F44F;</h1>
<p>Please enter your details!</p>
</div>
<form class="my-form">
<div class="socials-row">
<a
href="#"
title="Use Google"
>
<img src="/Images/image22.png" alt="Google">
Log in with Google
</a>
<a
href="#"
title="Use Apple"
>
<img class="apple" src="/Images/APPLE2.png" alt="Apple">
Log in with Apple
</a>
</div>
<div class="divider">
<div class="divider-line"></div>
Or
<div class="divider-line"></div>
</div>
<div class="text-field">
<label for="email">Email:</label>
<input
type="email"
id="email"
name="email"
placeholder="Your Email"
required
>
<img class="email" alt="Email Icon" title="Email Icon" src="/Images/EMAIL.png">
</div>
<div class="text-field">
<label for="password">Password:</label>
<input
id="password"
type="password"
name="password"
placeholder="Your Password"
title="Minimum 6 characters at
least 1 Alphabet and 1 Number"
pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,}$"
required
>
<img class="lock" alt="Password Icon" src="/Images/PASSWORD.png">
</div>
<input type="submit" class="my-form__button" value="Login">
<div class="my-form__actions">
<div class="my-form__row">
<span>Did you forget your password?</span>
<a href="#" title="Reset Password">
Reset Password
</a>
</div>
<div class="my-form__signup">
<a href="#" title="Create Account">
Create Account
</a>
</div>
</div>
</form>
</div>
</div>


Loading

0 comments on commit de4997c

Please sign in to comment.