static/index.html at master · geekwise/static · 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
<!DOCTYPE html>
<html lang="en">
<head>

   <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title>Document</title>
</head>
<body>

<a name="link_to_top">

<a href="#link_to_bottom">
   <mark>Jump To The Bottom</mark>
    <button>&#11015;</button>
</a>


<h1>The Types Of Technology We Will Learn</h1>


<div>
    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">
       <img src="images/html5_icon.jpg" alt="html5 icon">
    </a>
    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference">
       <img src="images/css3_icon.jpg" alt="css3 icon">
    </a>
    <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">
       <img src="images/responsive_icon.jpg" alt="bootstrap icon">
    </a>
    <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">
       <img src="images/javascript_icon.jpg" alt="javascript icon">
    </a>
</div>

<div>
    <u>HTML 5</u>,<i>CSS 3</i>,<b>Responsive Design</b> and <em>Javascript</em>.
</div>

<h2>
    These are just a few of the types of icons we can <i>create</i> with <b>HTML</b>
</h2>

<ol>
<li>
    <a href="#card_symbols">Card Symbols</a>
</li>
<li>
    <a href="#chess_symbols">Chess Symbols</a>
</li>
<li>
    <a href="#music_symbols">Music Symbols</a>
</li>
<li>
    <a href="#user_interface_symbols">User Interface Symbols</a>
</li>
</ol>

<h2>


<ul>
    <li>
       <a name="card_symbols">Card Symbols In HTML</a>
        <ul>
            <li>&hearts;</li>
            <li>&diams;</li>
            <li>&clubs;</li>
            <li>&spades;</li>
        </ul>
    </li>

    <li>
       <a name="chess_symbols">Chess Symbols In HTML</a>
        <ul>
            <li>&#9812;</li>
            <li>&#9813;</li>
            <li>&#9816;</li>
            <li>&#9817;</li>
        </ul>
    </li>

    <li>
        <a name="music_symbols">Music Symbols in HTML</a>
        <ul>
            <li>&#9833;</li>
            <li>&#9836;</li>
            <li>&#9837;</li>
            <li>&#9839;</li>
        </ul>
    </li>

    <li>
       <a name="user_interface_symbols">User Interface Symbols</a>
        <ul>
            <li>&#9744;</li>
            <li>&#9746;</li>
            <li>&#10004;</li>
            <li>&#9986;</li>
        </ul>
    </li>
</ul>

</h2>

<a name="link_to_bottom"></a>

<mark>Back To The Top</mark>
<a href="#link_to_top">
    <button>&#11014;</button>
</a>

</body>
</html>