-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
191 lines (187 loc) · 11.5 KB
/
index.html
File metadata and controls
191 lines (187 loc) · 11.5 KB
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>itemteam</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div id="wrap">
<div class="top">
<div class="logo lt-fl"><a href="#" title="itemteam: record your life, share your life">itemteam: record your life, share your life</a></div>
<div class="account lt-fl">
<a href="#" class="icon conn-fb" title="Connect with Facebook">Connect with Facebook</a>
<span class="lt-f18">or <a href="#" class="signup" title="Create a free account">Create a free account</a></span>
<span class="lt-f12">Already a member? <a href="#" class="signin lt-b" title="login">Login</a></span>
</div>
</div>
<div class="cover">
<div class="cov1 lt-fl" id="mycarousel">
<ul>
<li><img src="http://img.caing.com/2011-06-15/100269478.jpg" alt="" /></li>
<li><img src="http://img.caing.com/2011-06-15/100269479.jpg" alt="" /></li>
<li><img src="http://img.caing.com/2011-06-15/100269480.jpg" alt="" /></li>
<li><img src="http://img.caing.com/2011-06-15/100269482.jpg" alt="" /></li>
<li><img src="http://img.caing.com/2011-06-15/100269483.jpg" alt="" /></li>
</ul>
<div class="jcarousel-control">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
</div>
</div>
<div class="cov2 lt-fl">
<dl>
<dt><a class="icon i-share" href="#" title="Share your iteams, make a team.">Share</a></dt>
<dd><h2 class="lt-f18">Share</h2>
<p>Share your iteams, make a team.</p>
</dd>
<dt><a class="icon i-record" href="#" title="Record your history.">Record</a></dt>
<dd><h2 class="lt-f18">Record</h2>
<p>Record your history.</p>
</dd>
</dl>
</div>
<div class="cov3 lt-fl"><a class="icon i-join" href="#" title="Join now">Join now</a></div>
</div>
<div class="content lt-fix">
<div class="main lt-fl">
<form action="" method="get">
<label class="search-bar"><input type="text" class="inactive" id="searchBar" placeholder="Search:"/></label>
</form>
<h2 class="lt-f14 lt-b">Recent Items</h2>
<div class="recent-list">
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/20/2011062014403735cab.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">interbobo</a><span class="user-action act-like">Like</span><a href="#" class="item-name">HTC Flyer, A tablet like no other</a>,
<span class="user-he">He</span> said: "<span class="user-comment">Have you ever held a thunderstorm in your hand? feel the sun's rays or wipe away the droplets of water</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img4.cache.netease.com/mobile/2011/2/15/201102151949567f7b2.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/10/20110610115815108ef.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">Ryoko</a><span class="user-action act-want">Want</span><a href="#" class="item-name">Nokia N9, a solid slab of 3.9-inch AMOLED screen</a>,
<span class="user-he">He</span> said: "<span class="user-comment">We'll be getting a fair bit of hands-on time with this guy, keep it locked for our impressions!</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/mobile/2011/6/21/N9-200x180.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/5/20110605083715a4cd6.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">xiaobo</a><span class="user-action act-have">Have</span><a href="#" class="item-name">HTC Hero, a phone that follows your lead</a>,
<span class="user-he">He</span> said: "<span class="user-comment">The Hero is Android perfected and it is an excellent phone. I would recommend it</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img4.cache.netease.com/photo/0011/2010-01-12/t_5SS7B91T0C700011.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/20/2011062014403735cab.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">interbobo</a><span class="user-action act-like">Like</span><a href="#" class="item-name">HTC Flyer, A tablet like no other</a>,
<span class="user-he">He</span> said: "<span class="user-comment">Have you ever held a thunderstorm in your hand? feel the sun's rays or wipe away the droplets of water</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img4.cache.netease.com/mobile/2011/2/15/201102151949567f7b2.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/10/20110610115815108ef.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">Ryoko</a><span class="user-action act-want">Want</span><a href="#" class="item-name">Nokia N9, a solid slab of 3.9-inch AMOLED screen</a>,
<span class="user-he">He</span> said: "<span class="user-comment">We'll be getting a fair bit of hands-on time with this guy, keep it locked for our impressions!</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/mobile/2011/6/21/N9-200x180.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/5/20110605083715a4cd6.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">xiaobo</a><span class="user-action act-have">Have</span><a href="#" class="item-name">HTC Hero, a phone that follows your lead</a>,
<span class="user-he">He</span> said: "<span class="user-comment">The Hero is Android perfected and it is an excellent phone. I would recommend it</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img4.cache.netease.com/photo/0011/2010-01-12/t_5SS7B91T0C700011.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/20/2011062014403735cab.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">interbobo</a><span class="user-action act-like">Like</span><a href="#" class="item-name">HTC Flyer, A tablet like no other</a>,
<span class="user-he">He</span> said: "<span class="user-comment">Have you ever held a thunderstorm in your hand? feel the sun's rays or wipe away the droplets of water</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img4.cache.netease.com/mobile/2011/2/15/201102151949567f7b2.jpg" alt="" /></a></div>
</div>
<div class="recent-item">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/10/20110610115815108ef.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">Ryoko</a><span class="user-action act-want">Want</span><a href="#" class="item-name">Nokia N9, a solid slab of 3.9-inch AMOLED screen</a>,
<span class="user-he">He</span> said: "<span class="user-comment">We'll be getting a fair bit of hands-on time with this guy, keep it locked for our impressions!</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/mobile/2011/6/21/N9-200x180.jpg" alt="" /></a></div>
</div>
<div class="recent-item last">
<div class="user-foto lt-fl"><a href="#"><img src="http://img1.cache.netease.com/cnews/2011/6/5/20110605083715a4cd6.jpg" alt="" /></a></div>
<div class="item-info lt-fl lt-f14"><a href="#" class="user-name">xiaobo</a><span class="user-action act-have">Have</span><a href="#" class="item-name">HTC Hero, a phone that follows your lead</a>,
<span class="user-he">He</span> said: "<span class="user-comment">The Hero is Android perfected and it is an excellent phone. I would recommend it</span>"</div>
<div class="item-foto lt-fl"><a href="#"><img src="http://img4.cache.netease.com/photo/0011/2010-01-12/t_5SS7B91T0C700011.jpg" alt="" /></a></div>
</div>
</div>
</div>
<div class="sidebar lt-fl">
<div class="fo-tw">
<div class="lt-fl icon i-twitter"></div>
<h3 class="lt-f12 lt-b">Find us on twitter</h3>
<p class="lt-f12"><a href="#">twitter.com/itemteam</a></p>
</div>
<h2 class="lt-f14 lt-b">What's itemteam</h2>
<p class="lt-clr whats">Preparations for The Championships start directly after the preceding tournament. Improvements are considered and implemented by the Committee of Management at the All England Club.</p>
<h2 class="lt-f14 lt-b">How to use itemteam</h2>
<div class="lt-clr how-to">
<div class="how-to-issue lt-clr">
<span class="icon i-howto1 lt-fl"></span>
<p class="lt-b">Early wins for French men</p>
<p>The opening day proved successful for France's protagonists, with Gael Monfils [...]</p>
</div>
<div class="lt-clear lt-fix lt-fl"></div>
<div class="how-to-issue lt-clr">
<span class="icon i-howto2 lt-fl"></span>
<p class="lt-b">Nadal able to survive hairy moments</p>
<p>Rafael Nadal survived a few hairy moments early on against American Michael Russell [...]</p>
</div>
<div class="lt-clear lt-fl"></div>
<div class="how-to-issue lt-clr">
<span class="icon i-howto3 lt-fl"></span>
<p class="lt-b">Wimbledon celebrated in new publication</p>
<p>New book celebrates picture highlights from The Championships [...]</p>
</div>
</div>
<h2 class="lt-f14 lt-b">Contact us</h2>
<div class="lt-clr contact">
<a href="#" class="icon i-contact-tw"></a>
<a href="#" class="icon i-contact-fb"></a>
</div>
</div>
</div>
</div>
<div id="boot">
<div class="foot">
<div class="logo lt-fl"><a href="#" title="itemteam: record your life, share your life">itemteam: record your life, share your life</a></div>
<div class="copy lt-fl">© 2011 Itemteam Group. All Rights Reserved.</div>
<div class="links lt-fl"><a href="#" title="Home">Home</a> | <a href="#" title="Contact">Contact</a> | <a href="#" title="RSS">RSS</a></div>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/itemteam.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
function mycarousel_initCallback(carousel) {
jQuery('.jcarousel-control a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
};
function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
var i = idx%5-1;
i = (i==-1) ? 4 : i;
jQuery('.jcarousel-control a').removeClass('current');
jQuery('.jcarousel-control a:eq('+i+')').addClass('current');
};
$(document).ready(function() {
$("#mycarousel").jcarousel({
scroll: 1,
auto: 6,
wrap: 'circular',
initCallback: mycarousel_initCallback,
itemVisibleInCallback: {
onAfterAnimation: mycarousel_itemVisibleInCallbackAfterAnimation
},
buttonNextHTML: null,
buttonPrevHTML: null
});
IT.common.inputInit('#searchBar','inactive');
});
</script>
</body>
</html>