codex-lv2-may-2025

Steps.

After each step Add/Commit/Push

  1. Set up repo.

Step 0

Setup (init) Repo and push to GitHub. Name it getting-started-with-bootstrap Create index.html and style.css

Step 1

Create a page in index.html use ! with Emmet. Title it Bootstrap Practice. Add a Header (h1), and three paragraphs.

Here is some content you may use. You may choose your own content. (Hint try asking ChatGPT to create a paragraph for you!)

Header: “Aliens land in Hammond”

Paragraph 1: By Alex Johnson Hammond, LA - May 15, 2023

Paragraph 2: Aliens have landed in the southeastern corner of Hammond Community Park last night at approximately 11:37 PM. Witnesses describe a silent, disc-shaped craft emitting a soft blue glow. Local resident Martha Jenkins captured footage on her phone before authorities established a two-mile exclusion zone around the site.

Paragraph 3: The extraterrestrial visitors, approximately seven feet tall with iridescent skin, have made no hostile movements according to officials. They appear to be communicating through light patterns and sounds. Hammond Mayor Gerald Wilson has called for calm as NASA scientists and military personnel arrive to establish first contact protocols.

Show me:

Your page should look like this: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap Practice</title>
</head>
<body>
    <h1>Aliens land in Hammond</h1>
    <p>
        By Alex Johnson | Hammond, LA - May 15, 2023
    </p>
    <p>
        Aliens have landed in the southeastern corner of Hammond Community Park last night at approximately 11:37 PM. Witnesses describe a silent, disc-shaped craft emitting a soft blue glow. Local resident Martha Jenkins captured footage on her phone before authorities established a two-mile exclusion zone around the site.
    </p>
    <p>
        The extraterrestrial visitors, approximately seven feet tall with iridescent skin, have made no hostile movements according to officials. They appear to be communicating through light patterns and sounds. Hammond Mayor Gerald Wilson has called for calm as NASA scientists and military personnel arrive to establish first contact protocols.
    </p>
</body>
</html>