HTML – Assignment #4

Part I Creating the Hulk page

1. Open the [Link] file
2. Use the same document structure used in the main avenger page e.g.
a. <header>
b. <div>
c. <section>
d. <footer>
e. etc.
3. Create a level 1 heading called “The Hulk Home Page”
4. Below the level 1 heading, create 5 links (be careful) Put them inside a <nav> element:
a. Home - Which links to the avengers home page
b. Captain America – which links to the captain America index page
c. Iron Man – which links to the iron man index page
d. Hulk – which links to the hulks index page
e. Thor – which links to the Thor index page
5. Add a level 2 heading called “About The Hulk” add the following text below the heading:
(NOTE: Make sure you use the appropriate HTML tags <section><p> and so on.)

About The Hulk

The Hulk is a fictional character, a superhero that appears in comic books published by Marvel
Comics. The character was created by Stan Lee and Jack Kirby, and first appeared in The
Incredible Hulk #1 (May 1962). Throughout his comic book appearances, the Hulk is portrayed as
a large green humanoid that possesses near limitless superhuman strength and great
invulnerability, attributes that grow more potent the angrier he becomes. Hulk is the alter ego
of Bruce Banner, a socially withdrawn and emotionally reserved physicist who physically
transforms into the Hulk under emotional stress and other specific circumstances at will or
against it; these involuntary transformations lead to many complications in Banner's life. When
transformed, the Hulk often acts as a disassociated personality separate from Banner. Over the
decades of Hulk stories, the Hulk has been represented with several different personalities
based on Hulk and Banner's fractured psyche, ranging from mindless savage to brilliant warrior,
and Banner has taken control of the Hulk's form on occasion. Banner first transforms into the
Hulk after being caught in the blast of the gamma bomb he invented while saving Rick Jones, a
youth who had wandered onto the testing range.

Lee said that the Hulk's creation was inspired by a combination of Frankenstein and Dr. Jekyll
and Mr. Hyde. Although the Hulk's coloration has varied throughout the character's publication
history, the most usual color is green. As a child, Banner's father Brian Banner often got mad
 and physically abused his mother Rebecca, creating the psychological complex of fear, anger,
and the fear of anger and the destruction it can cause that underlies the character. A common
storyline is the pursuit of both Banner and the Hulk by the U.S. armed forces, because of all the
destruction that he causes. He has two main catchphrases: "Hulk is strongest one there is!" and
the better-known "HULK SMASH!", which has founded the basis for a number of pop culture
memes.

The Hulk has been depicted in various other media, and major film adaptations (which integrate
various CGI versions of the creature), while Eric Bana, Edward Norton, and Mark Ruffalo have all
played Bruce Banner. Other depictions include multiple animated series; the character has also
been used in highly-profitable merchandising for generations (e.g., video games, toys, clothing).
In 2011 Hulk placed 9th on IGN's Top 100 Comic Book Heroes.

Hulk’s email address is: [Link]@[Link]

Part II – Creating the Thor Page

6. Open the [Link] file
7. Use the same document structure used in the main avenger page e.g.
a. <header>
b. <div>
c. <section>
d. <footer>
e. etc.
8. Create a level 1 heading called “Thor Home Page”
9. Below the level 1 heading, create 5 links (be careful) Put them inside a <nav> element:
a. Home - Which links to the avengers home page
b. Captain America – which links to the captain America index page
c. Iron Man – which links to the iron man index page
d. Hulk – which links to the hulks index page
e. Thor – which links to the Thor index page
10. Add a level 2 heading called “About Thor” add the following text below the heading:
(NOTE: Make sure you use the appropriate HTML tags <section><p> and so on.)

About Thor

In Norse mythology, Thor is a hammer-wielding god associated with thunder, lightning, storms,
oak trees, strength, the protection of mankind, and also hallowing, healing and fertility. The
cognate deity in wider Germanic mythology and paganism was known in Old English as Azunor
and in Old High German as Donar, stemming from a Common Germanic Azunraz (meaning
"thunder").

Ultimately stemming from Proto-Indo-European religion, Thor is a prominently mentioned god

throughout the recorded history of the Germanic peoples, from the Roman occupation of
regions of Germania, to the tribal expansions of the Migration Period, to his high popularity
 during the Viking Age, when, in the face of the process of the Christianization of Scandinavia,
