Notes
Notes - notes.io |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donation Form</title>
<style>
.container {
max-width: 1000px;
margin: 0 auto;
background-color: white;
padding: 30px;
/* border-radius: 8px; */
/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
background-color: lightgrey;
}
.info{
display: block;
}
.star {
color: red;
}
.fontt {
font-weight: bold;
}
body {
margin-left: 15%;
margin-right: 15%;
}
</style>
</head>
<body>
<div class="container">
<h2> <span class="star">*</span> Denotes Required Information</h2>
<p> <span class="fontt">> 1 Donation</span> <span> > 2 Confirmation</span> <span> > 3 Thank You</span></s></p>
<h3 class="star">Donor Information</h3>
<form>
<label class="fontt">First Name <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Last Name <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Company</label>
<input type="text"><br>
<label class="fontt">Address 1 <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Address 2</label>
<input type="text"><br>
<label class="fontt">City<span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">State <span class="star">*</span></label>
<select>
<option>Select a State</option>
<option>California</option>
<option>New York</option>
<option>Texas</option>
<option>Florida</option>
</select><br>
<label class="fontt">Zip Code <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Country<span class="star">*</span></label>
<select>
<option>Select a Country</option>
<option>USA</option>
<option>Canada</option>
<option>UK</option>
<option>Bangladesh</option>
</select><br>
<label class="fontt">Phone</label>
<input type="tel" name="phone"><br>
<label class="fontt">Fax</label>
<input type="text" name="fax"><br>
<label class="fontt">Email<span class="star">*</span></label>
<input type="email"><br>
<label class="fontt">Donation Amount<span class="star">*</span></label>
<input type="radio"> None
<input type="radio"> $50
<input type="radio"> $75
<input type="radio"> $100
<input type="radio"> $250
<input type="radio"> Other<br>
<label class="fontt">Other Amount $</label>
<input type="number"><br>
<label class="fontt">Recurring Donation</label>
<input type="checkbox" name=""> I am interested in giving on a regular basis.<br>
<label>Monthly Credit Card $</label>
<input type="number">
<label>For</label>
<input type="number"> Months<br>
</form>
</div>
<div class="section container">
<h3 class="star">Honorarium and Memorial Donation Information</h3>
<form>
<label class="fontt">I would like to make this donation:</label>
<input type="radio" name="honor" value="honor"> To Honor
<input type="radio" name="honor" value="memory"> In Memory of<br>
<label class="fontt">Name</label>
<input type="text"><br>
<label class="fontt">Acknowledge Donation to:</label>
<input type="text"><br>
<label class="fontt">Address</label>
<input type="text"><br>
<label class="fontt">City</label>
<input type="text"><br>
<label class="fontt">State</label>
<select>
<option>Select a State</option>
<option>California</option>
<option>New York</option>
<option>Texas</option>
<option>Florida</option>
</select><br>
<label class="fontt">Zip</label>
<input type="text"><br>
</form>
</div>
<div class="container">
<h3 class="star">Additional Information</h3>
<form>
<label>Please enter your name, company or organization as you would like it to appear in our
publications</label><br>
<label class="fontt">Name</label>
<input type="text"><br>
<input type="checkbox"> I would like my gift to remain anonymous.<br>
<input type="checkbox"> My employer offers a matching gift program. I will mail the
matching gift form.<br>
<input type="checkbox" name="savecost"> Please save the cost of acknowledging this gift by not mailing a
thank you letter.<br><br>
<label>Comments (Please type any questions or feedback here):</label><br>
<textarea name="comments"></textarea><br>
<label class="fontt">How may we contact you?</label>
<input type="checkbox"> E-mail<br>
<input type="checkbox"> Postal Mail<br>
<input type="checkbox"> Telephone<br>
<input type="checkbox"> Fax<br><br>
<label for="">I would like to receive newsletters and information about
special events by</label>
<input type="checkbox" name=""> E-mail
<input type="checkbox" name=""> Postal Mail<br><br>
<input type="checkbox"> I would like information about volunteering with the
organization.<br><br>
<input type="reset" value="Reset">
<input type="submit" value="Continue">
</form>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donation Form</title>
<style>
.container {
max-width: 1000px;
margin: 0 auto;
background-color: white;
padding: 30px;
/* border-radius: 8px; */
/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
background-color: lightgrey;
}
.info{
display: block;
}
.star {
color: red;
}
.fontt {
font-weight: bold;
}
body {
margin-left: 15%;
margin-right: 15%;
}
</style>
</head>
<body>
<div class="container">
<h2> <span class="star">*</span> Denotes Required Information</h2>
<p> <span class="fontt">> 1 Donation</span> <span> > 2 Confirmation</span> <span> > 3 Thank You</span></s></p>
<h3 class="star">Donor Information</h3>
<form>
<label class="fontt">First Name <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Last Name <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Company</label>
<input type="text"><br>
<label class="fontt">Address 1 <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Address 2</label>
<input type="text"><br>
<label class="fontt">City<span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">State <span class="star">*</span></label>
<select>
<option>Select a State</option>
<option>California</option>
<option>New York</option>
<option>Texas</option>
<option>Florida</option>
</select><br>
<label class="fontt">Zip Code <span class="star">*</span></label>
<input type="text"><br>
<label class="fontt">Country<span class="star">*</span></label>
<select>
<option>Select a Country</option>
<option>USA</option>
<option>Canada</option>
<option>UK</option>
<option>Bangladesh</option>
</select><br>
<label class="fontt">Phone</label>
<input type="tel" name="phone"><br>
<label class="fontt">Fax</label>
<input type="text" name="fax"><br>
<label class="fontt">Email<span class="star">*</span></label>
<input type="email"><br>
<label class="fontt">Donation Amount<span class="star">*</span></label>
<input type="radio"> None
<input type="radio"> $50
<input type="radio"> $75
<input type="radio"> $100
<input type="radio"> $250
<input type="radio"> Other<br>
<label class="fontt">Other Amount $</label>
<input type="number"><br>
<label class="fontt">Recurring Donation</label>
<input type="checkbox" name=""> I am interested in giving on a regular basis.<br>
<label>Monthly Credit Card $</label>
<input type="number">
<label>For</label>
<input type="number"> Months<br>
</form>
</div>
<div class="section container">
<h3 class="star">Honorarium and Memorial Donation Information</h3>
<form>
<label class="fontt">I would like to make this donation:</label>
<input type="radio" name="honor" value="honor"> To Honor
<input type="radio" name="honor" value="memory"> In Memory of<br>
<label class="fontt">Name</label>
<input type="text"><br>
<label class="fontt">Acknowledge Donation to:</label>
<input type="text"><br>
<label class="fontt">Address</label>
<input type="text"><br>
<label class="fontt">City</label>
<input type="text"><br>
<label class="fontt">State</label>
<select>
<option>Select a State</option>
<option>California</option>
<option>New York</option>
<option>Texas</option>
<option>Florida</option>
</select><br>
<label class="fontt">Zip</label>
<input type="text"><br>
</form>
</div>
<div class="container">
<h3 class="star">Additional Information</h3>
<form>
<label>Please enter your name, company or organization as you would like it to appear in our
publications</label><br>
<label class="fontt">Name</label>
<input type="text"><br>
<input type="checkbox"> I would like my gift to remain anonymous.<br>
<input type="checkbox"> My employer offers a matching gift program. I will mail the
matching gift form.<br>
<input type="checkbox" name="savecost"> Please save the cost of acknowledging this gift by not mailing a
thank you letter.<br><br>
<label>Comments (Please type any questions or feedback here):</label><br>
<textarea name="comments"></textarea><br>
<label class="fontt">How may we contact you?</label>
<input type="checkbox"> E-mail<br>
<input type="checkbox"> Postal Mail<br>
<input type="checkbox"> Telephone<br>
<input type="checkbox"> Fax<br><br>
<label for="">I would like to receive newsletters and information about
special events by</label>
<input type="checkbox" name=""> E-mail
<input type="checkbox" name=""> Postal Mail<br><br>
<input type="checkbox"> I would like information about volunteering with the
organization.<br><br>
<input type="reset" value="Reset">
<input type="submit" value="Continue">
</form>
</div>
</body>
</html>
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
