-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblack.html
executable file
·126 lines (100 loc) · 4.6 KB
/
black.html
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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Black Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/styleblack.css" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script>
</head>
<!--background image used for website styling-->
<body>
<p>
<a name="top"></a>
</p>
<table id="topbanner">
<tr>
<td>
<p >
<!--whole image is a 975px image banner-->
<img src="images/kenny2.png" alt="handsome webdeveloper Kenny Santiago"/>
</p>
</td>
<td id="text"><p>“A computer once beat me at chess, but it was no match for me at kick boxing.”
— Emo Philips</p></td>
<td><p><span id="k">K</span><span id="rest">enny</span><span id="two">2</span></p></td>
</tr>
</table>
<table id="mainnav">
<tr>
<td>
<!--Navigation links-->
<ul>
<li><a href="index.html">Intro Page</a></li>
<li><a href="colorchart.html">Color Chart</a></li>
<li><a href="imagemap.html">Internship links</a></li>
<li><a href="green.html">Green Page</a></li>
<li><a href="white.html">White Page</a></li>
<li><a href="black.html">Black Page</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="https://github.com/ksantiag">Github</a></li>
</ul>
</td>
</tr>
</table>
<!--empty table element used for parallax effect-->
<div class="parallax-window" data-parallax="scroll" data-z-index="1" data-image-src="images/blackcat.jpg"></div>
<table id="content">
<tr>
<td>
<!--page turner linked images-->
<p>
<a href="white.html"><img src="images/barrow.jpg" alt="left arrow" style="width:100px; height:75px;"/></a>
<a href="sitemap.html"><img src="images/sitemap.jpg" alt="Folded map with a black icon hovering now linking to site map" title="sitemap" style="width:75px; height:75px;"/></a>
<a href="imagemap.html"><img src="images/farrow.jpg" alt="arrow pointing right with black text spelling white" style="width:100px; height:75px;"/></a>
</p>
<h1>BLACK</h1>
<p id="indent">Black is a versatile color that can have multiple meanings for example it can represent Sophistication, formality, power, fear, mystery, death, evil, aggression, authority, rebellion and mourning.
In middle eastern cultures the color can represent mourning and also rebirth.
Black is also considered the opposite of white not only in the color spectrum but in also in good vs evil, light vs darkness, yin and yang and dark ages vs the age of enlightenment to name a few.
Black has also been the symbolic color of authority and this is still being seen with judges today as they still wear black as their tradition dress.</p>
<h2>Works Cited</h2>
<ul>
<li>Bourn, Jennifer. “Meaning of The Color Black |.” Bourn Creative, Bourn Creative, 3 June 2016, http://www.bourncreative.com/meaning-of-the-color-black/</li>
<li>“Black.” Wikipedia, Wikimedia Foundation, 4 Feb. 2018, en.wikipedia.org/wiki/Black.</li>
<li>“Disney's Bagheera - Transparent Background!” DeviantArt, camo-flauge.deviantart.com/art/Disney-s-Bagheera-Transparent-Background-637548376.</li>
</ul>
<p id="prevnext">
<a href="white.html">Previous</a><<Black Page>><a href="imagemap.html">Next</a>
</p>
</td>
</tr>
</table>
<table id="footer">
<tr>
<td>
<ul>
<li><a href="black.html">Black Page</a></li>
<li><a href="colorchart.html">Color Chart</a></li>
<li><a href="green.html">Green Page</a></li>
<li><a href="index.html">Intro Page</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="white.html">White Page</a></li>
<li><a href="https://github.com/ksantiag">Github</a></li>
</ul>
</td>
</tr>
<tr>
<td>
<p>
Kenny<sup>2</sup>, Santiago, ksantiag@neiu.edu, CS 300, Spring 2018.
</p>
</td>
</tr>
</table>
<p style="text-align: center;">
<a href="#top">Back to top</a>
</p>
</body>
</html>