1 files changed, 59 insertions, 0 deletions
diff --git a/frontend/imgrid/colors/1.html b/frontend/imgrid/colors/1.html
new file mode 100755
index 0000000..284b791
--- /dev/null
+++ b/frontend/imgrid/colors/1.html
@@ -0,0 +1,59 @@
+<html>
+<!--<link rel="stylesheet" href="css/normalize.css">-->
+<head>
+		<style type='text/css'>
+		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;}
+		body
+			{
+			margin-bottom:0px;
+			margin-left:0px;
+			margin-right:0px;
+			margin-top:0px;
+			}
+		#master
+			{
+			width:404px;
+			}
+		.slaves
+			{
+			width:100px;
+			background-color:gray;
+			height:40px;
+			display:inline-block;
+			}
+		</style>
+
+
+</head>
+<body>
+<div id='master'>
+<div class='slaves' style='background-color:pink'></div>
+<div class='slaves' style='background-color:blue'></div>
+<div class='slaves' style='background-color:dodgerblue'></div>
+<div class='slaves' style='background-color:red'></div>
+
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+
+</div>
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type='text/javascript'>
+$('.slaves').mouseover(function()
+	{
+	$(this).css('width','120px')
+	$('#master').css('width','500')
+	}).mouseout(function()
+	{
+	$(this).css({'width':'100px','position':'static'})
+  $('#master').css('width','440')
+
+	});
+</script>
+</body>
+</html>