account.html 47 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347
  1. <!--
  2. Author: W3layouts
  3. Author URL: http://w3layouts.com
  4. License: Creative Commons Attribution 3.0 Unported
  5. License URL: http://creativecommons.org/licenses/by/3.0/
  6. -->
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <title>BOX SHOP an E-Commerce online Shopping Category Flat Bootstarp responsive Website Template| Account :: w3layouts</title>
  11. <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
  12. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  13. <script src="js/jquery.min.js"></script>
  14. <!-- Custom Theme files -->
  15. <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  16. <!-- Custom Theme files -->
  17. <meta name="viewport" content="width=device-width, initial-scale=1">
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19. <meta name="keywords" content="BOX SHOP Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
  20. Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
  21. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  22. <!--webfont-->
  23. <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
  25. <!-- start menu -->
  26. <link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
  27. <script type="text/javascript" src="js/megamenu.js"></script>
  28. <script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
  29. <!-- start slider -->
  30. <script src="js/responsiveslides.min.js"></script>
  31. <script>
  32. $(function () {
  33. $("#slider").responsiveSlides({
  34. auto: true,
  35. speed: 500,
  36. namespace: "callbacks",
  37. pager: true,
  38. });
  39. });
  40. </script>
  41. <!--end slider -->
  42. <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  43. <script type="text/javascript">
  44. $(window).load(function() {
  45. $("#flexiselDemo").flexisel({
  46. visibleItems: 5,
  47. animationSpeed: 1000,
  48. autoPlay: true,
  49. autoPlaySpeed: 3000,
  50. pauseOnHover: true,
  51. enableResponsiveBreakpoints: true,
  52. responsiveBreakpoints: {
  53. portrait: {
  54. changePoint:480,
  55. visibleItems: 1
  56. },
  57. landscape: {
  58. changePoint:640,
  59. visibleItems: 2
  60. },
  61. tablet: {
  62. changePoint:768,
  63. visibleItems: 3
  64. }
  65. }
  66. });
  67. });
  68. </script>
  69. <script type="text/javascript" src="js/jquery.flexisel.js"></script>
  70. </head>
  71. <body>
  72. <!-- header-section-starts -->
  73. <div class="header">
  74. <div class="top-header">
  75. <div class="wrap">
  76. <div class="header-left">
  77. <ul>
  78. <li><a href="#">24x7 Customer Care </a></li> |
  79. <li><a href="order.html"> Track Order</a></li>
  80. </ul>
  81. </div>
  82. <div class="header-right">
  83. <ul>
  84. <li>
  85. <i class="user"></i>
  86. <a href="account.html">My Account</a>
  87. </li>
  88. <li class="login">
  89. <i class="lock"></i>
  90. <a href="login.html">Log In/</a>
  91. </li>
  92. <li>
  93. <i class="cart"></i>
  94. <a href="#">Shopping Cart</a>
  95. </li>
  96. <li class="last">5</li>
  97. </ul>
  98. <div class="sign-up-right">
  99. <a href="login.html">Sign Up</a>
  100. </div>
  101. </div>
  102. <div class="clearfix"></div>
  103. </div>
  104. </div>
  105. <div class="wrap">
  106. <div class="header-bottom">
  107. <div class="logo">
  108. <a href="index.html"><img src="images/logo.jpg" class="img-responsive" alt="" /></a>
  109. </div>
  110. <div class="search">
  111. <div class="search2">
  112. <form>
  113. <input type="submit" value="">
  114. <input type="text" value="Search for a product, category or brand" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search for a product, category or brand';}"/>
  115. </form>
  116. </div>
  117. </div>
  118. <div class="clearfix"></div>
  119. </div>
  120. </div>
  121. </div>
  122. <!-- header-section-ends -->
  123. <div class="wrap">
  124. <div class="navigation-strip">
  125. <h4>Most Popular<i class="arrow"></i></h4>
  126. <div class="top-menu">
  127. <!-- start header menu -->
  128. <ul class="megamenu skyblue">
  129. <li><a class="color1" href="#">mobiles</a>
  130. <div class="megapanel">
  131. <div class="row">
  132. <div class="col1">
  133. <div class="h_nav">
  134. <h4>shop</h4>
  135. <ul>
  136. <li><a href="products.html">new arrivals</a></li>
  137. <li><a href="products.html">men</a></li>
  138. <li><a href="products.html">women</a></li>
  139. <li><a href="products.html">accessories</a></li>
  140. <li><a href="products.html">kids</a></li>
  141. <li><a href="products.html">brands</a></li>
  142. </ul>
  143. </div>
  144. </div>
  145. <div class="col1">
  146. <div class="h_nav">
  147. <h4>help</h4>
  148. <ul>
  149. <li><a href="products.html">trends</a></li>
  150. <li><a href="products.html">sale</a></li>
  151. <li><a href="products.html">style videos</a></li>
  152. <li><a href="products.html">accessories</a></li>
  153. <li><a href="products.html">kids</a></li>
  154. <li><a href="products.html">style videos</a></li>
  155. </ul>
  156. </div>
  157. </div>
  158. <div class="col1">
  159. <div class="h_nav">
  160. <h4>my company</h4>
  161. <ul>
  162. <li><a href="products.html">trends</a></li>
  163. <li><a href="products.html">sale</a></li>
  164. <li><a href="products.html">style videos</a></li>
  165. <li><a href="products.html">accessories</a></li>
  166. <li><a href="products.html">kids</a></li>
  167. <li><a href="products.html">style videos</a></li>
  168. </ul>
  169. </div>
  170. </div>
  171. <div class="col1">
  172. <div class="h_nav">
  173. <h4>account</h4>
  174. <ul>
  175. <li><a href="login.html">login</a></li>
  176. <li><a href="register.html">create an account</a></li>
  177. <li><a href="products.html">create wishlist</a></li>
  178. <li><a href="single.html">my shopping bag</a></li>
  179. <li><a href="products.html">brands</a></li>
  180. <li><a href="products.html">create wishlist</a></li>
  181. </ul>
  182. </div>
  183. </div>
  184. <div class="col1">
  185. <div class="h_nav">
  186. <h4>my company</h4>
  187. <ul>
  188. <li><a href="products.html">trends</a></li>
  189. <li><a href="products.html">sale</a></li>
  190. <li><a href="products.html">style videos</a></li>
  191. <li><a href="products.html">accessories</a></li>
  192. <li><a href="products.html">kids</a></li>
  193. <li><a href="products.html">style videos</a></li>
  194. </ul>
  195. </div>
  196. </div>
  197. <div class="col1">
  198. <div class="h_nav">
  199. <h4>popular</h4>
  200. <ul>
  201. <li><a href="products.html">new arrivals</a></li>
  202. <li><a href="products.html">men</a></li>
  203. <li><a href="products.html">women</a></li>
  204. <li><a href="products.html">accessories</a></li>
  205. <li><a href="products.html">kids</a></li>
  206. <li><a href="products.html">style videos</a></li>
  207. </ul>
  208. </div>
  209. </div>
  210. </div>
  211. <div class="row">
  212. <div class="col2"></div>
  213. <div class="col1"></div>
  214. <div class="col1"></div>
  215. <div class="col1"></div>
  216. <div class="col1"></div>
  217. </div>
  218. </div>
  219. </li>
  220. <li class="grid"><a class="color2" href="#">tablets</a>
  221. <div class="megapanel">
  222. <div class="row">
  223. <div class="col1">
  224. <div class="h_nav">
  225. <h4>shop</h4>
  226. <ul>
  227. <li><a href="products.html">new arrivals</a></li>
  228. <li><a href="products.html">men</a></li>
  229. <li><a href="products.html">women</a></li>
  230. <li><a href="products.html">accessories</a></li>
  231. <li><a href="products.html">kids</a></li>
  232. <li><a href="products.html">brands</a></li>
  233. </ul>
  234. </div>
  235. </div>
  236. <div class="col1">
  237. <div class="h_nav">
  238. <h4>help</h4>
  239. <ul>
  240. <li><a href="products.html">trends</a></li>
  241. <li><a href="products.html">sale</a></li>
  242. <li><a href="products.html">style videos</a></li>
  243. <li><a href="products.html">accessories</a></li>
  244. <li><a href="products.html">kids</a></li>
  245. <li><a href="products.html">style videos</a></li>
  246. </ul>
  247. </div>
  248. </div>
  249. <div class="col1">
  250. <div class="h_nav">
  251. <h4>my company</h4>
  252. <ul>
  253. <li><a href="products.html">trends</a></li>
  254. <li><a href="products.html">sale</a></li>
  255. <li><a href="products.html">style videos</a></li>
  256. <li><a href="products.html">accessories</a></li>
  257. <li><a href="products.html">kids</a></li>
  258. <li><a href="products.html">style videos</a></li>
  259. </ul>
  260. </div>
  261. </div>
  262. <div class="col1">
  263. <div class="h_nav">
  264. <h4>account</h4>
  265. <ul>
  266. <li><a href="login.html">login</a></li>
  267. <li><a href="register.html">create an account</a></li>
  268. <li><a href="products.html">create wishlist</a></li>
  269. <li><a href="single.html">my shopping bag</a></li>
  270. <li><a href="products.html">brands</a></li>
  271. <li><a href="products.html">create wishlist</a></li>
  272. </ul>
  273. </div>
  274. </div>
  275. <div class="col1">
  276. <div class="h_nav">
  277. <h4>my company</h4>
  278. <ul>
  279. <li><a href="products.html">trends</a></li>
  280. <li><a href="products.html">sale</a></li>
  281. <li><a href="products.html">style videos</a></li>
  282. <li><a href="products.html">accessories</a></li>
  283. <li><a href="products.html">kids</a></li>
  284. <li><a href="products.html">style videos</a></li>
  285. </ul>
  286. </div>
  287. </div>
  288. <div class="col1">
  289. <div class="h_nav">
  290. <h4>popular</h4>
  291. <ul>
  292. <li><a href="products.html">new arrivals</a></li>
  293. <li><a href="products.html">men</a></li>
  294. <li><a href="products.html">women</a></li>
  295. <li><a href="products.html">accessories</a></li>
  296. <li><a href="products.html">kids</a></li>
  297. <li><a href="products.html">style videos</a></li>
  298. </ul>
  299. </div>
  300. </div>
  301. </div>
  302. <div class="row">
  303. <div class="col2"></div>
  304. <div class="col1"></div>
  305. <div class="col1"></div>
  306. <div class="col1"></div>
  307. <div class="col1"></div>
  308. </div>
  309. </div>
  310. </li>
  311. <li class="grid"><a class="color4" href="#">laptops</a>
  312. <div class="megapanel">
  313. <div class="row">
  314. <div class="col1">
  315. <div class="h_nav">
  316. <h4>shop</h4>
  317. <ul>
  318. <li><a href="products.html">new arrivals</a></li>
  319. <li><a href="products.html">men</a></li>
  320. <li><a href="products.html">women</a></li>
  321. <li><a href="products.html">accessories</a></li>
  322. <li><a href="products.html">kids</a></li>
  323. <li><a href="products.html">brands</a></li>
  324. </ul>
  325. </div>
  326. </div>
  327. <div class="col1">
  328. <div class="h_nav">
  329. <h4>help</h4>
  330. <ul>
  331. <li><a href="products.html">trends</a></li>
  332. <li><a href="products.html">sale</a></li>
  333. <li><a href="products.html">style videos</a></li>
  334. <li><a href="products.html">accessories</a></li>
  335. <li><a href="products.html">kids</a></li>
  336. <li><a href="products.html">style videos</a></li>
  337. </ul>
  338. </div>
  339. </div>
  340. <div class="col1">
  341. <div class="h_nav">
  342. <h4>my company</h4>
  343. <ul>
  344. <li><a href="products.html">trends</a></li>
  345. <li><a href="products.html">sale</a></li>
  346. <li><a href="products.html">style videos</a></li>
  347. <li><a href="products.html">accessories</a></li>
  348. <li><a href="products.html">kids</a></li>
  349. <li><a href="products.html">style videos</a></li>
  350. </ul>
  351. </div>
  352. </div>
  353. <div class="col1">
  354. <div class="h_nav">
  355. <h4>account</h4>
  356. <ul>
  357. <li><a href="login.html">login</a></li>
  358. <li><a href="register.html">create an account</a></li>
  359. <li><a href="products.html">create wishlist</a></li>
  360. <li><a href="single.html">my shopping bag</a></li>
  361. <li><a href="products.html">brands</a></li>
  362. <li><a href="products.html">create wishlist</a></li>
  363. </ul>
  364. </div>
  365. </div>
  366. <div class="col1">
  367. <div class="h_nav">
  368. <h4>my company</h4>
  369. <ul>
  370. <li><a href="products.html">trends</a></li>
  371. <li><a href="products.html">sale</a></li>
  372. <li><a href="products.html">style videos</a></li>
  373. <li><a href="products.html">accessories</a></li>
  374. <li><a href="products.html">kids</a></li>
  375. <li><a href="products.html">style videos</a></li>
  376. </ul>
  377. </div>
  378. </div>
  379. <div class="col1">
  380. <div class="h_nav">
  381. <h4>popular</h4>
  382. <ul>
  383. <li><a href="products.html">new arrivals</a></li>
  384. <li><a href="products.html">men</a></li>
  385. <li><a href="products.html">women</a></li>
  386. <li><a href="products.html">accessories</a></li>
  387. <li><a href="products.html">kids</a></li>
  388. <li><a href="products.html">style videos</a></li>
  389. </ul>
  390. </div>
  391. </div>
  392. </div>
  393. <div class="row">
  394. <div class="col2"></div>
  395. <div class="col1"></div>
  396. <div class="col1"></div>
  397. <div class="col1"></div>
  398. <div class="col1"></div>
  399. </div>
  400. </div>
  401. </li>
  402. <li><a class="color5" href="#">cameras</a>
  403. <div class="megapanel">
  404. <div class="row">
  405. <div class="col1">
  406. <div class="h_nav">
  407. <h4>shop</h4>
  408. <ul>
  409. <li><a href="products.html">new arrivals</a></li>
  410. <li><a href="products.html">men</a></li>
  411. <li><a href="products.html">women</a></li>
  412. <li><a href="products.html">accessories</a></li>
  413. <li><a href="products.html">kids</a></li>
  414. <li><a href="products.html">brands</a></li>
  415. </ul>
  416. </div>
  417. </div>
  418. <div class="col1">
  419. <div class="h_nav">
  420. <h4>help</h4>
  421. <ul>
  422. <li><a href="products.html">trends</a></li>
  423. <li><a href="products.html">sale</a></li>
  424. <li><a href="products.html">style videos</a></li>
  425. <li><a href="products.html">accessories</a></li>
  426. <li><a href="products.html">kids</a></li>
  427. <li><a href="products.html">style videos</a></li>
  428. </ul>
  429. </div>
  430. </div>
  431. <div class="col1">
  432. <div class="h_nav">
  433. <h4>my company</h4>
  434. <ul>
  435. <li><a href="products.html">trends</a></li>
  436. <li><a href="products.html">sale</a></li>
  437. <li><a href="products.html">style videos</a></li>
  438. <li><a href="products.html">accessories</a></li>
  439. <li><a href="products.html">kids</a></li>
  440. <li><a href="products.html">style videos</a></li>
  441. </ul>
  442. </div>
  443. </div>
  444. <div class="col1">
  445. <div class="h_nav">
  446. <h4>account</h4>
  447. <ul>
  448. <li><a href="login.html">login</a></li>
  449. <li><a href="register.html">create an account</a></li>
  450. <li><a href="products.html">create wishlist</a></li>
  451. <li><a href="single.html">my shopping bag</a></li>
  452. <li><a href="products.html">brands</a></li>
  453. <li><a href="products.html">create wishlist</a></li>
  454. </ul>
  455. </div>
  456. </div>
  457. <div class="col1">
  458. <div class="h_nav">
  459. <h4>my company</h4>
  460. <ul>
  461. <li><a href="products.html">trends</a></li>
  462. <li><a href="products.html">sale</a></li>
  463. <li><a href="products.html">style videos</a></li>
  464. <li><a href="products.html">accessories</a></li>
  465. <li><a href="products.html">kids</a></li>
  466. <li><a href="products.html">style videos</a></li>
  467. </ul>
  468. </div>
  469. </div>
  470. <div class="col1">
  471. <div class="h_nav">
  472. <h4>popular</h4>
  473. <ul>
  474. <li><a href="products.html">new arrivals</a></li>
  475. <li><a href="products.html">men</a></li>
  476. <li><a href="products.html">women</a></li>
  477. <li><a href="products.html">accessories</a></li>
  478. <li><a href="products.html">kids</a></li>
  479. <li><a href="products.html">style videos</a></li>
  480. </ul>
  481. </div>
  482. </div>
  483. </div>
  484. <div class="row">
  485. <div class="col2"></div>
  486. <div class="col1"></div>
  487. <div class="col1"></div>
  488. <div class="col1"></div>
  489. <div class="col1"></div>
  490. </div>
  491. </div>
  492. </li>
  493. <li><a class="color6" href="#">watches</a>
  494. <div class="megapanel">
  495. <div class="row">
  496. <div class="col1">
  497. <div class="h_nav">
  498. <h4>shop</h4>
  499. <ul>
  500. <li><a href="products.html">new arrivals</a></li>
  501. <li><a href="products.html">men</a></li>
  502. <li><a href="products.html">women</a></li>
  503. <li><a href="products.html">accessories</a></li>
  504. <li><a href="products.html">kids</a></li>
  505. <li><a href="products.html">brands</a></li>
  506. </ul>
  507. </div>
  508. </div>
  509. <div class="col1">
  510. <div class="h_nav">
  511. <h4>help</h4>
  512. <ul>
  513. <li><a href="products.html">trends</a></li>
  514. <li><a href="products.html">sale</a></li>
  515. <li><a href="products.html">style videos</a></li>
  516. <li><a href="products.html">accessories</a></li>
  517. <li><a href="products.html">kids</a></li>
  518. <li><a href="products.html">style videos</a></li>
  519. </ul>
  520. </div>
  521. </div>
  522. <div class="col1">
  523. <div class="h_nav">
  524. <h4>my company</h4>
  525. <ul>
  526. <li><a href="products.html">trends</a></li>
  527. <li><a href="products.html">sale</a></li>
  528. <li><a href="products.html">style videos</a></li>
  529. <li><a href="products.html">accessories</a></li>
  530. <li><a href="products.html">kids</a></li>
  531. <li><a href="products.html">style videos</a></li>
  532. </ul>
  533. </div>
  534. </div>
  535. <div class="col1">
  536. <div class="h_nav">
  537. <h4>account</h4>
  538. <ul>
  539. <li><a href="login.html">login</a></li>
  540. <li><a href="register.html">create an account</a></li>
  541. <li><a href="products.html">create wishlist</a></li>
  542. <li><a href="single.html">my shopping bag</a></li>
  543. <li><a href="products.html">brands</a></li>
  544. <li><a href="products.html">create wishlist</a></li>
  545. </ul>
  546. </div>
  547. </div>
  548. <div class="col1">
  549. <div class="h_nav">
  550. <h4>my company</h4>
  551. <ul>
  552. <li><a href="products.html">trends</a></li>
  553. <li><a href="products.html">sale</a></li>
  554. <li><a href="products.html">style videos</a></li>
  555. <li><a href="products.html">accessories</a></li>
  556. <li><a href="products.html">kids</a></li>
  557. <li><a href="products.html">style videos</a></li>
  558. </ul>
  559. </div>
  560. </div>
  561. <div class="col1">
  562. <div class="h_nav">
  563. <h4>popular</h4>
  564. <ul>
  565. <li><a href="products.html">new arrivals</a></li>
  566. <li><a href="products.html">men</a></li>
  567. <li><a href="products.html">women</a></li>
  568. <li><a href="products.html">accessories</a></li>
  569. <li><a href="products.html">kids</a></li>
  570. <li><a href="products.html">style videos</a></li>
  571. </ul>
  572. </div>
  573. </div>
  574. </div>
  575. <div class="row">
  576. <div class="col2"></div>
  577. <div class="col1"></div>
  578. <div class="col1"></div>
  579. <div class="col1"></div>
  580. <div class="col1"></div>
  581. </div>
  582. </div>
  583. </li>
  584. <li><a class="color8" href="#">eBooks</a>
  585. <div class="megapanel">
  586. <div class="row">
  587. <div class="col1">
  588. <div class="h_nav">
  589. <h4>shop</h4>
  590. <ul>
  591. <li><a href="products.html">new arrivals</a></li>
  592. <li><a href="products.html">men</a></li>
  593. <li><a href="products.html">women</a></li>
  594. <li><a href="products.html">accessories</a></li>
  595. <li><a href="products.html">kids</a></li>
  596. <li><a href="products.html">brands</a></li>
  597. </ul>
  598. </div>
  599. </div>
  600. <div class="col1">
  601. <div class="h_nav">
  602. <h4>help</h4>
  603. <ul>
  604. <li><a href="products.html">trends</a></li>
  605. <li><a href="products.html">sale</a></li>
  606. <li><a href="products.html">style videos</a></li>
  607. <li><a href="products.html">accessories</a></li>
  608. <li><a href="products.html">kids</a></li>
  609. <li><a href="products.html">style videos</a></li>
  610. </ul>
  611. </div>
  612. </div>
  613. <div class="col1">
  614. <div class="h_nav">
  615. <h4>my company</h4>
  616. <ul>
  617. <li><a href="products.html">trends</a></li>
  618. <li><a href="products.html">sale</a></li>
  619. <li><a href="products.html">style videos</a></li>
  620. <li><a href="products.html">accessories</a></li>
  621. <li><a href="products.html">kids</a></li>
  622. <li><a href="products.html">style videos</a></li>
  623. </ul>
  624. </div>
  625. </div>
  626. <div class="col1">
  627. <div class="h_nav">
  628. <h4>account</h4>
  629. <ul>
  630. <li><a href="login.html">login</a></li>
  631. <li><a href="register.html">create an account</a></li>
  632. <li><a href="products.html">create wishlist</a></li>
  633. <li><a href="single.html">my shopping bag</a></li>
  634. <li><a href="products.html">brands</a></li>
  635. <li><a href="products.html">create wishlist</a></li>
  636. </ul>
  637. </div>
  638. </div>
  639. <div class="col1">
  640. <div class="h_nav">
  641. <h4>my company</h4>
  642. <ul>
  643. <li><a href="products.html">trends</a></li>
  644. <li><a href="products.html">sale</a></li>
  645. <li><a href="products.html">style videos</a></li>
  646. <li><a href="products.html">accessories</a></li>
  647. <li><a href="products.html">kids</a></li>
  648. <li><a href="products.html">style videos</a></li>
  649. </ul>
  650. </div>
  651. </div>
  652. <div class="col1">
  653. <div class="h_nav">
  654. <h4>popular</h4>
  655. <ul>
  656. <li><a href="products.html">new arrivals</a></li>
  657. <li><a href="products.html">men</a></li>
  658. <li><a href="products.html">women</a></li>
  659. <li><a href="products.html">accessories</a></li>
  660. <li><a href="products.html">kids</a></li>
  661. <li><a href="products.html">style videos</a></li>
  662. </ul>
  663. </div>
  664. </div>
  665. </div>
  666. <div class="row">
  667. <div class="col2"></div>
  668. <div class="col1"></div>
  669. <div class="col1"></div>
  670. <div class="col1"></div>
  671. <div class="col1"></div>
  672. </div>
  673. </div>
  674. </li>
  675. <li><a class="color9" href="#">T-shirts</a>
  676. <div class="megapanel">
  677. <div class="row">
  678. <div class="col1">
  679. <div class="h_nav">
  680. <h4>shop</h4>
  681. <ul>
  682. <li><a href="products.html">new arrivals</a></li>
  683. <li><a href="products.html">men</a></li>
  684. <li><a href="products.html">women</a></li>
  685. <li><a href="products.html">accessories</a></li>
  686. <li><a href="products.html">kids</a></li>
  687. <li><a href="products.html">brands</a></li>
  688. </ul>
  689. </div>
  690. </div>
  691. <div class="col1">
  692. <div class="h_nav">
  693. <h4>help</h4>
  694. <ul>
  695. <li><a href="products.html">trends</a></li>
  696. <li><a href="products.html">sale</a></li>
  697. <li><a href="products.html">style videos</a></li>
  698. <li><a href="products.html">accessories</a></li>
  699. <li><a href="products.html">kids</a></li>
  700. <li><a href="products.html">style videos</a></li>
  701. </ul>
  702. </div>
  703. </div>
  704. <div class="col1">
  705. <div class="h_nav">
  706. <h4>my company</h4>
  707. <ul>
  708. <li><a href="products.html">trends</a></li>
  709. <li><a href="products.html">sale</a></li>
  710. <li><a href="products.html">style videos</a></li>
  711. <li><a href="products.html">accessories</a></li>
  712. <li><a href="products.html">kids</a></li>
  713. <li><a href="products.html">style videos</a></li>
  714. </ul>
  715. </div>
  716. </div>
  717. <div class="col1">
  718. <div class="h_nav">
  719. <h4>account</h4>
  720. <ul>
  721. <li><a href="login.html">login</a></li>
  722. <li><a href="register.html">create an account</a></li>
  723. <li><a href="products.html">create wishlist</a></li>
  724. <li><a href="single.html">my shopping bag</a></li>
  725. <li><a href="products.html">brands</a></li>
  726. <li><a href="products.html">create wishlist</a></li>
  727. </ul>
  728. </div>
  729. </div>
  730. <div class="col1">
  731. <div class="h_nav">
  732. <h4>my company</h4>
  733. <ul>
  734. <li><a href="products.html">trends</a></li>
  735. <li><a href="products.html">sale</a></li>
  736. <li><a href="products.html">style videos</a></li>
  737. <li><a href="products.html">accessories</a></li>
  738. <li><a href="products.html">kids</a></li>
  739. <li><a href="products.html">style videos</a></li>
  740. </ul>
  741. </div>
  742. </div>
  743. <div class="col1">
  744. <div class="h_nav">
  745. <h4>popular</h4>
  746. <ul>
  747. <li><a href="products.html">new arrivals</a></li>
  748. <li><a href="products.html">men</a></li>
  749. <li><a href="products.html">women</a></li>
  750. <li><a href="products.html">accessories</a></li>
  751. <li><a href="products.html">kids</a></li>
  752. <li><a href="products.html">style videos</a></li>
  753. </ul>
  754. </div>
  755. </div>
  756. </div>
  757. <div class="row">
  758. <div class="col2"></div>
  759. <div class="col1"></div>
  760. <div class="col1"></div>
  761. <div class="col1"></div>
  762. <div class="col1"></div>
  763. </div>
  764. </div>
  765. </li>
  766. <li><a class="color5" href="#">sarees</a>
  767. <div class="megapanel">
  768. <div class="row">
  769. <div class="col1">
  770. <div class="h_nav">
  771. <h4>shop</h4>
  772. <ul>
  773. <li><a href="sarees.html">new arrivals</a></li>
  774. <li><a href="sarees.html">men</a></li>
  775. <li><a href="sarees.html">women</a></li>
  776. <li><a href="sarees.html">accessories</a></li>
  777. <li><a href="sarees.html">kids</a></li>
  778. <li><a href="sarees.html">brands</a></li>
  779. </ul>
  780. </div>
  781. </div>
  782. <div class="col1">
  783. <div class="h_nav">
  784. <h4>help</h4>
  785. <ul>
  786. <li><a href="sarees.html">trends</a></li>
  787. <li><a href="sarees.html">sale</a></li>
  788. <li><a href="sarees.html">style videos</a></li>
  789. <li><a href="sarees.html">accessories</a></li>
  790. <li><a href="sarees.html">kids</a></li>
  791. <li><a href="sarees.html">style videos</a></li>
  792. </ul>
  793. </div>
  794. </div>
  795. <div class="col1">
  796. <div class="h_nav">
  797. <h4>my company</h4>
  798. <ul>
  799. <li><a href="sarees.html">trends</a></li>
  800. <li><a href="sarees.html">sale</a></li>
  801. <li><a href="sarees.html">style videos</a></li>
  802. <li><a href="sarees.html">accessories</a></li>
  803. <li><a href="sarees.html">kids</a></li>
  804. <li><a href="sarees.html">style videos</a></li>
  805. </ul>
  806. </div>
  807. </div>
  808. <div class="col1">
  809. <div class="h_nav">
  810. <h4>account</h4>
  811. <ul>
  812. <li><a href="login.html">login</a></li>
  813. <li><a href="register.html">create an account</a></li>
  814. <li><a href="products.html">create wishlist</a></li>
  815. <li><a href="single.html">my shopping bag</a></li>
  816. <li><a href="products.html">brands</a></li>
  817. <li><a href="products.html">create wishlist</a></li>
  818. </ul>
  819. </div>
  820. </div>
  821. <div class="col1">
  822. <div class="h_nav">
  823. <h4>my company</h4>
  824. <ul>
  825. <li><a href="sarees.html">trends</a></li>
  826. <li><a href="sarees.html">sale</a></li>
  827. <li><a href="sarees.html">style videos</a></li>
  828. <li><a href="sarees.html">accessories</a></li>
  829. <li><a href="sarees.html">kids</a></li>
  830. <li><a href="sarees.html">style videos</a></li>
  831. </ul>
  832. </div>
  833. </div>
  834. <div class="col1">
  835. <div class="h_nav">
  836. <h4>popular</h4>
  837. <ul>
  838. <li><a href="sarees.html">new arrivals</a></li>
  839. <li><a href="sarees.html">men</a></li>
  840. <li><a href="sarees.html">women</a></li>
  841. <li><a href="sarees.html">accessories</a></li>
  842. <li><a href="sarees.html">kids</a></li>
  843. <li><a href="sarees.html">style videos</a></li>
  844. </ul>
  845. </div>
  846. </div>
  847. </div>
  848. <div class="row">
  849. <div class="col2"></div>
  850. <div class="col1"></div>
  851. <div class="col1"></div>
  852. <div class="col1"></div>
  853. <div class="col1"></div>
  854. </div>
  855. </div>
  856. </li>
  857. <li><a class="color1" href="#">jeans</a>
  858. <div class="megapanel">
  859. <div class="row">
  860. <div class="col1">
  861. <div class="h_nav">
  862. <h4>shop</h4>
  863. <ul>
  864. <li><a href="products.html">new arrivals</a></li>
  865. <li><a href="products.html">men</a></li>
  866. <li><a href="products.html">women</a></li>
  867. <li><a href="products.html">accessories</a></li>
  868. <li><a href="products.html">kids</a></li>
  869. <li><a href="products.html">brands</a></li>
  870. </ul>
  871. </div>
  872. </div>
  873. <div class="col1">
  874. <div class="h_nav">
  875. <h4>help</h4>
  876. <ul>
  877. <li><a href="products.html">trends</a></li>
  878. <li><a href="products.html">sale</a></li>
  879. <li><a href="products.html">style videos</a></li>
  880. <li><a href="products.html">accessories</a></li>
  881. <li><a href="products.html">kids</a></li>
  882. <li><a href="products.html">style videos</a></li>
  883. </ul>
  884. </div>
  885. </div>
  886. <div class="col1">
  887. <div class="h_nav">
  888. <h4>my company</h4>
  889. <ul>
  890. <li><a href="products.html">trends</a></li>
  891. <li><a href="products.html">sale</a></li>
  892. <li><a href="products.html">style videos</a></li>
  893. <li><a href="products.html">accessories</a></li>
  894. <li><a href="products.html">kids</a></li>
  895. <li><a href="products.html">style videos</a></li>
  896. </ul>
  897. </div>
  898. </div>
  899. <div class="col1">
  900. <div class="h_nav">
  901. <h4>account</h4>
  902. <ul>
  903. <li><a href="login.html">login</a></li>
  904. <li><a href="register.html">create an account</a></li>
  905. <li><a href="products.html">create wishlist</a></li>
  906. <li><a href="single.html">my shopping bag</a></li>
  907. <li><a href="products.html">brands</a></li>
  908. <li><a href="products.html">create wishlist</a></li>
  909. </ul>
  910. </div>
  911. </div>
  912. <div class="col1">
  913. <div class="h_nav">
  914. <h4>my company</h4>
  915. <ul>
  916. <li><a href="products.html">trends</a></li>
  917. <li><a href="products.html">sale</a></li>
  918. <li><a href="products.html">style videos</a></li>
  919. <li><a href="products.html">accessories</a></li>
  920. <li><a href="products.html">kids</a></li>
  921. <li><a href="products.html">style videos</a></li>
  922. </ul>
  923. </div>
  924. </div>
  925. <div class="col1">
  926. <div class="h_nav">
  927. <h4>popular</h4>
  928. <ul>
  929. <li><a href="products.html">new arrivals</a></li>
  930. <li><a href="products.html">men</a></li>
  931. <li><a href="products.html">women</a></li>
  932. <li><a href="products.html">accessories</a></li>
  933. <li><a href="products.html">kids</a></li>
  934. <li><a href="products.html">style videos</a></li>
  935. </ul>
  936. </div>
  937. </div>
  938. </div>
  939. <div class="row">
  940. <div class="col2"></div>
  941. <div class="col1"></div>
  942. <div class="col1"></div>
  943. <div class="col1"></div>
  944. <div class="col1"></div>
  945. </div>
  946. </div>
  947. </li>
  948. <li><a class="color10" href="#">perfumes</a>
  949. <div class="megapanel">
  950. <div class="row">
  951. <div class="col1">
  952. <div class="h_nav">
  953. <h4>shop</h4>
  954. <ul>
  955. <li><a href="products.html">new arrivals</a></li>
  956. <li><a href="products.html">men</a></li>
  957. <li><a href="products.html">women</a></li>
  958. <li><a href="products.html">accessories</a></li>
  959. <li><a href="products.html">kids</a></li>
  960. <li><a href="products.html">brands</a></li>
  961. </ul>
  962. </div>
  963. </div>
  964. <div class="col1">
  965. <div class="h_nav">
  966. <h4>help</h4>
  967. <ul>
  968. <li><a href="products.html">trends</a></li>
  969. <li><a href="products.html">sale</a></li>
  970. <li><a href="products.html">style videos</a></li>
  971. <li><a href="products.html">accessories</a></li>
  972. <li><a href="products.html">kids</a></li>
  973. <li><a href="products.html">style videos</a></li>
  974. </ul>
  975. </div>
  976. </div>
  977. <div class="col1">
  978. <div class="h_nav">
  979. <h4>my company</h4>
  980. <ul>
  981. <li><a href="products.html">trends</a></li>
  982. <li><a href="products.html">sale</a></li>
  983. <li><a href="products.html">style videos</a></li>
  984. <li><a href="products.html">accessories</a></li>
  985. <li><a href="products.html">kids</a></li>
  986. <li><a href="products.html">style videos</a></li>
  987. </ul>
  988. </div>
  989. </div>
  990. <div class="col1">
  991. <div class="h_nav">
  992. <h4>account</h4>
  993. <ul>
  994. <li><a href="login.html">login</a></li>
  995. <li><a href="register.html">create an account</a></li>
  996. <li><a href="products.html">create wishlist</a></li>
  997. <li><a href="single.html">my shopping bag</a></li>
  998. <li><a href="products.html">brands</a></li>
  999. <li><a href="products.html">create wishlist</a></li>
  1000. </ul>
  1001. </div>
  1002. </div>
  1003. <div class="col1">
  1004. <div class="h_nav">
  1005. <h4>my company</h4>
  1006. <ul>
  1007. <li><a href="products.html">trends</a></li>
  1008. <li><a href="products.html">sale</a></li>
  1009. <li><a href="products.html">style videos</a></li>
  1010. <li><a href="products.html">accessories</a></li>
  1011. <li><a href="products.html">kids</a></li>
  1012. <li><a href="products.html">style videos</a></li>
  1013. </ul>
  1014. </div>
  1015. </div>
  1016. <div class="col1">
  1017. <div class="h_nav">
  1018. <h4>popular</h4>
  1019. <ul>
  1020. <li><a href="products.html">new arrivals</a></li>
  1021. <li><a href="products.html">men</a></li>
  1022. <li><a href="products.html">women</a></li>
  1023. <li><a href="products.html">accessories</a></li>
  1024. <li><a href="products.html">kids</a></li>
  1025. <li><a href="products.html">style videos</a></li>
  1026. </ul>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. <div class="row">
  1031. <div class="col2"></div>
  1032. <div class="col1"></div>
  1033. <div class="col1"></div>
  1034. <div class="col1"></div>
  1035. <div class="col1"></div>
  1036. </div>
  1037. </div>
  1038. </li>
  1039. <li><a class="color2" href="#">sofas</a>
  1040. <div class="megapanel">
  1041. <div class="row">
  1042. <div class="col1">
  1043. <div class="h_nav">
  1044. <h4>shop</h4>
  1045. <ul>
  1046. <li><a href="products.html">new arrivals</a></li>
  1047. <li><a href="products.html">men</a></li>
  1048. <li><a href="products.html">women</a></li>
  1049. <li><a href="products.html">accessories</a></li>
  1050. <li><a href="products.html">kids</a></li>
  1051. <li><a href="products.html">brands</a></li>
  1052. </ul>
  1053. </div>
  1054. </div>
  1055. <div class="col1">
  1056. <div class="h_nav">
  1057. <h4>help</h4>
  1058. <ul>
  1059. <li><a href="products.html">trends</a></li>
  1060. <li><a href="products.html">sale</a></li>
  1061. <li><a href="products.html">style videos</a></li>
  1062. <li><a href="products.html">accessories</a></li>
  1063. <li><a href="products.html">kids</a></li>
  1064. <li><a href="products.html">style videos</a></li>
  1065. </ul>
  1066. </div>
  1067. </div>
  1068. <div class="col1">
  1069. <div class="h_nav">
  1070. <h4>my company</h4>
  1071. <ul>
  1072. <li><a href="products.html">trends</a></li>
  1073. <li><a href="products.html">sale</a></li>
  1074. <li><a href="products.html">style videos</a></li>
  1075. <li><a href="products.html">accessories</a></li>
  1076. <li><a href="products.html">kids</a></li>
  1077. <li><a href="products.html">style videos</a></li>
  1078. </ul>
  1079. </div>
  1080. </div>
  1081. <div class="col1">
  1082. <div class="h_nav">
  1083. <h4>account</h4>
  1084. <ul>
  1085. <li><a href="login.html">login</a></li>
  1086. <li><a href="register.html">create an account</a></li>
  1087. <li><a href="products.html">create wishlist</a></li>
  1088. <li><a href="single.html">my shopping bag</a></li>
  1089. <li><a href="products.html">brands</a></li>
  1090. <li><a href="products.html">create wishlist</a></li>
  1091. </ul>
  1092. </div>
  1093. </div>
  1094. <div class="col1">
  1095. <div class="h_nav">
  1096. <h4>my company</h4>
  1097. <ul>
  1098. <li><a href="products.html">trends</a></li>
  1099. <li><a href="products.html">sale</a></li>
  1100. <li><a href="products.html">style videos</a></li>
  1101. <li><a href="products.html">accessories</a></li>
  1102. <li><a href="products.html">kids</a></li>
  1103. <li><a href="products.html">style videos</a></li>
  1104. </ul>
  1105. </div>
  1106. </div>
  1107. <div class="col1">
  1108. <div class="h_nav">
  1109. <h4>popular</h4>
  1110. <ul>
  1111. <li><a href="products.html">new arrivals</a></li>
  1112. <li><a href="products.html">men</a></li>
  1113. <li><a href="products.html">women</a></li>
  1114. <li><a href="products.html">accessories</a></li>
  1115. <li><a href="products.html">kids</a></li>
  1116. <li><a href="products.html">style videos</a></li>
  1117. </ul>
  1118. </div>
  1119. </div>
  1120. </div>
  1121. <div class="row">
  1122. <div class="col2"></div>
  1123. <div class="col1"></div>
  1124. <div class="col1"></div>
  1125. <div class="col1"></div>
  1126. <div class="col1"></div>
  1127. </div>
  1128. </div>
  1129. </li>
  1130. <li><a class="color6" href="#">sunglasses</a>
  1131. <div class="megapanel">
  1132. <div class="row">
  1133. <div class="col1">
  1134. <div class="h_nav">
  1135. <h4>shop</h4>
  1136. <ul>
  1137. <li><a href="products.html">new arrivals</a></li>
  1138. <li><a href="products.html">men</a></li>
  1139. <li><a href="products.html">women</a></li>
  1140. <li><a href="products.html">accessories</a></li>
  1141. <li><a href="products.html">kids</a></li>
  1142. <li><a href="products.html">brands</a></li>
  1143. </ul>
  1144. </div>
  1145. </div>
  1146. <div class="col1">
  1147. <div class="h_nav">
  1148. <h4>help</h4>
  1149. <ul>
  1150. <li><a href="products.html">trends</a></li>
  1151. <li><a href="products.html">sale</a></li>
  1152. <li><a href="products.html">style videos</a></li>
  1153. <li><a href="products.html">accessories</a></li>
  1154. <li><a href="products.html">kids</a></li>
  1155. <li><a href="products.html">style videos</a></li>
  1156. </ul>
  1157. </div>
  1158. </div>
  1159. <div class="col1">
  1160. <div class="h_nav">
  1161. <h4>my company</h4>
  1162. <ul>
  1163. <li><a href="products.html">trends</a></li>
  1164. <li><a href="products.html">sale</a></li>
  1165. <li><a href="products.html">style videos</a></li>
  1166. <li><a href="products.html">accessories</a></li>
  1167. <li><a href="products.html">kids</a></li>
  1168. <li><a href="products.html">style videos</a></li>
  1169. </ul>
  1170. </div>
  1171. </div>
  1172. <div class="col1">
  1173. <div class="h_nav">
  1174. <h4>account</h4>
  1175. <ul>
  1176. <li><a href="login.html">login</a></li>
  1177. <li><a href="register.html">create an account</a></li>
  1178. <li><a href="products.html">create wishlist</a></li>
  1179. <li><a href="single.html">my shopping bag</a></li>
  1180. <li><a href="products.html">brands</a></li>
  1181. <li><a href="products.html">create wishlist</a></li>
  1182. </ul>
  1183. </div>
  1184. </div>
  1185. <div class="col1">
  1186. <div class="h_nav">
  1187. <h4>my company</h4>
  1188. <ul>
  1189. <li><a href="products.html">trends</a></li>
  1190. <li><a href="products.html">sale</a></li>
  1191. <li><a href="products.html">style videos</a></li>
  1192. <li><a href="products.html">accessories</a></li>
  1193. <li><a href="products.html">kids</a></li>
  1194. <li><a href="products.html">style videos</a></li>
  1195. </ul>
  1196. </div>
  1197. </div>
  1198. <div class="col1">
  1199. <div class="h_nav">
  1200. <h4>popular</h4>
  1201. <ul>
  1202. <li><a href="products.html">new arrivals</a></li>
  1203. <li><a href="products.html">men</a></li>
  1204. <li><a href="products.html">women</a></li>
  1205. <li><a href="products.html">accessories</a></li>
  1206. <li><a href="products.html">kids</a></li>
  1207. <li><a href="products.html">style videos</a></li>
  1208. </ul>
  1209. </div>
  1210. </div>
  1211. </div>
  1212. <div class="row">
  1213. <div class="col2"></div>
  1214. <div class="col1"></div>
  1215. <div class="col1"></div>
  1216. <div class="col1"></div>
  1217. <div class="col1"></div>
  1218. </div>
  1219. </div>
  1220. </li>
  1221. </ul>
  1222. </div>
  1223. <div class="clearfix"></div>
  1224. </div>
  1225. <div class="pag-nav">
  1226. <ul class="p-list">
  1227. <li><a href="index.html">Home</a></li> &nbsp;&nbsp;/&nbsp;
  1228. <li class="act">&nbsp;account</li>
  1229. </ul>
  1230. </div>
  1231. <!-- start account -->
  1232. <div class="login-page">
  1233. <div class="dreamcrub">
  1234. <div class="account_grid">
  1235. <div class="col-md-6 login-left">
  1236. <h3>NEW CUSTOMERS</h3>
  1237. <p>By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.</p>
  1238. <a class="acount-btn" href="register.html">Create an Account</a>
  1239. </div>
  1240. <div class="col-md-6 login-right">
  1241. <h3>REGISTERED CUSTOMERS</h3>
  1242. <p>If you have an account with us, please log in.</p>
  1243. <form>
  1244. <div>
  1245. <span>Email Address*</span>
  1246. <input type="text">
  1247. </div>
  1248. <div>
  1249. <span>Password*</span>
  1250. <input type="text">
  1251. </div>
  1252. <p class="required">* Required Fields</p>
  1253. <a class="forgot" href="#">Forgot Your Password?</a>
  1254. <input type="submit" value="Login">
  1255. </form>
  1256. </div>
  1257. <div class="clearfix"> </div>
  1258. </div>
  1259. </div>
  1260. </div>
  1261. </div>
  1262. <div class="footer">
  1263. <div class="wrap">
  1264. <div class="contact-section">
  1265. <div class="col-md-4 follow text-left">
  1266. <h3>Follow Us</h3>
  1267. <p>Lorem ipsum dolor sit amet</p>
  1268. <div class="social-icons">
  1269. <i class="twitter"></i>
  1270. <i class="facebook"></i>
  1271. <i class="googlepluse"></i>
  1272. <i class="pinterest"></i>
  1273. <i class="linkedin"></i>
  1274. </div>
  1275. </div>
  1276. <div class="col-md-4 subscribe text-left">
  1277. <h3>Subscribe Us</h3>
  1278. <p>Get the latest updates & Offers right in your inbox.</p>
  1279. <input type="text" class="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
  1280. <input type="submit" value="Subscribe">
  1281. </div>
  1282. <div class="col-md-4 help text-right">
  1283. <h3>Need Help?</h3>
  1284. <p>Lorem ipsum dolor sit amet</p>
  1285. <a href="contact.html">Contact us</a>
  1286. </div>
  1287. <div class="clearfix"></div>
  1288. </div>
  1289. <div class="footer-middle">
  1290. <div class="col-md-6 different-products">
  1291. <ul>
  1292. <li class="first"> Shop </li> -
  1293. <li><a href=""> Mobiles </a></li> |
  1294. <li><a href=""> Laptops </a></li> |
  1295. <li><a href=""> Cameras </a></li> |
  1296. <li><a href=""> Clothing </a></li> |
  1297. <li><a href=""> Footwear </a></li> |
  1298. <li><a href=""> Jewellery </a></li>
  1299. </ul>
  1300. <ul>
  1301. <li class="first"> Help </li> -
  1302. <li><a href=""> Faqs </a></li> |
  1303. <li><a href=""> shipping </a></li> |
  1304. <li><a href=""> payments </a></li> |
  1305. <li><a href=""> cancellation&returns </a></li>
  1306. </ul>
  1307. <ul>
  1308. <li class="first"> account <li> -
  1309. <li><a href=""> log in </a></li> |
  1310. <li><a href=""> sign up </a></li> |
  1311. <li><a href=""> My WhishList </a></li> |
  1312. <li><a href=""> My cart </a></li>
  1313. </ul>
  1314. <ul>
  1315. <li class="first"> boxshop </li> -
  1316. <li><a href=""> contact us </a></li> |
  1317. <li><a href=""> about us </a></li> |
  1318. <li><a href=""> careers </a></li> |
  1319. <li><a href=""> blog </a></li> |
  1320. <li><a href=""> press </a></li>
  1321. </ul>
  1322. <ul>
  1323. <li class="first"> policies</li> -
  1324. <li><a href=""> terms of use </a></li> |
  1325. <li><a href=""> security </a></li> |
  1326. <li><a href=""> privacy policy</a></li>
  1327. </ul>
  1328. </div>
  1329. <div class="col-md-6 about-text text-right">
  1330. <h4>About BoxShop</h4>
  1331. <p>The fashion never alters, and as it is neither disagreeable nor uneasy, so it is suited to the climate, and calculated both for their summers and winters. Every family makes their own clothes; but all among them, women as well as men, learn one or other of the trades formerly mentioned.</p>
  1332. </div>
  1333. <div class="clearfix"></div>
  1334. </div>
  1335. <div class="cards text-center">
  1336. <img src="images/cards.jpg" alt="" />
  1337. </div>
  1338. <div class="copyright text-center">
  1339. <p>Copyright &copy; 2015 All rights reserved | Template by <a href="http://w3layouts.com"> W3layouts</a></p>
  1340. </div>
  1341. </div>
  1342. </div>
  1343. </body>
  1344. </html>