HTML-Stuff/html-fun.html at master · dri19tcc/HTML-Stuff · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Cool Things :)</title>
</head>

<body>
  <header>
    <h1>Cool Things!</h1>
    <nav>
      <a href="https://poshmark.com/">|Poshmark|</a>
      <a href="https://www.facebook.com/">|Facebook|</a>
      <a href="https://www.pinterest.com/">|Pinterest|</a>
    </nav>
  </header>

  <p><a href="#Jokes!">Jump to Jokes!</a></p>

  <section>
    <h3>Fun Emojis!</h3>
    <style>
    table, th, td {
      border: 1px solid black;
    }
    </style>
    <table>
      <tr>
        <th>Description</th>
        <th>Emoji</th>
      </tr>
      <tr>
        <th>Happy</th>
        <th>:)</th>
      </tr>
      <tr>
        <th>Kisses</th>
        <th>:*</th>
      </tr>
      <tr>
        <th>Glasses</th>
        <th>8)</th>
      </tr>
      <tr>
        <th>Tongue</th>
        <th>:P</th>
      </tr>
      <tr>
        <th>Mad</th>
        <th>>:|</th>
      </tr>
    </table>
  </section>

  <section>
    <h3>Food!</h3>
    <figure>
      <img src="http://www.couponclippingcook.com/wp-content/uploads/2011/10/15-chicken-cashew-stir-fry.jpg" alt="Chicken Cashew Stir-Fry" HEIGHT="200" WIDTH="200" BORDER="0">
      <img src="http://images.lifesambrosia.com/food/1200/spaghetti-carbonara.jpg" alt="Spaghetti Carbonara" HEIGHT="200" WIDTH="200" BORDER="0">
      <img src="http://www.femail.com.au/graphics/hellskitchen2.jpg" alt="Beef Wellington" HEIGHT="200" WIDTH="200" BORDER="0">
      <figcaption>Tasty food:  Chicken Cashew Stir-Fry, Spaghetti Carbonara, and Beef Wellington.</figcaption>
    </figure>
  </section>

  <section>
    <h3>Desserts!</h3>
    <figure>
      <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcT7W5-H_4zgrsXxmXkqLYRoGhDlFGeYdW1Aa_KuAFudmNDQeaiT" alt="Purple Wedding Cake" HEIGHT="200" WIDTH="200" BORDER="0">
      <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcR_vpYlh4hhLy1QwrSxxwWejEd6Wxcu0v6z86k7c2MI5-3fhDAn" alt="Cherry Pie" HEIGHT="200" WIDTH="200" BORDER="0">
      <img src="http://rk.wsimgs.com/wsimgs/rk/images/dp/recipe/201536/0093/img28l.jpg" alt="Croqembouche" HEIGHT="200" WIDTH="200" BORDER="0">
      <figcaption>Beautiful Desserts:  Purple Wedding Cake, Cherry Pie, and Croquembouche</figcaption>
    </figure>
  </section>

  <section>
    <h3>Animals!</h3>
    <figure>
      <img src="http://assets.nydailynews.com/polopoly_fs/1.8387.1314090411!/img/httpImage/image.jpg_gen/derivatives/gallery_1200/gal-dog-rascal-jpg.jpg" alt="Ugly Dog" HEIGHT="200" WIDTH="200" BORDER="0">
      <img src="http://i.dailymail.co.uk/i/pix/2014/05/29/article-2642609-1E4CB5BB00000578-70_634x449.jpg" alt="Grumpy Cat" HEIGHT="200" WIDTH="200" BORDER="0">
      <img src="http://pixdaus.com/files/items/pics/6/69/201669_2b8daa9875a3b5c9ead652f8ea814a74_large.jpg" alt="Ferret" HEIGHT="200" WIDTH="200" BORDER="0">
      <figcaption>Animals:  A Funny Looking Dog, Grumpy Cat, and a Mad Ferret</figcaption>
    </figure>
  </section>

  <h3>Choose Something!</h3>
  <select>
    <option value="dogs">Dog</option>
    <option value="cats">Cats</option>
    <option value="rats">Rats</option>
    <option value="ferrets">Ferrets</option>
  </select>

  <h3 id="Jokes!">Jokes!</h3>
  <section>
    <nav>
      <ul>
        <li><a href="https://vimeo.com/65102146">2 Chips Joke Video</a></li>
        <li><a href="https://www.youtube.com/watch?v=gia6xOBRjQE">Cyanide and Happiness Funny Video</a></li>
      </ul>
    </nav>
  </section>

  <footer>Copyright Adriana Cannon 2016</footer>
</body>