Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 25 views

    Gokk

    Uploaded by

    Ash
    The document contains code for three different HTML pages - a brief history timeline, a contact form, and a donation form. Each page includes basic HTML structure and elements specific to its purpose such as a timeline, form fields, and a donation amount input.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd

    Gokk

    Uploaded by

    Ash
    25 views7 pages
    The document contains code for three different HTML pages - a brief history timeline, a contact form, and a donation form. Each page includes basic HTML structure and elements specific to its purpose such as a timeline, form fields, and a donation amount input.

    Original Description:

    Ujsnsn

    Original Title

    gokk

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains code for three different HTML pages - a brief history timeline, a contact form, and a donation form. Each page includes basic HTML structure and elements specific to its purpose such as a timeline, form fields, and a donation amount input.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Download as doc, pdf, or txt
    25 views7 pages

    Gokk

    Uploaded by

    Ash
    The document contains code for three different HTML pages - a brief history timeline, a contact form, and a donation form. Each page includes basic HTML structure and elements specific to its purpose such as a timeline, form fields, and a donation amount input.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Download as doc, pdf, or txt
    of 7

    <!

    DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Brief History</title>

    <style>

    /* Add some basic styling */

    body {

    font-family: Arial, sans-serif;

    .timeline {

    position: relative;

    max-width: 600px;

    margin: 0 auto;

    .timeline::after {

    content: '';

    position: absolute;

    width: 6px;

    background-color: #f1f1f1;

    top: 0;

    bottom: 0;

    left: 50%;

    margin-left: -3px;
    }

    .container {

    padding: 10px 40px;

    position: relative;

    background-color: inherit;

    width: 50%;

    .left {

    left: 0;

    .right {

    left: 50%;

    .content {

    padding: 20px 30px;

    background-color: white;

    position: relative;

    border-radius: 6px;

    /* Add arrows to the left container (pointing right) */

    .left .content::after {

    content: " ";

    height: 0;

    position: absolute;

    top: 50%;
    right: -15px;

    transform: translateY(-50%);

    border-width: 15px;

    border-style: solid;

    border-color: transparent white transparent transparent;

    /* Add arrows to the right container (pointing left) */

    .right .content::after {

    content: " ";

    height: 0;

    position: absolute;

    top: 50%;

    left: -15px;

    transform: translateY(-50%);

    border-width: 15px;

    border-style: solid;

    border-color: transparent transparent transparent white;

    </style>

    </head>

    <body>

    <div class="timeline">

    <div class="container left">

    <div class="content">
    <h2>1990</h2>

    <p

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Contact Us</title>

    </head>

    <body>

    <h1>Contact Us</h1>

    <p>If you have any questions, please fill out the form below and we will get back to you as soon as
    possible.</p>

    <form action="submit-form.php" method="post">

    <label for="name">Name:</label>

    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>

    <input type="email" id="email" name="email" required>


    <label for="message">Message:</label>

    <textarea id="message" name="message" required></textarea>

    <button type="submit">Send Message</button>

    </form>

    </body>

    </html>

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Contact Us</title>

    </head>

    <body>

    <h1>Contact Us</h1>

    <p>If you have any questions, please fill out the form below and we will get back to you as soon as
    possible.</p>
    <form action="submit-form.php" method="post">

    <label for="name">Name:</label>

    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>

    <input type="email" id="email" name="email" required>

    <label for="message">Message:</label>

    <textarea id="message" name="message" required></textarea>

    <button type="submit">Send Message</button>

    </form>

    </body>

    </html>

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Donation Page</title>
    </head>

    <body>

    <h1>Support Our Cause</h1>

    <p>Your donation can help us make a difference.</p>

    <form action="process-donation.php" method="post">

    <label for="donation-amount">Donation Amount:</label>

    <input type="number" id="donation-amount" name="donation_amount" min="1" required>

    <label for="full-name">Full Name:</label>

    <input type="text" id="full-name" name="full_name" required>

    <label for="email">Email:</label>

    <input type="email" id="email" name="email" required>

    <button type="submit">Donate Now</button>

    </form>

    </body>

    </html>

    You might also like