Scribd Logo
Upload

Welcome to Scribd!

  • Events

    Uploaded by

    manusrinivas91
    2 views3 pages

    Original Title

    events

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    2 views3 pages

    Events

    Uploaded by

    manusrinivas91

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
    body {
    margin: 5rem;
    font-family: sans-serif;
    }

    div {
    border: 1px solid #ccc;
    padding: 1.5rem 3rem;
    }

    h2 {
    margin: 0 0 1rem 0;
    }

    button {
    font: inherit;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    border: 1px solid #ff0055;
    background: #ff0055;
    color: white;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
    transition: all 0.3s;
    }

    button:focus {
    outline: none;
    }

    button:hover,
    button:active {
    background: #e92f6d;
    border-color: #e92f6d;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.26);
    }

    li {
    padding: 1rem;
    border: 1px solid #ccc;
    }

    ul {
    list-style: none;
    }

    .highlight {
    background-color: red;
    color: white;
    }
    </style>
    </head>

    <body>
    <div style="height: 1000px">
    <h2>Events in JavaScript</h2>
    <button>Click me</button>
    </div>

    <!-- <form action="">


    <label for="title">Title</label>
    <input type="text" id="title" />
    <button type="submit">Submit</button>
    </form> -->

    <ul id="list">
    <li>
    <h2>Item 1</h2>
    </li>
    <li>
    <h2>Item 2</h2>
    </li>
    <li>
    <h2>Item 3</h2>
    </li>
    <li>
    <h2>Item 4</h2>
    </li>
    <li>
    <h2>Item 5</h2>
    </li>
    </ul>

    <div style="height: 1000px">Test</div>

    <script src="./script.js"></script>
    </body>
    </html>

    You might also like