CodeFellows_Scripts/Apple Store Rebuild.html at master · Hiro-Protagonist/CodeFellows_Scripts · 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
<!DOCTYPE html>
  <head>
    <title>Official Apple Store - New iPhone 6, iPhone 6 Plus, iPhone 5s, iPhone 5c, and more. - Apple Store (U.S.)</title>
  </head>
  <body>
    <nav>
      <ul>
        <li><img src="apple_logo.jpg" /></li>
        <li>Store</li>
        <li>Mac</li>
        <li>iPhone</li>
        <li>Watch</li>
        <li>iPad</li>
        <li>iPod</li>
        <li>iTunes</li>
        <li>Support</li>
        <li><img src="search_icon.jpg" /></li>
      </ul>
    </nav>
    <header>
      <nav>
        <ul>
          <li>Apple Store</li>
          <li>Find a Store</li>
          <li>Learn</li>
          <li>Business</li>
          <li>Get Help</li>
          <li><img src="alien_silhouette.jpg" /></li>
          <li><img src="shopping_cart.jpg" /></li>
        </ul>
      </nav>
      <br />
      <nav>
        <ul>
          <li><img src="shop_mac.jpg" /></li>
          <li><img src="shop_iphone.jpg" /></li>
          <li><img src="shop_ipad.jpg" /></li>
          <li><img src="shop_ipod.jpg" /></li>
          <li><img src="shop_appletv.jpg" /></li>
          <li><img src="shop_accessories.jpg" /></li>
        </ul>
      </nav>
    </header>
    <main>
      <section>
        <article style="">
          <h1>Bigger than Bigger</h1>
          <p>Article image, text, and Link</p>
        </article>
        <article style="">
          <h1>Free Shipping on all orders over $50. Free Returns</h1>
        </article>
        <article style="">
          <h1>iWatch</h1>
          <p>Article image, text, and Link</p>
        </article>
        <article style="">
          <h1>Featured Apple Event</h1>
          <p>Article image, text, and Link</p>
        </article>
      </section>
      <section>
        <h1>Great Accessories from Apple</h1>
        <h2>Shop all Accessories</h2>
        <article style="">
          article image
          <p>article text and link</p>
        </article>
        <article style="">
          article image
          <p>article text and link</p>
        </article>
        <article style="">
          article image
          <p>article text and link</p>
        </article>
        <article style="">
          article image
          <p>article text and link</p>
        </article>
        <article style="">
          article image
          <p>article text and link</p>
        </article>
      </section>
      <section>
        <h1>Connect with an Apple Specialist</h1>
        <p>images and text</p>
      </section>
      <section>
        <h1>The best way to shop from your iPhone or iPad</h1>
        <p>images and text</p>
      </section>
    </main>
    <footer>
      <nav>nav items</nav>
      <h3>Have an opinion on this page?</3>
      <hr />
      <nav>about us nav</nav>
      <h5>fine print</h5>
    </footer>
  </body>
</html>