code-101-templates/one_column_top_nav.html at master · DeltaVCode/code-101-templates · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Code 101 Template</title>
        <link rel="stylesheet" href="top_nav.css">
    </head>

    <body>

        <header>
            <h1>Earthquake Preparedness</h1>
        </header>

        <nav>
            <ul>
              <li><a href="">North America</a></li>
              <li><a href="">East Asia</a></li>
              <li><a href="">Southeast Asia</a></li>
            </ul>
        </nav>

        <section>
            <img src="http://static3.businessinsider.com/image/4cb605dd7f8b9a462fa00600-480/car-crush-tree-fall-tornado-destroy-damage.jpg" /> <br />
                <article>
                  <h2>North America</h2>
                  <p>
                  Look around places where you spend time.  Identify safe place such as under a sturdy piece of furniture or against an interior wall
                  in your home, office or school so that when the shaking starts, you Drop to the ground, Cover your head and neck with your arms, and
                  if a safer place is nearby, crawl to it and Hold On.
                  </p>
                  <p>
                  When the shaking stops, look around. If there is a clear path to safety, leave the building and go to an open space away from damaged
                  areas.
                  </p>
                </article>
        </section>

        <footer>
        &#169; Your Name Here 2015
        </footer>

    </body>
</html>