/
index.php
848 lines (823 loc) · 60.7 KB
/
index.php
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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
<?php
ob_start();
require_once './classes/product.php';
$obj_product=new Product();
require_once './classes/cart.php';
$obj_cart=new Cart();
$category_result=$obj_product->select_publiched_category();
$manufacturer_result=$obj_product->select_publiched_manufacturer();
if(isset($_GET['status']))
{
$status=$_GET['status'];
if ($status=='category')
{
$category_id=$_GET['category_id'];
$product_result=$obj_product->select_publiched_product_by_category_id($category_id);
}
elseif ($status=='manufacturer')
{
$manufacturer_id=$_GET['manufacturer_id'];
$product_result=$obj_product->select_publiched_product_by_manufacturer_id($manufacturer_id);
}
}
else{
$product_result=$obj_product->select_publiched_product();
}
if(isset($_POST['cart']))
{
$obj_cart->add_to_cart($_POST);
}
if(isset($_GET['logout'])=='logout')
{
$obj_cart->customer_logout($_GET);
}
?>
<!doctype html>
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<!-- Mirrored from inthe7heaven.com/flatastic-html/index_layout_2.html by HTTrack Website Copier/3.x [XR&CO'2010], Tue, 17 Jun 2014 17:33:43 GMT -->
<head>
<title>Flatastic - Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!--meta info-->
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="icon" type="image/ico" href="asset/front_end/images/fav.ico">
<!--stylesheet include-->
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/colorpicker.css">
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/flexslider.css">
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/owl.carousel.css">
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/owl.transitions.css">
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/jquery.custom-scrollbar.css">
<link rel="stylesheet" type="text/css" media="all" href="asset/front_end/css/style.css">
<!--font include-->
<link href="asset/front_end/css/font-awesome.min.css" rel="stylesheet">
<script src="asset/front_end/js/country.js" type="text/javascript"></script>
<script src="asset/front_end/js/jsval.js" type="text/javascript"></script>
</head>
<body>
<div class="wide_layout relative w_xs_auto">
<!--[if (lt IE 9) | IE 9]>
<div style="background:#fff;padding:8px 0 10px;">
<div class="container" style="width:1170px;"><div class="row wrapper"><div class="clearfix" style="padding:9px 0 0;float:left;width:83%;"><i class="fa fa-exclamation-triangle scheme_color f_left m_right_10" style="font-size:25px;color:#e74c3c;"></i><b style="color:#e74c3c;">Attention! This page may not display correctly.</b> <b>You are using an outdated version of Internet Explorer. For a faster, safer browsing experience.</b></div><div class="t_align_r" style="float:left;width:16%;"><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode" class="button_type_4 r_corners bg_scheme_color color_light d_inline_b t_align_c" target="_blank" style="margin-bottom:2px;">Update Now!</a></div></div></div></div>
<![endif]-->
<!--markup header type 2-->
<header role="banner">
<!--header top part-->
<section class="h_top_part">
<div class="container">
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-3 t_xs_align_c">
<?php
if(isset($_SESSION['customer_id'])==NULL)
{
?>
<p class="f_size_small">Welcome visitor can you <a href="cart.php" >Log In</a> or <a href="cart.php">Create an Account</a> </p>
<?php }else { ?>
<p class="f_size_small">Welcome <?php echo $_SESSION['customer_name']?> can you <a href="?logout=logout" >Logout</a> </p>
<?php } ?>
</div>
<nav class="col-lg-4 col-md-4 col-sm-6 t_align_c t_xs_align_c">
<ul class="d_inline_b horizontal_list clearfix f_size_small users_nav">
<li><a href="#" class="default_t_color">My Account</a></li>
<li><a href="orders_list.html" class="default_t_color">Orders List</a></li>
<li><a href="wishlist.html" class="default_t_color">Wishlist</a></li>
<li><a href="checkout.html" class="default_t_color">Checkout</a></li>
<li><a href="cart.php" class="default_t_color">Cart</a></li>
</ul>
</nav>
<div class="col-lg-4 col-md-4 col-sm-3 t_align_r t_xs_align_c">
<ul class="horizontal_list clearfix d_inline_b t_align_l f_size_small site_settings type_2">
<li class="container3d relative">
<a role="button" href="#" class="color_dark" id="lang_button"><img class="d_inline_middle m_right_10" src="asset/front_end/images/flag_en.jpg" alt="">English</a>
<ul class="dropdown_list type_2 top_arrow color_light">
<li><a href="#" class="tr_delay_hover color_light"><img class="d_inline_middle" src="asset/front_end/images/flag_en.jpg" alt="">English</a></li>
<li><a href="#" class="tr_delay_hover color_light"><img class="d_inline_middle" src="asset/front_end/images/flag_fr.jpg" alt="">French</a></li>
<li><a href="#" class="tr_delay_hover color_light"><img class="d_inline_middle" src="asset/front_end/images/flag_g.jpg" alt="">German</a></li>
<li><a href="#" class="tr_delay_hover color_light"><img class="d_inline_middle" src="asset/front_end/images/flag_i.jpg" alt="">Italian</a></li>
<li><a href="#" class="tr_delay_hover color_light"><img class="d_inline_middle" src="asset/front_end/images/flag_s.jpg" alt="">Spanish</a></li>
</ul>
</li>
<li class="m_left_20 relative container3d">
<a role="button" href="#" class="color_dark" id="currency_button"><span class="scheme_color">$</span> US Dollar</a>
<ul class="dropdown_list type_2 top_arrow color_light">
<li><a href="#" class="tr_delay_hover color_light"><span class="scheme_color">$</span> US Dollar</a></li>
<li><a href="#" class="tr_delay_hover color_light"><span class="scheme_color">€</span> Euro</a></li>
<li><a href="#" class="tr_delay_hover color_light"><span class="scheme_color">£</span> Pound</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</section>
<!--header bottom part-->
<section class="h_bot_part container">
<div class="clearfix row">
<div class="col-lg-6 col-md-6 col-sm-4 t_xs_align_c">
<a href="index-2.html" class="logo m_xs_bottom_15 d_xs_inline_b">
<img src="asset/front_end/images/logo.png" alt="">
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-8">
<div class="row clearfix">
<div class="col-lg-6 col-md-6 col-sm-6 t_align_r t_xs_align_c m_xs_bottom_15">
<dl class="l_height_medium">
<dt class="f_size_small">Call us toll free:</dt>
<dd class="f_size_ex_large color_dark"><b>(123) 456-7890</b></dd>
</dl>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<form class="relative type_2" role="search">
<input type="text" placeholder="Search" name="search" class="r_corners f_size_medium full_width">
<button class="f_right search_button tr_all_hover f_xs_none">
<i class="fa fa-search"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!--main menu container-->
<div class="container">
<section class="menu_wrap type_2 relative clearfix t_xs_align_c m_bottom_20">
<!--button for responsive menu-->
<button id="menu_button" class="r_corners centered_db d_none tr_all_hover d_xs_block m_bottom_15">
<span class="centered_db r_corners"></span>
<span class="centered_db r_corners"></span>
<span class="centered_db r_corners"></span>
</button>
<!--main menu-->
<nav role="navigation" class="f_left f_xs_none d_xs_none t_xs_align_l">
<ul class="horizontal_list main_menu clearfix">
<li class="current relative f_xs_none m_xs_bottom_5"><a href="index.php" class="tr_delay_hover color_light tt_uppercase"><b>Home</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="index-2.html">Home Variant 1</a></li>
<li><a class="color_dark tr_delay_hover" href="index_layout_2.html">Home Variant 2</a></li>
<li><a class="color_dark tr_delay_hover" href="index_layout_wide.html">Home Variant 3</a></li>
<li><a class="color_dark tr_delay_hover" href="index_corporate.html">Home Variant 4</a></li>
</ul>
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="index_layout_wide.html" class="tr_delay_hover color_light tt_uppercase"><b>Sliders</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="index_layout_wide.html">Revolution Slider</a></li>
<li><a class="color_dark tr_delay_hover" href="index-2.html">Camera Slider</a></li>
<li><a class="color_dark tr_delay_hover" href="index_layout_2.html">Flex Slider</a></li>
</ul>
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="category_grid.html" class="tr_delay_hover color_light tt_uppercase"><b>Shop</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none tr_all_hover clearfix r_corners w_xs_auto">
<div class="f_left f_xs_none">
<b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">Dresses</b>
<ul class="sub_menu first">
<li><a class="color_dark tr_delay_hover" href="#">Evening Dresses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Casual Dresses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Party Dresses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Maxi Dresses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Midi Dresses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Strapless Dresses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Day Dresses</a></li>
</ul>
</div>
<div class="f_left m_left_10 m_xs_left_0 f_xs_none">
<b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">Accessories</b>
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="#">Bags and Purces</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Belts</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Scarves</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Gloves</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Jewellery</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Sunglasses</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Hair Accessories</a></li>
</ul>
</div>
<div class="f_left m_left_10 m_xs_left_0 f_xs_none">
<b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">Tops</b>
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="#">Evening Tops</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Long Sleeved</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Short Sleeved</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Sleeveless</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Tanks</a></li>
<li><a class="color_dark tr_delay_hover" href="#">Tunics</a></li>
</ul>
</div>
<img src="asset/front_end/images/woman_image_1.jpg" class="d_sm_none f_right m_bottom_10" alt="">
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="#" class="tr_delay_hover color_light tt_uppercase"><b>Portfolio</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="portfolio_two_columns.html">Portfolio 2 Columns</a></li>
<li><a class="color_dark tr_delay_hover" href="portfolio_three_columns.html">Portfolio 3 Columns</a></li>
<li><a class="color_dark tr_delay_hover" href="portfolio_four_columns.html">Portfolio 4 Columns</a></li>
<li><a class="color_dark tr_delay_hover" href="portfolio_masonry.html">Masonry Portfolio</a></li>
<li><a class="color_dark tr_delay_hover" href="portfolio_single_1.html">Single Portfolio Post v1</a></li>
<li><a class="color_dark tr_delay_hover" href="portfolio_single_2.html">Single Portfolio Post v2</a></li>
</ul>
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="category_grid.html" class="tr_delay_hover color_light tt_uppercase"><b>Pages</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="category_grid.html">Grid View Category Page</a></li>
<li><a class="color_dark tr_delay_hover" href="category_list.html">List View Category Page</a></li>
<li><a class="color_dark tr_delay_hover" href="category_no_products.html">Category Page Without Products</a></li>
<li><a class="color_dark tr_delay_hover" href="product_page_sidebar.html">Product Page With Sidebar</a></li>
<li><a class="color_dark tr_delay_hover" href="full_width_product_page.html">Full Width Product Page</a></li>
<li><a class="color_dark tr_delay_hover" href="wishlist.html">Wishlist</a></li>
<li><a class="color_dark tr_delay_hover" href="compare_products.html">Compare Products</a></li>
<li><a class="color_dark tr_delay_hover" href="checkout.html">Checkout</a></li>
<li><a class="color_dark tr_delay_hover" href="manufacturers.html">Manufacturers</a></li>
<li><a class="color_dark tr_delay_hover" href="manufacturer_details.html">Manufacturer Page</a></li>
<li><a class="color_dark tr_delay_hover" href="orders_list.html">Orders List</a></li>
<li><a class="color_dark tr_delay_hover" href="order_details.html">Order Details</a></li>
</ul>
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="blog.html" class="tr_delay_hover color_light tt_uppercase"><b>Blog</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="blog.html">Blog page</a></li>
<li><a class="color_dark tr_delay_hover" href="blog_post.html">Single Blog Post page</a></li>
</ul>
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="blog.html" class="tr_delay_hover color_light tt_uppercase"><b>Features</b></a>
<!--sub menu-->
<div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
<ul class="sub_menu">
<li><a class="color_dark tr_delay_hover" href="features_shortcodes.html">Shortcodes</a></li>
<li><a class="color_dark tr_delay_hover" href="features_typography.html">Typography</a></li>
</ul>
</div>
</li>
<li class="relative f_xs_none m_xs_bottom_5"><a href="contact.html" class="tr_delay_hover color_light tt_uppercase"><b>Contact</b></a></li>
</ul>
</nav>
<ul class="f_right horizontal_list clearfix t_align_l t_xs_align_c site_settings d_xs_inline_b f_xs_none">
<!--like-->
<li class="d_sm_none d_xs_block">
<a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-heart-o f_size_ex_large"></i><span class="count circle t_align_c">12</span></a>
</li>
<li class="m_left_5 d_sm_none d_xs_block">
<a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-files-o f_size_ex_large"></i><span class="count circle t_align_c">3</span></a>
</li>
<!--shopping cart-->
<li class="m_left_5 relative container3d" id="shopping_button">
<a role="button" href="#" class="button_type_3 color_light bg_scheme_color d_block r_corners tr_delay_hover box_s_none">
<span class="d_inline_middle shop_icon">
<i class="fa fa-shopping-cart"></i>
<span class="count tr_delay_hover type_2 circle t_align_c">3</span>
</span>
<b>$355</b>
</a>
<div class="shopping_cart top_arrow tr_all_hover r_corners">
<div class="f_size_medium sc_header">Recently added item(s)</div>
<ul class="products_list">
<li>
<div class="clearfix">
<!--product image-->
<img class="f_left m_right_10" src="asset/front_end/images/shopping_c_img_1.jpg" alt="">
<!--product description-->
<div class="f_left product_description">
<a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
<span class="f_size_medium">Product Code PS34</span>
</div>
<!--product price-->
<div class="f_left f_size_medium">
<div class="clearfix">
1 x <b class="color_dark">$99.00</b>
</div>
<button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
</div>
</div>
</li>
<li>
<div class="clearfix">
<!--product image-->
<img class="f_left m_right_10" src="asset/front_end/images/shopping_c_img_2.jpg" alt="">
<!--product description-->
<div class="f_left product_description">
<a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
<span class="f_size_medium">Product Code PS34</span>
</div>
<!--product price-->
<div class="f_left f_size_medium">
<div class="clearfix">
1 x <b class="color_dark">$99.00</b>
</div>
<button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
</div>
</div>
</li>
<li>
<div class="clearfix">
<!--product image-->
<img class="f_left m_right_10" src="asset/front_end/images/shopping_c_img_3.jpg" alt="">
<!--product description-->
<div class="f_left product_description">
<a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
<span class="f_size_medium">Product Code PS34</span>
</div>
<!--product price-->
<div class="f_left f_size_medium">
<div class="clearfix">
1 x <b class="color_dark">$99.00</b>
</div>
<button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
</div>
</div>
</li>
</ul>
<!--total price-->
<ul class="total_price bg_light_color_1 t_align_r color_dark">
<li class="m_bottom_10">Tax: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">$0.00</span></li>
<li class="m_bottom_10">Discount: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">$37.00</span></li>
<li>Total: <b class="f_size_large bold scheme_color sc_price t_align_l d_inline_b m_left_15">$999.00</b></li>
</ul>
<div class="sc_footer t_align_c">
<a href="#" role="button" class="button_type_4 d_inline_middle bg_light_color_2 r_corners color_dark t_align_c tr_all_hover m_mxs_bottom_5">View Cart</a>
<a href="#" role="button" class="button_type_4 bg_scheme_color d_inline_middle r_corners tr_all_hover color_light">Checkout</a>
</div>
</div>
</li>
</ul>
</section>
</div>
</header>
<!--slider with banners-->
<?php
if(isset($page))
{
echo '';
}
else{
include './pages/slider.php';
}
?>
<!--content-->
<div class="page_content_offset">
<?php
if(isset($page))
{
if($page=='product_details_page.php')
{
include './pages/product_details_page.php';
}
else if($page=='cart_page.php')
{
include './pages/cart_page.php';
}
else if($page=='shipping_form.php')
{
include './pages/shipping_form.php';
}
else if($page=='payment_form.php')
{
include './pages/payment_form.php';
}
else if($page=='complete.php')
{
include './pages/complete.php';
}
} else {
include './pages/home.php';
}
?>
</div>
<!--markup footer-->
<footer id="footer" class="type_2">
<div class="footer_top_part">
<div class="container t_align_c m_bottom_20">
<!--social icons-->
<ul class="clearfix d_inline_b horizontal_list social_icons">
<li class="facebook m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Facebook</span>
<a href="#" class="r_corners t_align_c tr_delay_hover f_size_ex_large">
<i class="fa fa-facebook"></i>
</a>
</li>
<li class="twitter m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Twitter</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-twitter"></i>
</a>
</li>
<li class="google_plus m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Google Plus</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-google-plus"></i>
</a>
</li>
<li class="rss m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Rss</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-rss"></i>
</a>
</li>
<li class="pinterest m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Pinterest</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-pinterest"></i>
</a>
</li>
<li class="instagram m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Instagram</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-instagram"></i>
</a>
</li>
<li class="linkedin m_left_5 m_bottom_5 m_sm_left_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">LinkedIn</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li class="vimeo m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Vimeo</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-vimeo-square"></i>
</a>
</li>
<li class="youtube m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Youtube</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-youtube-play"></i>
</a>
</li>
<li class="flickr m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Flickr</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-flickr"></i>
</a>
</li>
<li class="envelope m_left_5 m_bottom_5 relative">
<span class="tooltip tr_all_hover r_corners color_dark f_size_small">Contact Us</span>
<a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover">
<i class="fa fa-envelope-o"></i>
</a>
</li>
</ul>
</div>
<hr class="divider_type_4 m_bottom_50">
<div class="container">
<div class="row clearfix">
<div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
<h3 class="color_light_2 m_bottom_20">About</h3>
<p class="m_bottom_15">Nam elit agna, endrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa. Quisque diam lorem.</p>
<p>Interdum vitae, dapibus ac, scelerisque.
vitae, pede. Donec eget tellus non erat lacinia fermentum. Donec in velit vel ipsum auctor pulvinar. </p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 m_xs_bottom_30">
<h3 class="color_light_2 m_bottom_20">The Service</h3>
<ul class="vertical_list">
<li><a class="color_light tr_delay_hover" href="#">My account<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Order history<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Wishlist<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Categories<i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 m_xs_bottom_30">
<h3 class="color_light_2 m_bottom_20">Information</h3>
<ul class="vertical_list">
<li><a class="color_light tr_delay_hover" href="#">About us<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Delivery<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Privacy policy<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Terms & condition<i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 m_xs_bottom_30">
<h3 class="color_light_2 m_bottom_20">Catalog</h3>
<ul class="vertical_list">
<li><a class="color_light tr_delay_hover" href="#">New Collection<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Best Sellers<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Specials<i class="fa fa-angle-right"></i></a></li>
<li><a class="color_light tr_delay_hover" href="#">Manufacturers<i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<h3 class="color_light_2 m_bottom_20">Contact Us</h3>
<ul class="c_info_list">
<li class="m_bottom_10">
<div class="clearfix m_bottom_15">
<i class="fa fa-map-marker f_left"></i>
<p class="contact_e">8901 Marmora Road,<br> Glasgow, D04 89GR.</p>
</div>
</li>
<li class="m_bottom_10">
<div class="clearfix m_bottom_10">
<i class="fa fa-phone f_left"></i>
<p class="contact_e">800-559-65-80</p>
</div>
</li>
<li class="m_bottom_10">
<div class="clearfix m_bottom_10">
<i class="fa fa-envelope f_left"></i>
<a class="contact_e color_light" href="mailto:#">info@companyname.com</a>
</div>
</li>
<li>
<div class="clearfix">
<i class="fa fa-clock-o f_left"></i>
<p class="contact_e">Monday - Friday: 08.00-20.00 <br>Saturday: 09.00-15.00<br> Sunday: closed</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--copyright part-->
<div class="footer_bottom_part">
<div class="container clearfix t_mxs_align_c">
<p class="f_left f_mxs_none m_mxs_bottom_10">© 2014 <span class="color_light">Flatastic</span>. All Rights Reserved.</p>
<ul class="f_right horizontal_list clearfix f_mxs_none d_mxs_inline_b">
<li><img src="asset/front_end/images/payment_img_1.png" alt=""></li>
<li class="m_left_5"><img src="asset/front_end/images/payment_img_2.png" alt=""></li>
<li class="m_left_5"><img src="asset/front_end/images/payment_img_3.png" alt=""></li>
<li class="m_left_5"><img src="asset/front_end/images/payment_img_4.png" alt=""></li>
<li class="m_left_5"><img src="asset/front_end/images/payment_img_5.png" alt=""></li>
</ul>
</div>
</div>
</footer>
</div>
<!--social widgets-->
<ul class="social_widgets d_xs_none">
<!--facebook-->
<li class="relative">
<button class="sw_button t_align_c facebook"><i class="fa fa-facebook"></i></button>
<div class="sw_content">
<h3 class="color_dark m_bottom_20">Join Us on Facebook</h3>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fenvato&width=235&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=438889712801266" style="border:none; overflow:hidden; width:235px; height:258px;"></iframe>
</div>
</li>
<!--twitter feed-->
<li class="relative">
<button class="sw_button t_align_c twitter"><i class="fa fa-twitter"></i></button>
<div class="sw_content">
<h3 class="color_dark m_bottom_20">Latest Tweets</h3>
<div class="twitterfeed m_bottom_25"></div>
<a role="button" class="button_type_4 d_inline_b r_corners tr_all_hover color_light tw_color" href="https://twitter.com/fanfbmltemplate">Follow on Twitter</a>
</div>
</li>
<!--contact form-->
<li class="relative">
<button class="sw_button t_align_c contact"><i class="fa fa-envelope-o"></i></button>
<div class="sw_content">
<h3 class="color_dark m_bottom_20">Contact Us</h3>
<p class="f_size_medium m_bottom_15">Lorem ipsum dolor sit amet, consectetuer adipis mauris</p>
<form id="contactform" class="mini">
<input class="f_size_medium m_bottom_10 r_corners full_width" type="text" name="cf_name" placeholder="Your name">
<input class="f_size_medium m_bottom_10 r_corners full_width" type="email" name="cf_email" placeholder="Email">
<textarea class="f_size_medium r_corners full_width m_bottom_20" placeholder="Message" name="cf_message"></textarea>
<button type="submit" class="button_type_4 r_corners mw_0 tr_all_hover color_dark bg_light_color_2">Send</button>
</form>
</div>
</li>
<!--contact info-->
<li class="relative">
<button class="sw_button t_align_c googlemap"><i class="fa fa-map-marker"></i></button>
<div class="sw_content">
<h3 class="color_dark m_bottom_20">Store Location</h3>
<ul class="c_info_list">
<li class="m_bottom_10">
<div class="clearfix m_bottom_15">
<i class="fa fa-map-marker f_left color_dark"></i>
<p class="contact_e">8901 Marmora Road,<br> Glasgow, D04 89GR.</p>
</div>
<iframe class="r_corners full_width" id="gmap_mini" src="https://maps.google.com/maps?f=q&source=s_q&hl=ru&geocode=&q=Manhattan,+New+York,+NY,+United+States&aq=0&oq=monheten&sll=37.0625,-95.677068&sspn=65.430355,129.814453&t=m&ie=UTF8&hq=&hnear=%D0%9C%D0%B0%D0%BD%D1%85%D1%8D%D1%82%D1%82%D0%B5%D0%BD,+%D0%9D%D1%8C%D1%8E-%D0%99%D0%BE%D1%80%D0%BA,+%D0%9D%D1%8C%D1%8E+%D0%99%D0%BE%D1%80%D0%BA,+%D0%9D%D1%8C%D1%8E-%D0%99%D0%BE%D1%80%D0%BA&ll=40.790278,-73.959722&spn=0.015612,0.031693&z=13&output=embed"></iframe>
</li>
<li class="m_bottom_10">
<div class="clearfix m_bottom_10">
<i class="fa fa-phone f_left color_dark"></i>
<p class="contact_e">800-559-65-80</p>
</div>
</li>
<li class="m_bottom_10">
<div class="clearfix m_bottom_10">
<i class="fa fa-envelope f_left color_dark"></i>
<a class="contact_e default_t_color" href="mailto:#">info@companyname.com</a>
</div>
</li>
<li>
<div class="clearfix">
<i class="fa fa-clock-o f_left color_dark"></i>
<p class="contact_e">Monday - Friday: 08.00-20.00 <br>Saturday: 09.00-15.00<br> Sunday: closed</p>
</div>
</li>
</ul>
</div>
</li>
</ul>
<!--custom popup-->
<div class="popup_wrap d_none" id="quick_view_product">
<section class="popup r_corners shadow">
<button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
<div class="clearfix">
<div class="custom_scrollbar">
<!--left popup column-->
<div class="f_left half_column">
<div class="relative d_inline_b m_bottom_10 qv_preview">
<span class="hot_stripe"><img src="asset/front_end/images/sale_product.png" alt=""></span>
<img src="asset/front_end/images/quick_view_img_1.jpg" class="tr_all_hover" alt="">
</div>
<!--carousel-->
<div class="relative qv_carousel_wrap m_bottom_20">
<button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_prev">
<i class="fa fa-angle-left "></i>
</button>
<ul class="qv_carousel d_inline_middle">
<li data-src="asset/front_end/images/quick_view_img_1.jpg"><img src="asset/front_end/images/quick_view_img_4.jpg" alt=""></li>
<li data-src="asset/front_end/images/quick_view_img_2.jpg"><img src="asset/front_end/images/quick_view_img_5.jpg" alt=""></li>
<li data-src="asset/front_end/images/quick_view_img_3.jpg"><img src="asset/front_end/images/quick_view_img_6.jpg" alt=""></li>
<li data-src="asset/front_end/images/quick_view_img_1.jpg"><img src="asset/front_end/images/quick_view_img_4.jpg" alt=""></li>
<li data-src="asset/front_end/images/quick_view_img_2.jpg"><img src="asset/front_end/images/quick_view_img_5.jpg" alt=""></li>
<li data-src="asset/front_end/images/quick_view_img_3.jpg"><img src="asset/front_end/images/quick_view_img_6.jpg" alt=""></li>
</ul>
<button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_next">
<i class="fa fa-angle-right "></i>
</button>
</div>
<div class="d_inline_middle">Share this:</div>
<div class="d_inline_middle m_left_5">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<!-- AddThis Button END -->
</div>
</div>
<!--right popup column-->
<div class="f_right half_column">
<!--description-->
<h2 class="m_bottom_10"><a href="#" class="color_dark fw_medium">Eget elementum vel</a></h2>
<div class="m_bottom_10">
<!--rating-->
<ul class="horizontal_list d_inline_middle type_2 clearfix rating_list tr_all_hover">
<li class="active">
<i class="fa fa-star-o empty tr_all_hover"></i>
<i class="fa fa-star active tr_all_hover"></i>
</li>
<li class="active">
<i class="fa fa-star-o empty tr_all_hover"></i>
<i class="fa fa-star active tr_all_hover"></i>
</li>
<li class="active">
<i class="fa fa-star-o empty tr_all_hover"></i>
<i class="fa fa-star active tr_all_hover"></i>
</li>
<li class="active">
<i class="fa fa-star-o empty tr_all_hover"></i>
<i class="fa fa-star active tr_all_hover"></i>
</li>
<li>
<i class="fa fa-star-o empty tr_all_hover"></i>
<i class="fa fa-star active tr_all_hover"></i>
</li>
</ul>
<a href="#" class="d_inline_middle default_t_color f_size_small m_left_5">1 Review(s) </a>
</div>
<hr class="m_bottom_10 divider_type_3">
<table class="description_table m_bottom_10">
<tr>
<td>Manufacturer:</td>
<td><a href="#" class="color_dark">Chanel</a></td>
</tr>
<tr>
<td>Availability:</td>
<td><span class="color_green">in stock</span> 20 item(s)</td>
</tr>
<tr>
<td>Product Code:</td>
<td>PS06</td>
</tr>
</table>
<h5 class="fw_medium m_bottom_10">Product Dimensions and Weight</h5>
<table class="description_table m_bottom_5">
<tr>
<td>Product Length:</td>
<td><span class="color_dark">10.0000M</span></td>
</tr>
<tr>
<td>Product Weight:</td>
<td>10.0000KG</td>
</tr>
</table>
<hr class="divider_type_3 m_bottom_10">
<p class="m_bottom_10">Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consecvtetuer adipiscing elit. </p>
<hr class="divider_type_3 m_bottom_15">
<div class="m_bottom_15">
<s class="v_align_b f_size_ex_large">$152.00</s><span class="v_align_b f_size_big m_left_5 scheme_color fw_medium">$102.00</span>
</div>
<table class="description_table type_2 m_bottom_15">
<tr>
<td class="v_align_m">Size:</td>
<td class="v_align_m">
<div class="custom_select f_size_medium relative d_inline_middle">
<div class="select_title r_corners relative color_dark">s</div>
<ul class="select_list d_none"></ul>
<select name="product_name">
<option value="s">s</option>
<option value="m">m</option>
<option value="l">l</option>
</select>
</div>
</td>
</tr>
<tr>
<td class="v_align_m">Quantity:</td>
<td class="v_align_m">
<div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark">
<button class="bg_tr d_block f_left" data-direction="down">-</button>
<input type="text" name="" readonly value="1" class="f_left">
<button class="bg_tr d_block f_left" data-direction="up">+</button>
</div>
</td>
</tr>
</table>
<div class="clearfix m_bottom_15">
<button class="button_type_12 r_corners bg_scheme_color color_light tr_delay_hover f_left f_size_large">Add to Cart</button>
<button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-heart-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Wishlist</span></button>
<button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-files-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Compare</span></button>
<button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0 relative"><i class="fa fa-question-circle f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Ask a Question</span></button>
</div>
</div>
</div>
</div>
</section>
</div>
<!--login popup-->
<div class="popup_wrap d_none" id="login_popup">
<section class="popup r_corners shadow">
<button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
<h3 class="m_bottom_20 color_dark">Log In</h3>
<form>
<ul>
<li class="m_bottom_15">
<label for="username" class="m_bottom_5 d_inline_b">Username</label><br>
<input type="text" name="" id="username" class="r_corners full_width">
</li>
<li class="m_bottom_25">
<label for="password" class="m_bottom_5 d_inline_b">Password</label><br>
<input type="password" name="" id="password" class="r_corners full_width">
</li>
<li class="m_bottom_15">
<input type="checkbox" class="d_none" id="checkbox_10"><label for="checkbox_10">Remember me</label>
</li>
<li class="clearfix m_bottom_30">
<button class="button_type_4 tr_all_hover r_corners f_left bg_scheme_color color_light f_mxs_none m_mxs_bottom_15">Log In</button>
<div class="f_right f_size_medium f_mxs_none">
<a href="#" class="color_dark">Forgot your password?</a><br>
<a href="#" class="color_dark">Forgot your username?</a>
</div>
</li>
</ul>
</form>
<footer class="bg_light_color_1 t_mxs_align_c">
<h3 class="color_dark d_inline_middle d_mxs_block m_mxs_bottom_15">New Customer?</h3>
<a href="#" role="button" class="tr_all_hover r_corners button_type_4 bg_dark_color bg_cs_hover color_light d_inline_middle m_mxs_left_0">Create an Account</a>
</footer>
</section>
</div>
<button class="t_align_c r_corners type_2 tr_all_hover animate_ftl" id="go_to_top"><i class="fa fa-angle-up"></i></button>
<!--scripts include-->
<script src="asset/front_end/js/jquery-2.1.0.min.js"></script>
<script src="asset/front_end/js/retina.js"></script>
<script src="asset/front_end/js/jquery.flexslider-min.js"></script>
<script src="asset/front_end/js/styleswitcher.js"></script>
<script src="asset/front_end/js/colorpicker.js"></script>
<script src="asset/front_end/js/waypoints.min.js"></script>
<script src="asset/front_end/js/jquery.isotope.min.js"></script>
<script src="asset/front_end/js/owl.carousel.min.js"></script>
<script src="asset/front_end/js/jquery.tweet.min.js"></script>
<script src="asset/front_end/js/jquery.custom-scrollbar.js"></script>
<script src="asset/front_end/js/scripts.js"></script>
<script type="text/javascript" src="../../s7.addthis.com/asset/front_end/js/300/addthis_widget.js#pubid=xa-5306f8f674bfda4c"></script>
<script src="asset/front_end/js/jquery-ui.min.js"></script>
<script src="asset/front_end/js/jquery-migrate-1.2.1.min.js"></script>
<script src="asset/front_end/js/elevatezoom.min.js"></script>
<script src="asset/front_end/js/jquery.fancybox-1.3.4.js"></script>
</body>
<!-- Mirrored from inthe7heaven.com/flatastic-html/index_layout_2.html by HTTrack Website Copier/3.x [XR&CO'2010], Tue, 17 Jun 2014 17:34:18 GMT -->
</html>