-
Notifications
You must be signed in to change notification settings - Fork 1
/
products.html
130 lines (119 loc) · 5.13 KB
/
products.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
127
128
129
130
<!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>
<link rel='stylesheet' type='text/css' href='./style.css' ></link>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src='script/common.js'></script>
</head>
<body>
<div id="container" class='shadow'>
<div id='connect'><a href='#'>Sales & Support OFFLINE</a></div>
<hr class='line' />
<div id="header">
<div id='heading'>
<div id='logo'><img src='./images/logo1.png' /></div>
<div id='call_support'>
<span id='call_caption'>Enter your number and we will call you to answer any question</span>
<div id="call">
<form action="#" method="post">
<input type="text" name="" style='width:56px' value='( )' />
<input type="text" style='width:84px' name="" /><span class='dash'>-</span>
<input type="text" style='width:84px' name="" />
<input type="submit" id='call_bt' value=' ' name="button_call" />
</form>
</div>
</div>
</div>
<ul class='main_menu'>
<li><a href='index.html' title='Home' >Home</a></li>
<li><a href='about_us.html' title='About Us'>About Us</a></li>
<li><a href='products.html' class='active' title='Original Products'>Original Products</a></li>
<li><a href='#' title='Compatible Products'>Compatible Products</a></li>
<li><a href='#' title='Real Resutls'>Real Resutls</a></li>
<li><a href='contacts.html' title='Contact Us'>Contact Us</a></li>
</ul>
</div>
<div id='banner'>
<div id='model'>
<div class='back_text'>
<div class='msg'>
<h2>Buy with confidence.</h2>
<p>We have industry leading processes and procedures to ensure nothing but the most reliable product.
<a href='#'>Find out mor about our commitment to our customers</a></p>
</div>
</div>
</div>
<div id='buttons'>
<ul>
<li> <a href="#" class="active_bullet" onclick='changeBackground(1);'></a></li>
<li> <a href="#" class="" onclick='changeBackground(2);'></a></li>
<li> <a href="#" class="" onclick='changeBackground(3);'></a></li>
<li> <a href="#" class="" onclick='changeBackground(4);'></a></li>
</ul>
</div>
</div><!-- banner -->
<div id='companies'>
<div class='product'>
<a class='phead' href='#'>Products</a> <br />
We carry a wide selection of products.
</div>
<div class='links'>
<ul class='products_link'>
<li><a class='intel' href="#"></a></li>
<li><a class='cisco' href="#"></a></li>
<li><a class='sun' href="#"></a></li>
<li><a class='juniper' href="#"></a></li>
</ul>
<a class='next' href="#" alt='next' /></a>
</div>
</div>
<div id='content'>
<ul id='items' style='list-style:none;'>
<li>
<div class='left_item'>
<img src="#" width='200px' height='200px' />
<img src="images/items/4.jpeg" width='200px' height='200px' /><h2>Item 1</h2>
<p>description and features description and features description and features description and features description and features
description and features description and features </p>
<a href='#' class='read_more' title='read more..' alt='read more..'></a>
</div>
<div class='right_item'>
<img src="images/items/1.jpeg" width='200px' height='200px' /><h2>Item 1</h2>
<p>description and features description and features description and features description and features
description and features description and features </p>
<a href='#' class='read_more' title='read more..' alt='read more..'></a>
</div>
</li>
<li>
<div class='left_item'>
<img src="images/items/2.jpeg" width='200px' height='200px' />
<h2>Item 1</h2>
<p>description and features description and features description and features description and features description and features
description and features description and features description and features </p>
<a href='#' class='read_more' title='read more..' alt='read more..'></a>
</div>
<div class='right_item'>
<img src="images/items/3.jpeg" width='200px' height='200px' /><h2>Item 1</h2>
<p>description and features description and features description and features description and features
description and features description and features description and features
description and features description and features description and features </p>
<a href='#' class='read_more' title='read more..' alt='read more..'></a>
</div>
</li>
</ul>
</div><!--content-->
<div id='footer'>
<ul>
<li class='first'><a href='#'>Copyright 2010 EMPOWER</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
</ul>
</div>
</div>
<script type='text/javascript'>
start_changebg();
</script>
</body>
</html>