Steps.
After each step Add/Commit/Push
Setup (init) Repo and push to GitHub. Name it getting-started-with-bootstrap
Create index.html and style.css
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:
<!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>