HTMLProject/Max.html at main · PhantasticPhor/HTMLProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<DOCTYPE html>
<html style ="background-color: crimson;">
  <img src="phantastickPhorBanner.jpg.png" style="max-width:1200px;">
  <!-- original img source: https://www.popshopguide.com/funko-pop-licenses/pop-marvel/fantastic-four/ -->

  <head>
    <style>
     ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
       overflow: hidden;
       background-color: #333333;
        }

      li {
       float: left;
         }

      li a {
        display: block;
        color: white;
        text-align: center;
        padding: 16px;
        text-decoration: none;
          }

      li a:hover {
        background-color: #111111;
            }
    </style>

            <link rel="stylesheet" href="main.css">
    </head>

  <body style="background-color: crimson;">

    <div id = "TorchPage">    <!--Main Body of Info-->
    <header id = "TorchBanner">
      <h1>The Human Torch</h1>
        <br>
        <nav id = "nav">
          <ul>
            <li><a href=index.html>home</a></li>
            <li><a href=nested.html>nested examples</a></li>
            <li><a href=attributes.html>attributes examples</a></li>
            <li><a href=tags.html>tag examples</a></li>
            <li><a href=Jason.html>Jason's Page</a></li>
            <li><a href=Marc.html>Marc's Page</a></li>
            <li><a href=Ariah.html>Ariah's Page</a></li>
          </ul>
        </nav>
      </header>

        <br>

        <h2 style="text-align: center;">
           About the Torch
        </h2>

        <img class = "torchImgSize" src = "humanTorch.png">

        <p class = "torchNavText">
        Like the rest of the Fantastic Four, Jonathan "Johnny" Storm gained his powers on a spacecraft
        bombarded by cosmic rays. He can engulf his entire body in flames, fly, absorb fire harmlessly
        into his own body, and control any nearby fire by sheer force of will. "Flame on!," which the
        Torch customarily shouts when activating his full-body flame effect, has become his catchphrase.
        The youngest of the group, he is brash and impetuous in comparison to his reticent, overprotective
        and compassionate older sister, Susan Storm, his sensible brother-in-law, Reed Richards, and the grumbling Ben Grimm
        </p>

        <hr>

        <h2 style="text-align: center;">Early Years</h2>


        <img class = "torchImgSizeRight" src="humanTorch2.png">

        <p class = "torchNavTextLeft">
        Johnny Storm and his older sister, Sue, lived uneventfully on Long Island until their mother, Mary Storm,
        died in an automobile accident. Their father, Franklin Storm, a doctor, failed to save her. Despondent, Franklin
        descended into booze and gambling, eventually winding up in a penitentiary for murder.[21] The children went to
        live with their aunt Marygay. Growing up in suburban Glenville, Johnny Storm was drawn to automobiles, despite his
        mother's death in a car accident, and became quite a mechanic at a young age.
        While still a teenager, he selflessly rescued two of his friends from a burning building. No stranger to adventure,
        Johnny was nearly chosen as the human host of the demonic Zarathos, and was attacked by the legendary St. Germaine,
        who sought the power for himself. Johnny escaped the lure of Zarathos with the help of archaeologist Max Parrish,
        the uncle of Cammy Brandeis, on whom Johnny had a bit of a crush.
        </p>

        <hr>

          <div id = "TorchPage">      <!--Torches Powers-->

            <h2 style = "text-align: center;">A list of the powers The Torch has</h2>
              <ol style ="text-align: left;">
                <l1><em style = "font-size: 28;">-Envelop his body in fiery plasma.</em></l1><br>
                <l1><em style = "font-size: 28;">-Able to fly by providing thrust for himself.</em></l1><br>
                <l1><em style = "font-size: 28;">-Generating flame balls.</em></l1><br>
                <l1><em style = "font-size: 28;">-Can manipulate his flames as he wishes.</em></l1><br>
                <l1><em style = "font-size: 28;">-Can controll any fire in line of site.</em></l1><br>
                <l1><em style = "font-size: 28;">-Ability to absorb flames into body with our harm.</em></l1><br>
              </ol>
          </div>
          <br>

          <h2 style = "text-align: center;">    <!--Villians Taken On-->
            *Learn more about some of the villians that we have taken on*
              <ul>
              <li><strong style="font-size: 20;"><a href = "https://en.wikipedia.org/wiki/Doctor_Doom">Dr.Doom</a></strong></li>
              <li><strong style="font-size: 20;"><a href = "https://en.wikipedia.org/wiki/Galactus">Galactus</a></strong></li>
              <li><strong style="font-size: 20;"><a href = "https://villains.fandom.com/wiki/Annihilus">Annihilus</a></strong></li>
              <li><strong style="font-size: 20;"><a href = "https://en.wikipedia.org/wiki/Puppet_Master_(Marvel_Comics)">Puppet Master</a></strong></li>
              <li><strong style="font-size: 20;"><a href = "https://en.wikipedia.org/wiki/Molecule_Man">Molecule Man</a></strong></li>
              <li><strong style="font-size: 20;"><a href = "https://en.wikipedia.org/wiki/Super-Skrull">Super-Skrull</a></strong></li>
              </ul>
            </h3>
        </div>
        <hr>
        <br>


      <h2 style = "text-align: center;">About Max Poole</h2>
        <p style="font-size: 20;">
           I am a Junior at Boise State University and a third year GIMM student in the college of innovation and design.
           I have always wanted to learn more about computers and how they worked. I was always curious of how computers were
           able to communicate between each other and allow us to communicate as well. That curiosity drove me to study more
           about computers and how they worked. This led me to an interest in using code to design art, and or build games.
           This was taught by our teachers as a great tool for learning new information. But it didn't just teach us how to view
           learning and seeing it in a new perspective, but it also taught us how to fail. What I mean is that, GIMM brings a lot
           of challenges your way. They understand the real world and how us learning will translate to jobs after college, so
           they teach you to try anything and everything. And if you fail, learn from your mistake and try again with the knowledge
           you have learned. And in the real world, life is going to give you challenges and problems that seem impossible. But
           by not giving up and pushing through all the challenges, you will surprise yourself with what you can accomplish.
      </p>

        <!--Refrence Page-->
      <p style="text-align: left;">

      Click <a href = "https://en.wikipedia.org/wiki/Human_Torch">here</a> for more information about the torch.
          <br>

      Click <a href = "https://marvel.fandom.com/wiki/Jonathan_Storm_(Earth-616)">here</a> for more information about his early yars.
      </p>
      <!--End of Refrence Page-->

      </body>

    </html>