<?php session_start(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Cool Shopping Site</title> <!-- Google font --> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet"/> <!-- Bootstrap --> <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/> <!-- Slick --> <link type="text/css" rel="stylesheet" href="css/slick.css"/> <link type="text/css" rel="stylesheet" href="css/slick-theme.css"/> <!-- nouislider --> <link type="text/css" rel="stylesheet" href="css/nouislider.min.css"/> <!-- Font Awesome Icon --> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Custom stlylesheet --> <link type="text/css" rel="stylesheet" href="css/style.css"/> <link type="text/css" rel="stylesheet" href="css/accountbtn.css"/> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> #navigation { background: #FF4E50; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #F9D423, #FF4E50); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #F9D423, #FF4E50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } #header { background: #780206; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #061161, #780206); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #061161, #780206); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } #top-header { background: #870000; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #190A05, #870000); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #190A05, #870000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } #footer { background: #7474BF; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #348AC7, #7474BF); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color: #1E1F29; } #bottom-footer { background: #7474BF; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #348AC7, #7474BF); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .footer-links li a { color: #1E1F29; } .mainn-raised { margin: -7px 0px 0px; border-radius: 6px; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .glyphicon{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-chevron-left:before{ content:"\f053" } .glyphicon-chevron-right:before{ content:"\f054" } </style> </head> <body> <!-- HEADER --> <header> <!-- TOP HEADER --> <div id="top-header"> <div class="container"> <ul class="header-links pull-left"> <li><a href="tel:+14385963135"><i class="fa fa-phone"></i> 438-596-3135</a></li> <li><a href="mailto:batuhanbasoglu@mailbox.org"><i class="fa fa-envelope-o"></i> batuhanbasoglu@mailbox.org</a></li> <li><a href="https://www.google.com/maps/place/Montreal,+QC/" target="_blank"><i class="fa fa-map-marker"></i>Montreal</a></li> </ul> <ul class="header-links pull-right"> <li><a href="https://www.bankofcanada.ca/rates/exchange/currency-converter/" target="_blank"><i class="fa fa-usd"></i> CAD</a></li> <li><?php include "db.php"; if(isset($_SESSION["uid"])){ $sql = "SELECT first_name FROM user_info WHERE user_id='$_SESSION[uid]'"; $query = mysqli_query($con,$sql); $row=mysqli_fetch_array($query); echo ' <div class="dropdownn"> <a href="#" class="dropdownn" data-toggle="modal" data-target="#myModal" ><i class="fa fa-user-o"></i> Welcome '.$row["first_name"].'</a> <div class="dropdownn-content"> <a href="myorders.php" ><i class="fa fa-shopping-basket" aria-hidden="true"></i>My Orders</a> <a href="" data-toggle="modal" data-target="#profile"><i class="fa fa-user-circle" aria-hidden="true" ></i>My Profile</a> <a href="logout.php" ><i class="fa fa-sign-in" aria-hidden="true"></i>Log out</a> </div> </div>'; }else{ echo ' <div class="dropdownn"> <a href="#" class="dropdownn" data-toggle="modal" data-target="#myModal" ><i class="fa fa-user-o"></i> My Account</a> <div class="dropdownn-content"> <a href="admin/login.php" ><i class="fa fa-user" aria-hidden="true" ></i>Admin</a> <a href="signin_form.php"><i class="fa fa-sign-in" aria-hidden="true" ></i>Login</a> <a href="signup_form.php"><i class="fa fa-user-plus" aria-hidden="true"></i>Register</a> </div> </div>'; } ?> </li> </ul> </div> </div> <!-- /TOP HEADER --> <!-- MAIN HEADER --> <div id="header"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- LOGO --> <div class="col-md-3"> <div class="header-logo"> <a href="index.php" class="logo"> <font style="font-style:normal; font-size: 33px;color: aliceblue;font-family: serif"> Cool Shopping Site </font> </a> </div> </div> <!-- /LOGO --> <div class="col-md-6"> </div> <!-- ACCOUNT --> <div class="col-md-3 clearfix"> <div class="header-ctn"> <div> <a href="products.php"> <i class="fa fa-search"></i> <span>Search</span> </a> </div> <!-- Wishlist --> <!-- /Wishlist --> <div> <a href="wishlist.php"> <i class="fa fa-heart-o"></i> <span>Your Wishlist</span> <div id="wishlist-badge" class="qty">0</div> </a> </div> <!-- Cart --> <div class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> <i class="fa fa-shopping-cart"></i> <span>Your Cart</span> <div class="badge qty">0</div> </a> <div class="cart-dropdown" > <div class="cart-list" id="cart_product"> </div> <div class="cart-btns"> <a href="cart.php" style="width:100%;"><i class="fa fa-edit"></i> edit cart</a> </div> </div> </div> <!-- /Cart --> <!-- Menu Toogle --> <div class="menu-toggle"> <a href="#"> <i class="fa fa-bars"></i> <span>Menu</span> </a> </div> <!-- /Menu Toogle --> </div> </div> <!-- /ACCOUNT --> </div> <!-- row --> </div> <!-- container --> </div> <!-- /MAIN HEADER --> </header> <!-- /HEADER --> <nav id='navigation'> <!-- container --> <div class="container" id="get_category_home"> <!-- <div id="responsive-nav"> <ul class="main-nav nav navbar-nav"> <li class="active"><a href="index.php">Home</a></li> <li class="category" cid="1"><a href="store.php">Electronics</a></li> <li class="category" cid="2"><a href="store.php">Ladies Wears</a></li> <li class="category" cid="3"><a href="store.php">Mens Wear</a></li> <li class="category" cid="4"><a href="store.php">Kids Wear</a></li> <li class="category" cid="5"><a href="store.php">Furnitures</a></li> <li class="category" cid="6"><a href="store.php">Home Appliances</a></li> <li class="category" cid="7"><a href="store.php">Electronics Gadgets</a></li> </ul> </div> --> </div> <!-- /container --> </nav> <!-- NAVIGATION --> <div class="modal fade" id="Modal_login" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <?php include "login_form.php"; ?> </div> </div> </div> </div> <div class="modal fade" id="Modal_register" role="dialog"> <div class="modal-dialog" style=""> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <?php include "register_form.php"; ?> </div> </div> </div> </div>