emblems of his hammer, were worn in defiance and Norse pagan personal names containing the
name of the god bear witness to his popularity. Into the modern period, Thor continued to be
acknowledged in rural folklore throughout Germanic regions. Thor is frequently referred to in
place names, the day of the week Thursday ("Thor's day"; Old English Thunresdaeg, Thunor's
day); German "Donnerstag" (Donar's day), bears his name, and names stemming from the pagan
period containing his own continue to be used today.

In Norse Mythology, largely recorded in Iceland from traditional material stemming from
Scandinavia, numerous tales and information about Thor are provided. In these sources, Thor
bears at least fourteen names, is the husband of the golden-haired goddess Sif, is the lover of
the jötunn Járnsaxa, and is generally described as fierce-eyed, red-haired and red-bearded.[1]
With Sif, Thor fathered the goddess (and possible valkyrie) Azraoaor; with JA¡rnsaxa, he fathered
Magni; with a mother whose name is not recorded, he fathered Móði, and he is the stepfather
of the god Ullr. The same sources list Thor as the son of the god Odin and the personified earth,
Fjargyn, and by way of Odin, Thor has numerous brothers. Thor has two servants, Azja¡lfi and
Raskva, rides in a cart or chariot pulled by two goats, Tanngrisnir and Tanngnja str (that he eats
and resurrects), and is ascribed three dwellings (Bilskirnir, Azraoaheimr, and Azraoaovangr).
Thor wields the mountain-crushing hammer, Mjalnir, wears the belt Megingjar and the iron
gloves Ja¡rngreipr, and owns the staff Graarvalr. Thor's exploits, including his relentless
slaughter of his foes and fierce battles with the monstrous serpent Jarmungandrae and their
foretold mutual deaths during the events of Ragnarakae are recorded throughout sources for
Norse mythology.

Thor’s email address is: thor@[Link]

Part III – Creating the Iron Man Page

11. Open the [Link] file

12. Use the same document structure used in the main avenger page e.g.
a. <header>
b. <div>
c. <section>
d. <footer>
e. etc.
13. Create a level 1 heading called “Iron Man Home Page”
14. Below the level 1 heading, create 5 links (be careful) Put them inside a <nav> element:
a. Home - Which links to the avengers home page
b. Captain America – which links to the captain America index page
c. Iron Man – which links to the iron man index page
d. Hulk – which links to the hulks index page
e. Thor – which links to the Thor index page
15. Add a level 2 heading called “About Iron Man” add the following text below the heading:
 (NOTE: Make sure you use the appropriate HTML tags <section><p> and so on.)

About Iron Man

Iron Man is a fictional comic book superhero that appears in books published by Marvel Comics.
The character was created by writer-editor Stan Lee, developed by scripter Larry Lieber, and
designed by artists Don Heck and Jack Kirby. He made his first appearance in Tales of Suspense
#39 (March 1963).

An American billionaire playboy, industrialist, and ingenious engineer, Tony Stark suffers a
severe chest injury during a kidnapping in which his captors attempt to force him to build a
weapon of mass destruction. He instead creates a powered suit of armor to save his life and
escape captivity. He later uses the suit and successive versions to protect the world as Iron Man.
Through his corporation, Stark Industries, Stark has created many military weapons, some of
which, along with other technological devices of his making, have been integrated into his suit,
helping him fight crime. Initially, Iron Man was a vehicle for Stan Lee to explore Cold War
themes, particularly the role of American technology and business in the fight against
communism. Subsequent re-imaginings of Iron Man have transitioned from Cold War themes to
contemporary concerns, such as corporate crime and terrorism.

Throughout most of the character's publication history, Iron Man has been a founding member
of the superhero team the Avengers and has been featured in several incarnations of his own
various comic book series. Iron Man has been adapted for several animated TV shows and films.
The character is portrayed by Robert Downey, Jr. in the live action film Iron Man (2008), which
was a critical and box office success. Downey, who received much acclaim for his performance,
reprised the role in two Iron Man sequels and The Avengers (2012), and will do so again in
Avengers: Age of Ultron (2015). Iron Man was ranked 12th on IGN's Top 100 Comic Book Heroes
in 2011.

Iron Man’s email address is [Link]@[Link]

Part IV – Add Some CSS

16. Clear everything from your [Link] so it is blank
17. Add the CSS Reset code found in Practice01-2. You can find the code here: CSS Startup
18. Use the universal selector to set the font color of the whole page (use RGB, Hex, HSL or color
names to do so)
19. Use the Type selector on all your h1 and h2 elements (group them as well) to change the color
of the font (use RGB, Hex, HSL or color names to do so but use a different method than in #18)
20. Give the first <section> of every page a class called .feat-info
21. Give the first paragraph in the .feat-info section a class called .intro
22. Give the header, main page and footer background colors (you can give all 3 the same or change
them up a bit) use RGB, Hex, HSL or color names to do so but use a different method than in
#18, #19
 23. Add opacity to at least the footer background, you may do it for the other backgrounds as well,
it’s up to you.

BONUS QUESTION:
1. Use combining selectors (Example slide 32) to increase the size of the first letter of the .intro
paragraph. Also make it a different color than the rest of the font and if you wish, make it italic.
Result should look like the example below: