-
Notifications
You must be signed in to change notification settings - Fork 0
/
design.html
executable file
·115 lines (103 loc) · 5.02 KB
/
design.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" name="generator" />
<title>CreativeTee | Design your own</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="http://www.jeasyui.com/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="http://www.jeasyui.com/easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="js/java.js" type="text/javascript"></script>
<script src="js/slideshow.js" type="text/javascript"></script>
<script src="js/backtotop.js" type="text/javascript"></script>
<script src="js/draw.js" type="text/javascript"></script>
</head>
<body>
<section>
<img height="170px" longdesc="Creative Tee Logo" margin-left="202px" src="Images/Logo.jpg" />
<div class="flip-container" style="left: 0px; top: 0px; width: 255px">
<div class="flip">
<div class="front">
<img height="80px" src="images/delivery.png" /></div>
<div class="front back" style="text-align: center">
<a href="delivery.html" style="color: #FFFFFF;">FREE standard delivery
in UK only<br />
Click here for more details</a></div>
</div>
</div>
<social-menu>
<a href="http://www.pintrest.com">
<img alt="Pintrest" class="social" src="images/social/pintrest.jpg" /></a>
<a href="http://www.plus.google.com">
<img alt="Google+" class="social" src="images/social/google.jpg" /></a>
<a href="http://www.youtube.com">
<img alt="Youtube" class="social" src="images/social/youtube.jpg" /></a>
<a href="http://www.instagram.com">
<img alt="Instagram" class="social" src="images/social/instagram.jpg" /></a>
<a href="http://www.twitter.com">
<img alt="Twitter" class="social" src="images/social/twitter.jpg" /></a>
<a href="http://www.facebook.com">
<img alt="Facebook" class="social" src="images/social/facebook.jpg" /></a>
</social-menu>
<nav>
<label class="show-menu" for="show-menu">Show Menu</label>
<input id="show-menu" name="button" type="checkbox" />
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="design.html">Design your own</a></li>
<li><a href="shirts.html">Shirts</a>
<ul class="hidden">
<li><a href="shirts.html#ny">Limited Edition</a></li>
<li><a href="shirts.html#peace">Peace</a></li>
<li><a href="shirts.html#panda">Panda</a></li>
<li><a href="shirts.html#plain">Plain</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</section>
<section>
<section class="center">
<h1>Design your own top</h1>
<p>Use the drop down box to pick a colour of your choice, and then draw your design in the square below.</p>
<div id="board">
<p>Color picker:
<select id="selectColor" name="D1">
<option id="colWhite" selected="selected" style="background-color: White;" value="white">White</option>
<option id="colGray" style="background-color: Gray;" value="gray">Grey</option>
<option id="colBlack" style="background-color: Black; color: White;" value="black">Black</option>
<option id="colRed" style="background-color: Red;" value="red">Red</option>
<option id="colBlue" style="background-color: Blue;" value="blue">Blue</option>
<option id="colGreen" style="background-color: Green;" value="green">Green</option>
<option id="colOrange" style="background-color: Orange;" value="orange">Orange</option>
<option id="colYellow" style="background-color: Yellow;" value="yellow">Yellow</option>
<option id="colPurple" style="background-color: Purple;" value="purple">Purple</option>
<option id="colBrown" style="background-color: Brown;" value="brown">Brown</option>
<option id="colPink" style="background-color: Pink;" value="pink">Pink</option>
</select></p>
<p><img alt="" height="434" position="relative" src="images/Shirt.png" /> <br />
<canvas id="myCanvas" height="340" style="left: 175px; top: 395px" width="160">Sorry, your browser doesn't support canvas technology.</canvas>
</p>
</div></section>
</section>
<footer>
<table width="100%">
<tbody>
<tr>
<td><p> Ling Kan, 13489110 </p></td>
<td><p align="center"> ©2015 Copyright CreativeTee. All Rights Reserved.</p></td>
<td><p align="right"><a href="delivery.html">Delivery</a> |
<a href="about.html">About Us</a> |<a href="contact.html"> Contact Us</a> </p></td>
</tr>
</tbody>
</table>
</footer>
<a class="back-to-top" href="#">Back to Top</a>
</body>
</html>