1 | <!DOCTYPE html>
|
---|
2 | <html lang="en">
|
---|
3 | <head>
|
---|
4 | <title>Home</title>
|
---|
5 | <meta charset="utf-8">
|
---|
6 | <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
|
---|
7 | <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
|
---|
8 | <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
|
---|
9 | <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
|
---|
10 | <script type="text/javascript" src="js/cufon-yui.js"></script>
|
---|
11 | <script type="text/javascript" src="js/cufon-replace.js"></script>
|
---|
12 | <script type="text/javascript" src="js/Copse_400.font.js"></script>
|
---|
13 | <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
|
---|
14 | <script type="text/javascript" src="js/imagepreloader.js"></script>
|
---|
15 | <script type="text/javascript">
|
---|
16 | preloadImages([
|
---|
17 | 'images/menu1_active.gif',
|
---|
18 | 'images/menu2_active.gif',
|
---|
19 | 'images/menu3_active.gif',
|
---|
20 | 'images/menu4_active.gif',
|
---|
21 | 'images/marker_right_active.jpg',
|
---|
22 | 'images/marker_left_active.jpg',
|
---|
23 | 'images/menu5_active.gif']);
|
---|
24 | </script>
|
---|
25 | <!--[if lt IE 9]>
|
---|
26 | <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
|
---|
27 | <script type="text/javascript" src="js/html5.js"></script>
|
---|
28 | <![endif]-->
|
---|
29 | </head>
|
---|
30 | <body id="page1">
|
---|
31 | <div class="body1">
|
---|
32 | <div class="body2">
|
---|
33 | <div class="main">
|
---|
34 | <!-- header -->
|
---|
35 | <header>
|
---|
36 | <div class="wrapper">
|
---|
37 | <h1><a href="index.html" id="logo">NAME</a></h1>
|
---|
38 | <div class="right">
|
---|
39 | <nav>
|
---|
40 | <ul id="top_nav">
|
---|
41 | <li><a href="#">User Area</a></li>
|
---|
42 | <li><a href="#">Sitemap</a></li>
|
---|
43 | </ul>
|
---|
44 | <form id="search" method="post">
|
---|
45 | <div>
|
---|
46 | <input type="submit" class="submit" value="">
|
---|
47 | <input type="text" class="input">
|
---|
48 | </div>
|
---|
49 | </form>
|
---|
50 | </nav>
|
---|
51 | </div>
|
---|
52 | </div>
|
---|
53 | <nav id="menu">
|
---|
54 | <ul>
|
---|
55 | <li class="nav1" id="active"><a href="index.html">Home</a></li>
|
---|
56 | <li class="nav2"><a href="News.html">about us</a></li>
|
---|
57 | <li class="nav3"><a href="Services.html">Services</a></li>
|
---|
58 | <li class="nav4"><a href="Products.html">exhibition</a></li>
|
---|
59 | <li class="nav5"><a href="Contact.html">Contact</a></li>
|
---|
60 | </ul>
|
---|
61 | </nav>
|
---|
62 | </header><div class="ic">More Website Templates at TemplateMonster.com!</div>
|
---|
63 | </div>
|
---|
64 | </div>
|
---|
65 | </div>
|
---|
66 | <div class="body3">
|
---|
67 | <div class="body4">
|
---|
68 | <div class="main">
|
---|
69 | <div class="slogan">
|
---|
70 | <div id="slider">
|
---|
71 | <img src="images/text1.jpg" alt=""><img src="images/text2.jpg" alt=""><img src="images/text3.jpg" alt=""> </div>
|
---|
72 | </div>
|
---|
73 | </div>
|
---|
74 | </div>
|
---|
75 | </div>
|
---|
76 | <!-- / header -->
|
---|
77 | <!-- content -->
|
---|
78 | <div class="body5">
|
---|
79 | <div class="body6">
|
---|
80 | <div class="main">
|
---|
81 | <div class="wrapper">
|
---|
82 | <figure class="left"><img src="images/letter1.png" alt=""></figure>
|
---|
83 | <h2>Welcome to <span>NAME</span>!</h2>
|
---|
84 | Welcome to name
|
---|
85 | We’re here to make best use of the potential of your brand by enabling you to communicate your identity effectively and consistently, through the use of creative and bright visual solutions.
|
---|
86 |
|
---|
87 |
|
---|
88 |
|
---|
89 |
|
---|
90 | </div>
|
---|
91 | </div>
|
---|
92 | </div>
|
---|
93 | </div>
|
---|
94 | <div class="body7">
|
---|
95 | <div class="main">
|
---|
96 | <section id="content">
|
---|
97 | <div class="wrapper">
|
---|
98 | <article class="col1">
|
---|
99 | <div class="box1"><div class="box1_bot"><div class="box1_top">
|
---|
100 | <div class="pad"><div class="pad1">
|
---|
101 | <h2 class="center">Think.</h2>
|
---|
102 | <p>We stick to our promise to meet the deadlines as we know the value of time, we strive hard to acheive the maximum return on investment for our clients and we dont even try to meet but also exceed the expectations.</p><p></p>
|
---|
103 | <div class="wrapper center">
|
---|
104 | <a href="#" class="button"><span><span>More</span></span></a>
|
---|
105 | </div>
|
---|
106 | </div></div>
|
---|
107 | </div></div></div>
|
---|
108 | </article>
|
---|
109 | <article class="col1 pad_left1">
|
---|
110 | <div class="box1"><div class="box1_bot"><div class="box1_top">
|
---|
111 | <div class="pad">
|
---|
112 | <div class="pad1">
|
---|
113 | <h2 class="center">Process.</h2>
|
---|
114 | <p>Our strength is an in house creative, skilled and enthusiastic team of designers, visualizers, artists, architects, engineers, fabricators, etc.</p>
|
---|
115 | <p> </p><p></p>
|
---|
116 | <div class="wrapper center">
|
---|
117 | <a href="#" class="button"><span><span>More</span></span></a>
|
---|
118 | </div>
|
---|
119 | </div></div>
|
---|
120 | </div></div></div>
|
---|
121 | </article>
|
---|
122 | <article class="col1 pad_left1">
|
---|
123 | <div class="box1"><div class="box1_bot"><div class="box1_top">
|
---|
124 | <div class="pad">
|
---|
125 | <div class="pad1">
|
---|
126 | <h2 class="center">Succeed.</h2>
|
---|
127 | <p>Our vision is to generate Maximum Revenue and Return on Investment (ROI) for our clients, Search for new markets for their Services and Products and Exceed client expectation by providing Quality Business Promotion Solutions.</p>
|
---|
128 | <div class="wrapper center">
|
---|
129 | <a href="#" class="button"><span><span>More</span></span></a>
|
---|
130 | </div>
|
---|
131 | </div></div>
|
---|
132 | </div></div></div>
|
---|
133 | </article>
|
---|
134 | </div>
|
---|
135 | <div class="wrapper">
|
---|
136 | <article class="col2">
|
---|
137 | <div class="pad1">
|
---|
138 | <h2>Features Overview</h2>
|
---|
139 | <p><strong>Welcome to name</strong><br>
|
---|
140 | We’re here to make best use of the potential of your brand by enabling you to communicate your identity effectively and consistently, through the use of creative and bright visual solutions.<br>
|
---|
141 | <br>
|
---|
142 | <br>
|
---|
143 | Name has over 5 years’ experience in producing stimulating and inventive work for a various range of companies at the highest height of industry, and we boast a energetic team of specialists including...<br>
|
---|
144 | <br>
|
---|
145 | Dedicated Account Handlers<br>
|
---|
146 | Graphic & 3D Designers<br>
|
---|
147 | Print and Colour Management Experts<br>
|
---|
148 | Skilled Finishers<br>
|
---|
149 | Seasoned Installers<br>
|
---|
150 | <br>
|
---|
151 | ...which enables us to convey wonderful large-scale production on-time and within budget, anywhere in the world.<br>
|
---|
152 | <a href="Contact.html" target="null" title="">Contact Us</a> for more information.</p>
|
---|
153 | <p class="pad_bot1"> </p>
|
---|
154 | <a href="#" class="button"><span><span>Read More</span></span></a>
|
---|
155 | </div>
|
---|
156 | </article>
|
---|
157 | <article class="col1 pad_left1">
|
---|
158 | <h2>Advantages</h2>
|
---|
159 | <ul class="list2">
|
---|
160 | <li><a href="#"><img src="images/icon1.jpg" alt="">Starting up</a></li>
|
---|
161 | <li><a href="#"><img src="images/icon2.jpg" alt="">Finance and grants</a></li>
|
---|
162 | <li><a href="#"><img src="images/icon3.jpg" alt="">Taxes, returns & payroll</a></li>
|
---|
163 | <li><a href="#"><img src="images/icon4.jpg" alt="">Employment & skills</a></li>
|
---|
164 | <li class="bg_none"><a href="#"><img src="images/icon5.jpg" alt="">Health, safety, premises</a></li>
|
---|
165 | </ul>
|
---|
166 | <div class="box1"><div class="box1_bot"><div class="box1_top">
|
---|
167 | <div class="pad">
|
---|
168 | <h2>Newsletter</h2>
|
---|
169 | Sign up for weekly newsletter:
|
---|
170 | <form id="sign_up" method="post">
|
---|
171 | <div>
|
---|
172 | <input type="text" class="input">
|
---|
173 | <a href="#" onClick="document.getElementById('sign_up').submit()">Sign up</a>
|
---|
174 | </div>
|
---|
175 | </form>
|
---|
176 | </div>
|
---|
177 | </div></div></div>
|
---|
178 | </article>
|
---|
179 | </div>
|
---|
180 | </section>
|
---|
181 | </div>
|
---|
182 | </div>
|
---|
183 | <!-- / content -->
|
---|
184 | <!-- footer -->
|
---|
185 | <div class="body8">
|
---|
186 | <div class="body9">
|
---|
187 | <div class="main">
|
---|
188 | <footer>
|
---|
189 | <div class="col_1">
|
---|
190 | <h3>Social Networks</h3>
|
---|
191 | <ul class="list3">
|
---|
192 | <li><a href="#">Twitter</a></li>
|
---|
193 | <li><a href="#">Facebook</a></li>
|
---|
194 | <li><a href="#">Flickr</a></li>
|
---|
195 | <li><a href="#">Blogger</a></li>
|
---|
196 | </ul>
|
---|
197 | </div>
|
---|
198 | <div class="col_2 pad_left1">
|
---|
199 | <h3>Quick Solutions</h3>
|
---|
200 | <div class="wrapper">
|
---|
201 | <ul class="list3 col_1">
|
---|
202 | <li><a href="index.html">Home</a></li>
|
---|
203 | <li><a href="News.html">About Us</a></li>
|
---|
204 | <li><a href="News.html">What We Do</a></li>
|
---|
205 | <li><a href="Services.html">Services</a></li>
|
---|
206 | </ul>
|
---|
207 | <ul class="list3 col_1 pad_left1">
|
---|
208 | <li><a href="Products.html">Exhibition</a></li>
|
---|
209 | <li><a href="News.html">Our Team</a></li>
|
---|
210 | <li><a href="#">Contacts</a></li>
|
---|
211 | <li><a href="#">Feed Back</a></li>
|
---|
212 | </ul>
|
---|
213 | </div>
|
---|
214 | </div>
|
---|
215 | <div class="col_3">
|
---|
216 | <a href="index.html" id="footer_logo">NAME</a>
|
---|
217 | <p class="center"><a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">Website template</a><br>
|
---|
218 | designed by TemplateMonster.com</p>
|
---|
219 | <p class="center">
|
---|
220 | <a href="http://www.templates.com/product/3d-models/" target="_blank">3D Models</a><br>
|
---|
221 | provided by Templates.com</p>
|
---|
222 | </div>
|
---|
223 | </footer>
|
---|
224 | </div>
|
---|
225 | <!-- / footer -->
|
---|
226 | </div>
|
---|
227 | </div>
|
---|
228 | <script type="text/javascript"> Cufon.now(); </script>
|
---|
229 | <script type="text/javascript">
|
---|
230 | $(window).load(function() {
|
---|
231 | $('#slider').nivoSlider({
|
---|
232 | effect:'sliceDown', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'
|
---|
233 | slices:20,
|
---|
234 | animSpeed:300,
|
---|
235 | pauseTime:9999999999,
|
---|
236 | startSlide:0, //Set starting Slide (0 index)
|
---|
237 | directionNav:true, //Next & Prev
|
---|
238 | directionNavHide:false, //Only show on hover
|
---|
239 | controlNav:false, //1,2,3...
|
---|
240 | controlNavThumbs:false, //Use thumbnails for Control Nav
|
---|
241 | controlNavThumbsFromRel:false, //Use image rel for thumbs
|
---|
242 | controlNavThumbsSearch: '.jpg', //Replace this with...
|
---|
243 | controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
|
---|
244 | keyboardNav:true, //Use left & right arrows
|
---|
245 | pauseOnHover:true, //Stop animation while hovering
|
---|
246 | manualAdvance:false, //Force manual transitions
|
---|
247 | captionOpacity:1, //Universal caption opacity
|
---|
248 | beforeChange: function(){},
|
---|
249 | afterChange: function(){},
|
---|
250 | slideshowEnd: function(){} //Triggers after all slides have been shown
|
---|
251 | });
|
---|
252 | });
|
---|
253 | </script>
|
---|
254 | </body>
|
---|
255 | </html> |
---|