Foot-Doctor - 10-shop

"\r\n\r\n\r\n\r\n\r\nMedikal - Health Care & Medical HTML5 Template<\/title>\r\n<meta name=\"keywords\" content=\"HTML5,CSS3,HTML,Template,Multi-Purpose,M_Adnan,Corporate Theme,Medikal,Health Care,Medikal - Health Care & Medical HTML5 Template\">\r\n<meta name=\"description\" content=\"Medikal - Health Care & Medical HTML5 Template\">\r\n<meta name=\"author\" content=\"M_Adnan\">\r\n\r\n\r\n<link href='http:\/\/fonts.googleapis.com\/css?family=Raleway:500,600,700,100,800,900,400,200,300' rel='stylesheet' type='text\/css'>\r\n\r\n\r\n<link href=\"css\/bootstrap.min.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"css\/main.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"css\/style.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"css\/responsive.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"css\/animate.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"css\/font-awesome.min.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"css\/ionicons.min.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n\r\n\r\n\r\n\r\n\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"wrap\"> \r\n \r\n \r\n <div class=\"top-bar light\">\r\n <div class=\"container\">\r\n <ul class=\"pull-left\">\r\n <li><a href=\"index\">Welcome To Our Medikal Center<\/a><\/li>\r\n <\/ul>\r\n \r\n \r\n <ul class=\"social_icons\">\r\n <li class=\"facebook\"><a href=\"#.\"><i class=\"fa fa-facebook\"><\/i> <\/a><\/li>\r\n <li class=\"twitter\"><a href=\"#.\"><i class=\"fa fa-twitter\"><\/i> <\/a><\/li>\r\n <li class=\"dribbble\"><a href=\"#.\"><i class=\"fa fa-dribbble\"><\/i> <\/a><\/li>\r\n <li class=\"instagram\"><a href=\"#.\"><i class=\"fa fa-instagram\"><\/i> <\/a><\/li>\r\n <li class=\"googleplus\"><a href=\"#.\"><i class=\"fa fa-google-plus\"><\/i> <\/a><\/li>\r\n <li class=\"pinterest\"><a href=\"#.\"><i class=\"fa fa-pinterest\"><\/i> <\/a><\/li>\r\n <li class=\"linkedin\"><a href=\"#.\"><i class=\"fa fa-linkedin\"><\/i> <\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <header> \r\n <div class=\"container\">\r\n \r\n <div class=\"logo\"> <a href=\"index\"><img src=\"images\/logo.png\" alt=\"\" ><\/a> <\/div>\r\n \r\n \r\n <nav class=\"webimenu\"> \r\n \r\n <div class=\"menu-toggle\"> <i class=\"fa fa-bars\"> <\/i> <\/div>\r\n <ul class=\"ownmenu\">\r\n <li class=\"active\"><a href=\"index\">Home<\/a>\r\n <ul class=\"dropdown animated-3s fadeIn\">\r\n <li><a href=\"index\">Home<\/a><\/li>\r\n <li><a href=\"index-1\">Home Slider<\/a><\/li>\r\n <li><a href=\"index-2\">Home 2<\/a><\/li>\r\n <li><a href=\"index-header\">header 1<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"02-about-us\">About us <\/a>\r\n <ul class=\"dropdown animated-3s fadeIn\">\r\n <li><a href=\"02-about-us\">About<\/a><\/li>\r\n <li><a href=\"02-about-us-1\">About 2<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"services\">SERVICES <\/a>\r\n <ul class=\"dropdown animated-3s fadeIn\">\r\n <li><a href=\"services\">SERVICES<\/a><\/li>\r\n <li><a href=\"services-1\">SERVICES 2<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"03-department\">Department <\/a> <\/li>\r\n <li><a href=\"05-doctors\">Gallery <\/a>\r\n <ul class=\"dropdown animated-3s fadeIn\">\r\n <li><a href=\"gallery\">GALLERY<\/a><\/li>\r\n <li><a href=\"gallery-2-col\">GALLERY 2 col<\/a><\/li>\r\n <li><a href=\"gallery-3-col\">GALLERY 3 col<\/a><\/li>\r\n <li><a href=\"gallery-4-col\">GALLERY 4 col<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"index\">Pages<\/a> \r\n \r\n <ul class=\"megamenu full-width animated-3s fadeIn\">\r\n <li class=\"row nav-post\">\r\n <div class=\"col-sm-6 boder-da-r\">\r\n <ul>\r\n <li><a href=\"index\">Home<\/a><\/li>\r\n <li><a href=\"index-1\">Home Slider<\/a><\/li>\r\n <li><a href=\"index-2\">Home 2<\/a><\/li>\r\n <li><a href=\"index-header\">header 1<\/a><\/li>\r\n <li><a href=\"appointment\">Appointment<\/a><\/li>\r\n <li><a href=\"02-about-us\">About<\/a><\/li>\r\n <li><a href=\"02-about-us-1\">About 2<\/a><\/li>\r\n <li><a href=\"services\">SERVICES<\/a><\/li>\r\n <li><a href=\"services-1\">SERVICES 2<\/a><\/li>\r\n <li><a href=\"03-department\">Department<\/a><\/li>\r\n <li><a href=\"04-department-detail\">Department Detail<\/a><\/li>\r\n <li><a href=\"team\">TEAM<\/a><\/li>\r\n <li><a href=\"05-doctors\">Doctors<\/a><\/li>\r\n <li><a href=\"05-doctors-1\">Doctors 2<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"col-sm-6\">\r\n <ul>\r\n <li><a href=\"gallery\">GALLERY<\/a><\/li>\r\n <li><a href=\"gallery-2-col\">GALLERY 2 col<\/a><\/li>\r\n <li><a href=\"gallery-3-col\">GALLERY 3 col<\/a><\/li>\r\n <li><a href=\"gallery-4-col\">GALLERY 4 col<\/a><\/li>\r\n <li><a href=\"07-timetable\">Timetable<\/a><\/li>\r\n <li><a href=\"08-blog\">Blog<\/a><\/li>\r\n <li><a href=\"09-blog-single\">Blog Single<\/a><\/li>\r\n <li><a href=\"10-shop\">Shop<\/a><\/li>\r\n <li><a href=\"11-product-detail\">Product Detail<\/a><\/li>\r\n <li><a href=\"12-contact\">Contact<\/a><\/li>\r\n <li><a href=\"shortcodes\">Shortcodes<\/a><\/li>\r\n <li><a href=\"coming-soon\">Coming Soon<\/a><\/li>\r\n <li><a href=\"404\">404<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"12-contact\">Contact<\/a> <\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n \r\n \r\n <div class=\"content fix-nav-space\"> \r\n \r\n \r\n <section class=\"sub-banner\" data-stellar-background-ratio=\"0.5\">\r\n <div class=\"overlay\">\r\n <div class=\"container\">\r\n <h3>online shop<\/h3>\r\n <p>Provide useful information on health and wellness<\/p>\r\n\r\n \r\n <ol class=\"breadcrumb\">\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">PAGES<\/a><\/li>\r\n <li class=\"active\">SHOP<\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section class=\"shop shop-pages dep-detail-page\">\r\n <div class=\"container\">\r\n <div class=\"shop-page\">\r\n <div class=\"row\"> \r\n \r\n <div class=\"col-md-9\">\r\n <div class=\"items\"> \r\n \r\n \r\n <ul class=\"row\">\r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-1.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Wheel Chair<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Wheelchair<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-2.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Medical Devices<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Medical Devices<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-3.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Digital Thermometer<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Digital Thermometer<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n \r\n \r\n <ul class=\"row\">\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-4.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Digital Sphygmomanometer<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Digital Sphygmomanometer<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-5.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Insulin Cool Wallets<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Insulin Cool Wallets<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-6.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Medical Walker - IIA<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Medical Walker - IIA<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n \r\n \r\n <ul class=\"row\">\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-7.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Wheel Chair<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Wheelchair<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-8.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Alinsod<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Alinsod<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-sm-4\"> \r\n \r\n <div class=\"img\"> <img src=\"images\/shop-img-4.jpg\" alt=\"\" > \r\n \r\n <div class=\"over-info\">\r\n <h6>Tischler Biopsy Forceps 8\"<\/h6>\r\n <span> $230.99<\/span>\r\n <p>Claritas est etiam processus icus qui sequ itur mutationem co nsuetudium quam littera.<\/p>\r\n <a href=\"#.\"><i class=\"fa fa-heart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-shopping-cart\"><\/i><\/a> <a href=\"#.\"><i class=\"fa fa-search-plus\"><\/i><\/a><\/div>\r\n \r\n <div class=\"items-details\">\r\n <h6>Tischler Biopsy Forceps 8\"<\/h6>\r\n <span> $230.99<\/span> <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n \r\n \r\n <nav>\r\n <ul class=\"pagination\">\r\n <li class=\"active\"><a href=\"#\">1<\/a><\/li>\r\n <li><a href=\"#\">2<\/a><\/li>\r\n <li><a href=\"#\">3<\/a><\/li>\r\n <li><a href=\"#\">4<\/a><\/li>\r\n <li><a href=\"#\">5<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-3\">\r\n <div class=\"side-bar shop-side-bar\"> \r\n \r\n \r\n <div class=\"search\">\r\n <h5>SEARCH<\/h5>\r\n <input type=\"search\" placeholder=\"Search Here\">\r\n <button type=\"submit\"><i class=\"fa fa-search\"><\/i><\/button>\r\n <\/div>\r\n \r\n <div class=\"cate margin-t-40\">\r\n <h5>Category<\/h5>\r\n <ul>\r\n <li><a href=\"#.\">All <span>25<\/span><\/a><\/li>\r\n <li><a href=\"#.\">Dental <span>12<\/span><\/a><\/li>\r\n <li><a href=\"#.\">Medicine <span>05<\/span><\/a><\/li>\r\n <li><a href=\"#.\">Yoga <span>56<\/span><\/a><\/li>\r\n <li><a href=\"#.\">Uncategorized <span>43<\/span><\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n \r\n <div class=\"papu-post margin-t-40\">\r\n <h5>Popular Post<\/h5>\r\n <ul>\r\n <li class=\"media\">\r\n <div class=\"media-left\"> <a href=\"#\"> <img class=\"media-object\" src=\"images\/shop-img-1.jpg\" alt=\"\"><\/a> <\/div>\r\n <div class=\"media-body\"> <a class=\"media-heading\" href=\"#.\">Digital Thermometer<\/a> <span> 169.00 USD<\/span> <\/div>\r\n <\/li>\r\n <li class=\"media\">\r\n <div class=\"media-left\"> <a href=\"#\"> <img class=\"media-object\" src=\"images\/shop-img-2.jpg\" alt=\"\"><\/a> <\/div>\r\n <div class=\"media-body\"> <a class=\"media-heading\" href=\"#.\">Wheelchair<\/a> <span>169.00 USD<\/span> <\/div>\r\n <\/li>\r\n <li class=\"media\">\r\n <div class=\"media-left\"> <a href=\"#\"> <img class=\"media-object\" src=\"images\/shop-img-3.jpg\" alt=\"\"><\/a> <\/div>\r\n <div class=\"media-body\"> <a class=\"media-heading\" href=\"#.\">Phasellus hendrerit <\/a> <span>169.00 USD<\/span> <\/div>\r\n <\/li>\r\n <li class=\"media\">\r\n <div class=\"media-left\"> <a href=\"#\"> <img class=\"media-object\" src=\"images\/shop-img-4.jpg\" alt=\"\"><\/a> <\/div>\r\n <div class=\"media-body\"> <a class=\"media-heading\" href=\"#.\">Medical Walker - IIA <\/a> <span>169.00 USD<\/span> <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section class=\"contact-info\">\r\n <div class=\"container\"> \r\n \r\n \r\n <ul class=\"row\">\r\n <li class=\"col-md-3\"> <i class=\"ion-ios-location-outline\"><\/i>\r\n <h5>Address<\/h5>\r\n <p>1800 Abbot Kinney Blvd. Unit D & E\r\n Venice, CA 90291<\/p>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-md-3\"> <i class=\"ion-iphone\"><\/i>\r\n <h5>Hotline<\/h5>\r\n <p>+00-0122-123-0089<\/p>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-md-3\"> <i class=\"ion-ios-email-outline\"><\/i>\r\n <h5>Email contact<\/h5>\r\n <p>medikal@gmail.com<\/p>\r\n <p> contact@medikalclinic.com<\/p>\r\n <\/li>\r\n \r\n \r\n <li class=\"col-md-3\"> <i class=\"ion-earth\"><\/i>\r\n <h5>Website<\/h5>\r\n <p>www.medikalclinic.com <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n \r\n \r\n <footer>\r\n <div class=\"container\"> \r\n \r\n \r\n <div class=\"row\"> \r\n \r\n \r\n <div class=\"col-md-3\">\r\n <div class=\"latest-tweet\">\r\n <h5>Latest tweets<\/h5>\r\n <ul>\r\n \r\n \r\n <li>\r\n <p><span>@medikal<\/span> Sweets and Bakers \r\n WordPress Theme' on @EnvatoMarket by themefore<a href=\"#.\"> http:\/\/t.co\/we8Kf0<\/a><\/p>\r\n <span class=\"date\"> - Thursday April 9, 2015<\/span> <\/li>\r\n \r\n \r\n <li>\r\n <p><span>@medikal<\/span> In hendrerit in molestie consequat in <a href=\"#.\"> http:\/\/t.co\/we8Kf0<\/a><\/p>\r\n <span class=\"date\"> - Thursday April 9, 2015<\/span> <\/li>\r\n \r\n \r\n <li>\r\n <p><span>@medikal<\/span> Duis autem vel eum iriure <span>@medikal<\/span> dolor in hendrerit in molestie consequat <a href=\"#.\"> http:\/\/t.co\/we8Kf0<\/a><\/p>\r\n <span class=\"date\"> - Thursday April 9, 2015<\/span> <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-6\">\r\n <div class=\"small-info\"> <img src=\"images\/logo-white.png\" alt=\"\">\r\n <p>We work in a friendly and efficient using the latest technologies and sharing our expertise to make a diagnosis and implement cutting-edge therapies.<\/p>\r\n <ul class=\"social_icons\">\r\n <li class=\"facebook\"><a href=\"#.\"><i class=\"fa fa-facebook\"><\/i> <\/a><\/li>\r\n <li class=\"twitter\"><a href=\"#.\"><i class=\"fa fa-twitter\"><\/i> <\/a><\/li>\r\n <li class=\"linkedin\"><a href=\"#.\"><i class=\"fa fa-linkedin\"><\/i> <\/a><\/li>\r\n <\/ul>\r\n \r\n \r\n <h5>register newsletter<\/h5>\r\n <form>\r\n <input type=\"email\" placeholder=\"Enter your email here\" required>\r\n <button type=\"submit\"> Subscribe<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-3\">\r\n <div class=\"links text-right\">\r\n <h5>Patient Guide<\/h5>\r\n <ul>\r\n <li><a href=\"#.\"> Choosing a doctor<\/a><\/li>\r\n <li><a href=\"#.\"> Health journals<\/a><\/li>\r\n <li><a href=\"#.\"> Insurance converage<\/a><\/li>\r\n <li><a href=\"#.\"> Talking to your doctor<\/a><\/li>\r\n <li><a href=\"#.\"> Medikal error<\/a><\/li>\r\n <\/ul>\r\n \r\n \r\n <div class=\"timing\">\r\n <h5>opening hours<\/h5>\r\n <p>Mon to Fri <span> 8:00 am to 7:00pm<\/span><\/p>\r\n <p>Sun & Sat <span>9:00 am to 5:00pm<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"rights\">\r\n <p>\u00a9 2015 Medikal. Made with by M_Adnan <\/p>\r\n <\/div>\r\n <\/footer>\r\n<\/div>\r\n \r\n<script src=\"js\/jquery-1.11.0.min.js\"><\/script> \r\n<script src=\"js\/bootstrap.min.js\"><\/script> \r\n<script src=\"js\/own-menu.js\"><\/script> \r\n<script src=\"js\/owl.carousel.min.js\"><\/script> \r\n<script src=\"js\/jquery.superslides.js\"><\/script> \r\n<script src=\"js\/masonry.pkgd.min.js\"><\/script> \r\n<script src=\"js\/jquery.stellar.min.js\"><\/script> \r\n<script src=\"js\/jquery-ui-1.10.3.custom.js\"><\/script> \r\n<script src=\"js\/jquery.magnific-popup.min.js\"><\/script> \r\n<script src=\"js\/jquery.isotope.min.js\"><\/script> \r\n<script src=\"js\/jquery.flexslider-min.js\"><\/script> \r\n<script src=\"js\/appointment.js\"><\/script> \r\n<script src=\"js\/jquery.downCount.js\"><\/script>\r\n<script src=\"js\/counter.js\"><\/script> \r\n<script src=\"js\/main.js\"><\/script>\r\n<\/body>\r\n<\/html>" </div> </div> </div> <style> #live-chat { position: fixed; right: 1rem; bottom: 13rem; width: 350px; height: 500px; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; overflow: hidden; border-radius: .75rem; background-color: white; box-shadow: 0 5px 20px rgb(0 0 0 / 10%); transition: 250ms ease-out opacity; opacity: 1; z-index: 100; } #live-chat.collapsed { pointer-events: none; opacity: 0; } #live-chat .admin-icon { width: 4rem; height: 4rem; border-radius: 1000rem; background-position: center; background-size: 80%; background-repeat: no-repeat; border: 1px solid whitesmoke; background-color: white; } /* [ HEADER ] */ #live-chat .chat-header { position: relative; height: 8rem; width: 100%; background-color: var(--button-color); color: white; display: flex; flex-flow: row; } #live-chat .header-icon { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 15%; } #live-chat .header-text { display: flex; flex-flow: column; justify-content: center; align-items: flex-start; width: 70%; } #live-chat .header-text .header-title { font-size: 1.85rem; } #live-chat .header-text .header-subtitle { font-size: 1.25rem; opacity: .75; } /* BODY */ #live-chat .chat-body { height: calc(100% - 8rem); width: 100%; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; } #live-chat .chat-messages { display: flex; flex-flow: column; justify-content: flex-start; align-items: center; padding: 1.5rem; height: calc(100% - 10rem); overflow-y: auto; } #live-chat .chat-input { width: 100%; } #live-chat .chat-input .chat-feedback { font-size: 1.25rem; padding: 1rem; } #live-chat #chat-text-input { box-shadow: none; border: none; outline: none; height: 100%; width: 100%; border-top: 1px solid whitesmoke; max-height: 6rem; resize: none; } #chat-text-input:hover, #chat-text-input:active, #chat-text-input:focus { box-shadow: none; outline: none; } .bubble { padding: 0; display: flex; flex-flow: row; margin-bottom: 1rem; width: 100%; } .bubble-icon-container { width: 64px; height: 64px; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; } .to-bubble.bubble { flex-flow: row-reverse; } .bubble-icon { width: 32px; height: 32px; background-position: center; background-size: 80%; background-repeat: no-repeat; background-color: white; border-radius: 100rem; border: 1px solid gainsboro; } .bubble-message { width: 100%; background-color: whitesmoke; border-radius: .25rem; padding: 1rem; margin: 0rem; } #live-chat-toggler { position: fixed; bottom: 5rem; right: 3rem; border-radius: 100rem; width: 64px; height: 64px; background-color: var(--button-color); color: white; box-shadow: 0 5px 20px #999; cursor: pointer; } #live-chat-toggler .hide-chat, #live-chat-toggler .show-chat { position: absolute; transition: ease-in-out; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } #live-chat-toggler.collapsed .hide-chat { opacity: 0; } #live-chat-toggler:not(.collapsed) .show-chat { opacity: 0; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-thumb { background: rgb(161, 161, 161); } ::-webkit-scrollbar-track { background: rgba(206, 206, 206, 0.596); } #example-to-bubble, #example-from-bubble{ display: none !important; } #send-button { display: flex; flex-flow: column; justify-content: center; align-items: center; position: absolute; right: 3rem; top: 30%; cursor: pointer; } .close-chat { position: absolute; top: 0; right: 1rem; font-size: 3.5rem; font-family: monospace !important; display: none !important; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; } #live-chat .admin-icon { background-image: url('https://appointments.clinicsoftware.com/foot_doctor/storage/files/Logos/Foot-Doctor Logos/foot-doctor.png?_t=1701937923') } #live-chat-message-popup { display: flex; flex-flow: column; justify-content: center; align-items: center; position: relative; top: -17rem; background-color: white; color: black; width: 20rem; left: -12rem; border-radius: .25rem; border: 1px solid #ebebeb; padding: 1rem; box-shadow: 0 5px 20px rgb(0 0 0 / 10%); } .live-chat-message-popup-icon { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 0.5rem; } .staff-msg-icon { width: 5rem; height: 5rem; position: absolute; top: -3.5rem; left: calc(50% - 2.5rem); background-size: contain; background-repeat: no-repeat; background-color: white; background-position: center; border-radius: 1124rem; border: 1px solid #ebebeb; } .close-chat-bubble { position: absolute; top: 0.5rem; right: 1rem; font-family: monospace !important; opacity: .75; font-size: 1.5rem; } @media only screen and (max-width: 700px) { .close-chat { display: flex !important; } #live-chat { top: 0; left: 0; /* Position it on the left side */ right: unset; /* Remove the right position */ z-index: 1015251252151200; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; height: 100%; width: 100% !important; } #live-chat-toggler { position: fixed; bottom: 4rem; left: 2rem; /* Move the toggler button to the left side as well */ border-radius: 100rem; width: 48px; height: 48px; background-color: #009fea; color: white; box-shadow: 0 5px 20px #999; cursor: pointer; } #live-chat-toggler svg { width: 28px; height: 28px; } #send-button svg { width: 32px; height: 32px; } #live-chat-message-popup { top: -12rem; left: 1rem; font-size: 12px; } } @media only screen and (max-width: 767px) { #live-chat[data-page="booking"] { display: none; } } </style> <div id="live-chat-toggler" class="collapsed" > <div id="live-chat-message-popup"> <div class="live-chat-message-popup-icon"> <div class="staff-msg-icon" style="background-image: url('https://appointments.clinicsoftware.com/foot_doctor/storage/files/Logos/Foot-Doctor Logos/foot-doctor.png?_t=1701937923')"> </div> </div> <a href="javascript:" class="close-chat-bubble d-block">x</a> <div class="live-chat-message-popup-text"> Please leave your name, email, mobile number, and message. We will contact you as soon as possible. </div> </div> <div class="show-chat" onclick="toggleLiveChat();" style="z-index:2;"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-chat-dots" viewBox="0 0 16 16"> <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> <path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z"/> </svg> </div> <div class="hide-chat"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"> <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/> </svg> </div> </div> <div id="live-chat" class="collapsed"> <div class="chat-header"> <div class="close-chat" onclick="toggleLiveChat()">x</div> <div class="header-icon"> <div class="admin-icon"></div> </div> <div class="header-text"> <div class="header-title"> Foot-Doctor </div> <div class="header-subtitle"> We typically reply in a few minutes </div> </div> </div> <div class="chat-body"> <div class="chat-messages"> <div class="from-bubble bubble"> <div class="bubble-icon-container"> <div class="bubble-icon" style="background-image: url('https://appointments.clinicsoftware.com/foot_doctor/storage/files/Logos/Foot-Doctor Logos/foot-doctor.png?_t=1701937923')"></div> </div> <div class="bubble-message"> Please leave your name, email, mobile number, and message. We will contact you as soon as possible. </div> </div> <div class="to-bubble bubble" id="example-to-bubble"> <div class="bubble-icon-container"> <div class="bubble-icon" style="background-image: url('https://media.istockphoto.com/vectors/default-profile-picture-avatar-photo-placeholder-vector-illustration-vector-id1223671392?k=20&m=1223671392&s=612x612&w=0&h=lGpj2vWAI3WUT1JeJWm1PRoHT3V15_1pdcTn2szdwQ0=')"></div> </div> <div class="bubble-message"> </div> </div> <div class="from-bubble bubble" id="example-from-bubble"> <div class="bubble-icon-container"> <div class="bubble-icon" style="background-image: url('https://appointments.clinicsoftware.com/foot_doctor/storage/files/Logos/Foot-Doctor Logos/foot-doctor.png?_t=1701937923')"></div> </div> <div class="bubble-message"></div> </div> </div> <div class="chat-input" style="position: relative;">  <textarea onkeydown="handleTextareaMessage(this, event)" type="text" class="form-control" id="chat-text-input" placeholder="Write a message"></textarea> <div id="send-button" onclick="doSendMessage()"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#009fea" class="bi bi-send" viewBox="0 0 16 16" style="opacity: 0.5"> <path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/> </svg> </div> </div> </div> </div> <script> const DOMAIN_BASE = window.DOMAIN_BASE || ''; const SALON_ID = '31'; let isListeningForMessages = null; let lastMessageID = null; let emailPromptShown = false; let chatMessages; const liveChat = document.getElementById('live-chat'); const chatToggler = document.getElementById('live-chat-toggler'); const chatTextInput = document.getElementById('chat-text-input'); const getUnknownVisitorId = () => localStorage.getItem("unknown_visitor_id") || ''; const setUnknownVisitorId = (id) => localStorage.setItem("unknown_visitor_id", id); const getUnknownVisitorEmail = () => localStorage.getItem("unknown_visitor_email"); const setUnknownVisitorEmail = (email) => localStorage.setItem("unknown_visitor_email", email); let isMakingNewLead = false; function doMakeNewLead(form) { if (isMakingNewLead) return; isMakingNewLead = true; const email = form.querySelector('input[type="email"]').value; $.ajax({ url: `${DOMAIN_BASE}/my-account/messages/add_new_lead`, type: 'POST', data: { email, salon_id: SALON_ID }, success: (response) => { form.innerHTML = `Thank you for your email. We'll be in touch as soon as possible.`; setUnknownVisitorEmail(email); sendMessage(`The client has left an e-mail (${email}) and has been added to leads (${response.lead_id}).`); isMakingNewLead = false; } }); } function isChatOpen() { return !chatToggler.classList.contains('collapsed'); } function toggleLiveChat() { startMessageListening(); liveChat.classList.toggle('collapsed'); chatToggler.classList.toggle('collapsed'); } let isSendingMessage = false; async function doSendMessage(event = null) { if (isSendingMessage) return; isSendingMessage = true; if (event) { event.preventDefault(); } const message = chatTextInput.value.trim(); if (!message) return; try { const success = await sendMessage(message); chatTextInput.value = ''; chatMessages.scrollTo(0, chatMessages.scrollHeight); lastMessageID = success.data.message_id; addVisualMessage(message, 'client', {id: lastMessageID}); isSendingMessage = false; } catch (error) { console.error('Error sending message:', error); } } function handleTextareaMessage(event) { if (event.key === 'Enter' && !event.shiftKey) { doSendMessage(event); } } function addVisualMessage(message, from = 'client', data = null) { console.log('Adding visual message:', message, from, data); const exampleBubble = document.getElementById(from === 'client' ? 'example-to-bubble' : 'example-from-bubble'); if (!exampleBubble) return null; const nMsg = exampleBubble.cloneNode(true); nMsg.removeAttribute('id'); nMsg.setAttribute('data-message-id', data.id); const existingMessage = document.querySelector(`div[data-message-id="${data.id}"]`); if (existingMessage) return null; nMsg.querySelector('.bubble-message').innerHTML = message.replace(/\n/g, "<br>"); exampleBubble.parentElement.appendChild(nMsg); chatMessages.scrollTo(0, chatMessages.scrollHeight); return nMsg; } function showEmailPrompt() { if (!emailPromptShown && !getUnknownVisitorEmail()) { emailPromptShown = true; const html = ` <form action="javascript:" onsubmit="doMakeNewLead(this)" style="width: 100%;" id="lead-form"> <label for="email" style="font-size: 1.25rem; font-weight: 500;">Don't have time to wait for a response? Leave your email or type your phone number to get notified when we reply or a quick phone call back asap.</label> <div style="display: flex; flex-flow: row; gap: 1rem;"> <input type="email" class="form-control" placeholder="Your email" style="margin-top: 1rem; width: 100%; border-radius: .25rem; padding: .5rem; border: 1px solid gainsboro; outline: none;"> <button type="submit" class="btn btn-primary" style="background-color: var(--button-color); color: white; border: none; padding: .5rem 1rem; border-radius: .25rem; margin-top: 1rem;">Submit</button> </div> </form>`; addVisualMessage(html, 'salon', {id: 'email-prompt'}); } } function sendMessage(message) { const unknownVisitorId = getUnknownVisitorId(); showEmailPrompt(); return new Promise((resolve, reject) => { $.ajax({ url: `${DOMAIN_BASE}/my-account/messages/add_client_message`, type: 'POST', data: { message, unknown_visitor_id: unknownVisitorId, salon_id: SALON_ID }, success: (response) => { setUnknownVisitorId(response.data.unknown_visitor_id); if (response.error) { reject(response.error); } else { resolve(response); } } }); }); } let isFetchingMessages = false; async function getMessages() { if (isFetchingMessages) return; isFetchingMessages = true; try { const response = await $.ajax({ url: `${DOMAIN_BASE}/my-account/messages/get_salon_messages`, type: 'POST', data: { unknown_visitor_id: getUnknownVisitorId(), last_message_id: lastMessageID, salon_id: SALON_ID } }); const messages = typeof response === 'string' ? JSON.parse(response).data.messages : response.data.messages; for (const msg of Object.values(messages)) { if (msg.is_salon_message == 1) addVisualMessage(msg.message, 'salon', msg); if (msg.is_client_message == 1) addVisualMessage(msg.message, 'client', msg); lastMessageID = Math.max(lastMessageID, msg.id); } } catch (error) { console.error('Error fetching messages:', error); } finally { isFetchingMessages = false; } } function closeChatInitialPopup() { const popup = document.getElementById('live-chat-message-popup'); if (popup) popup.remove(); } function startMessageListening() { getMessages(); if (isListeningForMessages === null) { isListeningForMessages = setInterval(getMessages, 3000); } } document.addEventListener('DOMContentLoaded', () => { chatMessages = document.querySelector('#live-chat .chat-messages'); chatMessages.scrollTo(0, chatMessages.scrollHeight); $('.close-chat-bubble').on('click', (e) => { e.preventDefault(); closeChatInitialPopup(); }); chatTextInput.addEventListener('keydown', handleTextareaMessage); document.getElementById('send-button').addEventListener('click', doSendMessage); if (getUnknownVisitorEmail()) { setTimeout(() => { addVisualMessage('Thank you for your email. We\'ll be in touch as soon as possible.', 'salon', {id: 0}); }, 1000); } }); document.addEventListener('DOMContentLoaded', function() { const isBookingPage = false; const isMobile = window.innerWidth <= 767; if (isBookingPage && isMobile) { document.getElementById('live-chat').style.display = 'none'; document.getElementById('live-chat-toggler').style.display = 'none'; } }); </script> <div id="footer"> <div class="container-fluid page_container" style="margin-left:auto !important; margin-right:auto !important; padding:0 15px !important; background-color:initial;"> <div class="row"> <div class="col-xs-12"> <div class="pull-left"> <a target="_blank" title="Clinic Software®.com" href="http://clinicsoftware.com/">© 2024 ClinicSoftware.com</a> </div> <div class="pull-right">Foot-Doctor</div> </div> </div> </div> </div> © 2024 Foot-Doctor Clinic. All Rights Reserved. | Privacy Policy | Terms of Service | Contact Us | Online Booking Available. Connect with us on Facebook, Instagram, LinkedIn, X, and Pinterest.  <div id="footer"> <div class="container-fluid page_container" style="margin-left:auto !important; margin-right:auto !important; padding:0 15px !important; background-color:initial;"> <div class="row"> <div class="col-xs-12"> <div class="pull-left"> <a target="_blank" title="Clinic Software®.com" href="http://clinicsoftware.com/">© 2024 ClinicSoftware.com</a> </div> <div class="pull-right">Foot-Doctor</div> </div> </div> </div> </div>   <script type="text/javascript" defer> let query = location.search.substring(1); let params = query.split('&'); let rwgToken = undefined; for (var i = 0; i < params.length; ++i) { let pair = params[i].split('='); if (pair[0] == 'rwg_token') { rwgToken = decodeURIComponent(pair[1]); // send conversion data to server $.ajax({ url: 'https://appointments.clinicsoftware.com/foot_doctor/rwg_conversion', type: 'POST', data: { rwg_token: rwgToken }, success: function (data) { console.log('RWG conversion data sent to server:', data); }, error: function (jqXHR, textStatus, errorThrown) { console.error('RWG conversion data sending failed:', textStatus, errorThrown); } }); break; } } </script> </body> </html>