Skip to content

Instantly share code, notes, and snippets.

@gitdagray

gitdagray/js_chapter_22_html.html

Created January 3, 2022 17:11
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save gitdagray/7d1676f2503c987fe22e2a8c10926426 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save gitdagray/7d1676f2503c987fe22e2a8c10926426 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. gitdagray created this gist Jan 3, 2022.
    47 changes: 47 additions & 0 deletions js_chapter_22_html.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,47 @@
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Page</title>
    <link rel="stylesheet" href="css/js_chapter_22_css.css" />
    <script defer src="js/main.js"></script>
    </head>

    <body>
    <nav>
    <h1>My Page</h1>
    </nav>
    <main>
    <section id="view1" class="view1">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
    <div>11</div>
    <div>12</div>
    </section>
    <section id="view2" class="view2 darkblue">
    <div class="black">
    <h2>My 2nd View</h2>
    </div>
    </section>
    <section id="view3" class="view3">
    <form id="myForm">
    <label for="myTextInput">Text Input:</label>
    <input type="text" id="myTextInput" autocomplete="off" />
    <button type="submit">Submit</button>
    </form>
    </section>
    </main>

    </body>

    </html>