├── images ├── bg │ ├── 1.jpg │ ├── 4.jpg │ └── Thumbs.db ├── brand │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ └── 5.png ├── cart │ ├── 1.jpg │ ├── 1.png │ ├── 2.jpg │ ├── 2.png │ ├── 3.jpg │ ├── 4.jpg │ └── Thumbs.db ├── favicon.ico ├── logo │ └── 4.png ├── comment │ ├── 1.png │ ├── 2.png │ └── 3.png ├── icons │ ├── map.png │ ├── next.png │ ├── prev.png │ ├── Thumbs.db │ ├── close.png │ ├── map-2.png │ ├── close-20.png │ ├── loading.gif │ ├── ajax-loader.gif │ ├── select-option.png │ ├── arrow-down-long.png │ └── select-option-white.png ├── product │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ ├── 9.jpg │ └── Thumbs.db ├── product-3 │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ └── 9.jpg ├── slider │ ├── bg │ │ ├── 1.jpg │ │ └── 2.jpg │ └── fornt-img │ │ ├── 1.png │ │ └── 2.png ├── blog │ ├── bl-sm-2 │ │ ├── 1.png │ │ ├── 2.png │ │ └── 3.png │ ├── blog-img │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ └── 3.jpg │ ├── md-img │ │ ├── 1.jpg │ │ └── 2.jpg │ └── big-images │ │ └── 1.jpg ├── others │ └── shape │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── lan.png │ │ ├── line.png │ │ ├── new.png │ │ ├── Thumbs.db │ │ ├── paypol.png │ │ └── quote.png ├── test │ └── client │ │ ├── 1.png │ │ ├── 2.png │ │ └── Thumbs.db ├── banner │ └── big-img │ │ ├── 1.png │ │ └── 2.png └── product-2 │ ├── pro-1 │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── Thumbs.db │ ├── big-img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── Thumbs.db │ ├── cart-img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── Thumbs.db │ ├── sm-img-2 │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── Thumbs.db │ ├── sm-img-3 │ ├── 1.jpg │ ├── 2.jpg │ └── 3.jpg │ └── sm-smg │ ├── 1.jpg │ ├── 2.jpg │ └── Thumbs.db ├── css ├── ajax-loader.gif ├── owl.video.play.png ├── plugins │ ├── AjaxLoader.gif │ ├── ajax-loader.gif │ ├── fonts │ │ ├── slick.eot │ │ ├── slick.ttf │ │ ├── slick.woff │ │ └── slick.svg │ ├── images │ │ ├── ui-icons_444444_256x240.png │ │ ├── ui-icons_555555_256x240.png │ │ ├── ui-icons_777620_256x240.png │ │ ├── ui-icons_777777_256x240.png │ │ ├── ui-icons_cc0000_256x240.png │ │ └── ui-icons_ffffff_256x240.png │ ├── slick.css │ ├── slick-theme.css │ └── meanmenu.css ├── shortcode │ ├── shortcodes.css │ ├── slider.css │ ├── footer.css │ ├── default.css │ └── header.css ├── custom.css ├── owl.theme.default.min.css ├── core.css ├── owl.carousel.min.css ├── style-customizer.css ├── jquery-ui.min.css └── simple-line-icons.css ├── fonts ├── Simple-Line-Icons.eot ├── Simple-Line-Icons.ttf ├── Simple-Line-Icons.woff ├── Simple-Line-Icons.woff2 ├── fontawesome-webfont.eot ├── fontawesome-webfont.ttf ├── fontawesome-webfont.woff ├── fontawesome-webfont.woff2 ├── Material-Design-Iconic-Font.eot ├── Material-Design-Iconic-Font.ttf ├── Material-Design-Iconic-Font.woff ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.ttf ├── Material-Design-Iconic-Font.woff2 ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2 ├── README.md └── js ├── ajax-mail.js ├── contact-map.js ├── vendor └── modernizr-3.5.0.min.js ├── waypoints.min.js ├── style-customizer.js └── main.js /images/bg/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/bg/1.jpg -------------------------------------------------------------------------------- /images/bg/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/bg/4.jpg -------------------------------------------------------------------------------- /images/brand/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/brand/1.png -------------------------------------------------------------------------------- /images/brand/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/brand/2.png -------------------------------------------------------------------------------- /images/brand/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/brand/3.png -------------------------------------------------------------------------------- /images/brand/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/brand/4.png -------------------------------------------------------------------------------- /images/brand/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/brand/5.png -------------------------------------------------------------------------------- /images/cart/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/1.jpg -------------------------------------------------------------------------------- /images/cart/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/1.png -------------------------------------------------------------------------------- /images/cart/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/2.jpg -------------------------------------------------------------------------------- /images/cart/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/2.png -------------------------------------------------------------------------------- /images/cart/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/3.jpg -------------------------------------------------------------------------------- /images/cart/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/4.jpg -------------------------------------------------------------------------------- /images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/favicon.ico -------------------------------------------------------------------------------- /images/logo/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/logo/4.png -------------------------------------------------------------------------------- /css/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/ajax-loader.gif -------------------------------------------------------------------------------- /images/bg/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/bg/Thumbs.db -------------------------------------------------------------------------------- /images/cart/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/cart/Thumbs.db -------------------------------------------------------------------------------- /images/comment/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/comment/1.png -------------------------------------------------------------------------------- /images/comment/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/comment/2.png -------------------------------------------------------------------------------- /images/comment/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/comment/3.png -------------------------------------------------------------------------------- /images/icons/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/map.png -------------------------------------------------------------------------------- /images/icons/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/next.png -------------------------------------------------------------------------------- /images/icons/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/prev.png -------------------------------------------------------------------------------- /images/product/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/1.jpg -------------------------------------------------------------------------------- /images/product/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/10.jpg -------------------------------------------------------------------------------- /images/product/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/11.jpg -------------------------------------------------------------------------------- /images/product/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/12.jpg -------------------------------------------------------------------------------- /images/product/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/2.jpg -------------------------------------------------------------------------------- /images/product/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/3.jpg -------------------------------------------------------------------------------- /images/product/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/4.jpg -------------------------------------------------------------------------------- /images/product/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/5.jpg -------------------------------------------------------------------------------- /images/product/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/6.jpg -------------------------------------------------------------------------------- /images/product/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/7.jpg -------------------------------------------------------------------------------- /images/product/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/8.jpg -------------------------------------------------------------------------------- /images/product/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/9.jpg -------------------------------------------------------------------------------- /css/owl.video.play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/owl.video.play.png -------------------------------------------------------------------------------- /images/icons/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/Thumbs.db -------------------------------------------------------------------------------- /images/icons/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/close.png -------------------------------------------------------------------------------- /images/icons/map-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/map-2.png -------------------------------------------------------------------------------- /images/product-3/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/1.jpg -------------------------------------------------------------------------------- /images/product-3/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/2.jpg -------------------------------------------------------------------------------- /images/product-3/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/3.jpg -------------------------------------------------------------------------------- /images/product-3/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/4.jpg -------------------------------------------------------------------------------- /images/product-3/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/5.jpg -------------------------------------------------------------------------------- /images/product-3/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/6.jpg -------------------------------------------------------------------------------- /images/product-3/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/7.jpg -------------------------------------------------------------------------------- /images/product-3/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/8.jpg -------------------------------------------------------------------------------- /images/product-3/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-3/9.jpg -------------------------------------------------------------------------------- /images/slider/bg/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/slider/bg/1.jpg -------------------------------------------------------------------------------- /images/slider/bg/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/slider/bg/2.jpg -------------------------------------------------------------------------------- /css/plugins/AjaxLoader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/AjaxLoader.gif -------------------------------------------------------------------------------- /images/blog/bl-sm-2/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/bl-sm-2/1.png -------------------------------------------------------------------------------- /images/blog/bl-sm-2/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/bl-sm-2/2.png -------------------------------------------------------------------------------- /images/blog/bl-sm-2/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/bl-sm-2/3.png -------------------------------------------------------------------------------- /images/blog/blog-img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/blog-img/1.jpg -------------------------------------------------------------------------------- /images/blog/blog-img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/blog-img/2.jpg -------------------------------------------------------------------------------- /images/blog/blog-img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/blog-img/3.jpg -------------------------------------------------------------------------------- /images/blog/md-img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/md-img/1.jpg -------------------------------------------------------------------------------- /images/blog/md-img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/md-img/2.jpg -------------------------------------------------------------------------------- /images/icons/close-20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/close-20.png -------------------------------------------------------------------------------- /images/icons/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/loading.gif -------------------------------------------------------------------------------- /images/others/shape/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/1.png -------------------------------------------------------------------------------- /images/others/shape/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/2.png -------------------------------------------------------------------------------- /images/others/shape/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/3.png -------------------------------------------------------------------------------- /images/others/shape/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/4.png -------------------------------------------------------------------------------- /images/others/shape/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/5.png -------------------------------------------------------------------------------- /images/product/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product/Thumbs.db -------------------------------------------------------------------------------- /images/test/client/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/test/client/1.png -------------------------------------------------------------------------------- /images/test/client/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/test/client/2.png -------------------------------------------------------------------------------- /css/plugins/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/ajax-loader.gif -------------------------------------------------------------------------------- /css/plugins/fonts/slick.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/fonts/slick.eot -------------------------------------------------------------------------------- /css/plugins/fonts/slick.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/fonts/slick.ttf -------------------------------------------------------------------------------- /css/plugins/fonts/slick.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/fonts/slick.woff -------------------------------------------------------------------------------- /fonts/Simple-Line-Icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Simple-Line-Icons.eot -------------------------------------------------------------------------------- /fonts/Simple-Line-Icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Simple-Line-Icons.ttf -------------------------------------------------------------------------------- /fonts/Simple-Line-Icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Simple-Line-Icons.woff -------------------------------------------------------------------------------- /images/banner/big-img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/banner/big-img/1.png -------------------------------------------------------------------------------- /images/banner/big-img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/banner/big-img/2.png -------------------------------------------------------------------------------- /images/blog/big-images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/blog/big-images/1.jpg -------------------------------------------------------------------------------- /images/icons/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/ajax-loader.gif -------------------------------------------------------------------------------- /images/others/shape/lan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/lan.png -------------------------------------------------------------------------------- /images/others/shape/line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/line.png -------------------------------------------------------------------------------- /images/others/shape/new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/new.png -------------------------------------------------------------------------------- /images/product-2/pro-1/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/pro-1/1.jpg -------------------------------------------------------------------------------- /images/product-2/pro-1/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/pro-1/2.jpg -------------------------------------------------------------------------------- /images/product-2/pro-1/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/pro-1/3.jpg -------------------------------------------------------------------------------- /images/product-2/pro-1/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/pro-1/4.jpg -------------------------------------------------------------------------------- /images/test/client/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/test/client/Thumbs.db -------------------------------------------------------------------------------- /fonts/Simple-Line-Icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Simple-Line-Icons.woff2 -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /images/icons/select-option.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/select-option.png -------------------------------------------------------------------------------- /images/others/shape/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/Thumbs.db -------------------------------------------------------------------------------- /images/others/shape/paypol.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/paypol.png -------------------------------------------------------------------------------- /images/others/shape/quote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/others/shape/quote.png -------------------------------------------------------------------------------- /images/product-2/big-img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/big-img/1.jpg -------------------------------------------------------------------------------- /images/product-2/big-img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/big-img/2.jpg -------------------------------------------------------------------------------- /images/product-2/big-img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/big-img/3.jpg -------------------------------------------------------------------------------- /images/product-2/cart-img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/cart-img/1.jpg -------------------------------------------------------------------------------- /images/product-2/cart-img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/cart-img/2.jpg -------------------------------------------------------------------------------- /images/product-2/cart-img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/cart-img/3.jpg -------------------------------------------------------------------------------- /images/product-2/cart-img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/cart-img/4.jpg -------------------------------------------------------------------------------- /images/product-2/sm-img-2/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-2/1.jpg -------------------------------------------------------------------------------- /images/product-2/sm-img-2/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-2/2.jpg -------------------------------------------------------------------------------- /images/product-2/sm-img-2/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-2/3.jpg -------------------------------------------------------------------------------- /images/product-2/sm-img-3/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-3/1.jpg -------------------------------------------------------------------------------- /images/product-2/sm-img-3/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-3/2.jpg -------------------------------------------------------------------------------- /images/product-2/sm-img-3/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-3/3.jpg -------------------------------------------------------------------------------- /images/product-2/sm-smg/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-smg/1.jpg -------------------------------------------------------------------------------- /images/product-2/sm-smg/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-smg/2.jpg -------------------------------------------------------------------------------- /images/slider/fornt-img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/slider/fornt-img/1.png -------------------------------------------------------------------------------- /images/slider/fornt-img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/slider/fornt-img/2.png -------------------------------------------------------------------------------- /images/icons/arrow-down-long.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/arrow-down-long.png -------------------------------------------------------------------------------- /images/product-2/pro-1/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/pro-1/Thumbs.db -------------------------------------------------------------------------------- /images/product-2/sm-smg/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-smg/Thumbs.db -------------------------------------------------------------------------------- /images/icons/select-option-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/icons/select-option-white.png -------------------------------------------------------------------------------- /images/product-2/big-img/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/big-img/Thumbs.db -------------------------------------------------------------------------------- /images/product-2/cart-img/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/cart-img/Thumbs.db -------------------------------------------------------------------------------- /images/product-2/sm-img-2/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/images/product-2/sm-img-2/Thumbs.db -------------------------------------------------------------------------------- /fonts/Material-Design-Iconic-Font.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Material-Design-Iconic-Font.eot -------------------------------------------------------------------------------- /fonts/Material-Design-Iconic-Font.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Material-Design-Iconic-Font.ttf -------------------------------------------------------------------------------- /fonts/Material-Design-Iconic-Font.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Material-Design-Iconic-Font.woff -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /fonts/Material-Design-Iconic-Font.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/Material-Design-Iconic-Font.woff2 -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /css/plugins/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /css/plugins/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /css/plugins/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /css/plugins/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /css/plugins/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /css/plugins/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abdullahthewebbee/ecomFrontEnd/HEAD/css/plugins/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ecomFrontEnd. 2 | ecomFrontEnd Clone Website using HTML/CSS/JS. 3 | 4 | Landing Page 5 | The User/Customer can search for his/her location here & can find restaurants in their locality. 6 | -------------------------------------------------------------------------------- /css/shortcode/shortcodes.css: -------------------------------------------------------------------------------- 1 | /*----------------------------------------------------------------------------------- 2 | 3 | Template Name: Asbab eCommerce HTML5 Template. 4 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 5 | 6 | -------------------------------------------------------------------------------------*/ 7 | 8 | @import url("header.css"); 9 | @import url("slider.css"); 10 | @import url("footer.css"); -------------------------------------------------------------------------------- /css/custom.css: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | 3 | Template Name: Asbab eCommerce HTML5 Template. 4 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 5 | 6 | ---------------------------------------------------------------*/ 7 | 8 | /* ---------------------------------------------------- 9 | You can put your custom css code here: 10 | -------------------------------------------------------*/ 11 | -------------------------------------------------------------------------------- /css/owl.theme.default.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} -------------------------------------------------------------------------------- /css/core.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------------------------------------ 2 | 3 | Template Name: Asbab eCommerce HTML5 Template. 4 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 5 | 6 | 7 | -------------------------------------------------------------------------------*/ 8 | 9 | @import url("material-design-iconic-font.min.css"); 10 | @import url("simple-line-icons.css"); 11 | @import url("font-awesome.css"); 12 | @import url("plugins/animate.css"); 13 | @import url("plugins/animate-slider.css"); 14 | @import url("shortcode/default.css"); 15 | @import url("plugins/jquery-ui.css"); 16 | @import url("plugins/slick.css"); 17 | @import url("plugins/slick-theme.css"); 18 | @import url("plugins/meanmenu.css"); 19 | @import url("plugins/animation.css"); 20 | @import url('https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400i,700|Poppins:300,400,400i,500,600,700,800'); 21 | 22 | -------------------------------------------------------------------------------- /js/ajax-mail.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | 3 | // Get the form. 4 | var form = $('#contact-form'); 5 | 6 | // Get the messages div. 7 | var formMessages = $('.form-messege'); 8 | 9 | // Set up an event listener for the contact form. 10 | $(form).submit(function(e) { 11 | // Stop the browser from submitting the form. 12 | e.preventDefault(); 13 | 14 | // Serialize the form data. 15 | var formData = $(form).serialize(); 16 | 17 | // Submit the form using AJAX. 18 | $.ajax({ 19 | type: 'POST', 20 | url: $(form).attr('action'), 21 | data: formData 22 | }) 23 | .done(function(response) { 24 | // Make sure that the formMessages div has the 'success' class. 25 | $(formMessages).removeClass('error'); 26 | $(formMessages).addClass('success'); 27 | 28 | // Set the message text. 29 | $(formMessages).text(response); 30 | 31 | // Clear the form. 32 | $('#contact-form input,#contact-form textarea').val(''); 33 | }) 34 | .fail(function(data) { 35 | // Make sure that the formMessages div has the 'error' class. 36 | $(formMessages).removeClass('success'); 37 | $(formMessages).addClass('error'); 38 | 39 | // Set the message text. 40 | if (data.responseText !== '') { 41 | $(formMessages).text(data.responseText); 42 | } else { 43 | $(formMessages).text('Oops! An error occured and your message could not be sent.'); 44 | } 45 | }); 46 | }); 47 | 48 | }); 49 | -------------------------------------------------------------------------------- /css/plugins/fonts/slick.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by Fontastic.me 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/plugins/slick.css: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | .slick-slider 3 | { 4 | position: relative; 5 | 6 | display: block; 7 | box-sizing: border-box; 8 | 9 | -webkit-user-select: none; 10 | -moz-user-select: none; 11 | -ms-user-select: none; 12 | user-select: none; 13 | 14 | -webkit-touch-callout: none; 15 | -khtml-user-select: none; 16 | -ms-touch-action: pan-y; 17 | touch-action: pan-y; 18 | -webkit-tap-highlight-color: transparent; 19 | } 20 | 21 | .slick-list 22 | { 23 | position: relative; 24 | 25 | display: block; 26 | overflow: hidden; 27 | 28 | margin: 0; 29 | padding: 0; 30 | } 31 | .slick-list:focus 32 | { 33 | outline: none; 34 | } 35 | .slick-list.dragging 36 | { 37 | cursor: pointer; 38 | cursor: hand; 39 | } 40 | 41 | .slick-slider .slick-track, 42 | .slick-slider .slick-list 43 | { 44 | -webkit-transform: translate3d(0, 0, 0); 45 | -moz-transform: translate3d(0, 0, 0); 46 | -ms-transform: translate3d(0, 0, 0); 47 | -o-transform: translate3d(0, 0, 0); 48 | transform: translate3d(0, 0, 0); 49 | } 50 | 51 | .slick-track 52 | { 53 | position: relative; 54 | top: 0; 55 | left: 0; 56 | 57 | display: block; 58 | } 59 | .slick-track:before, 60 | .slick-track:after 61 | { 62 | display: table; 63 | 64 | content: ''; 65 | } 66 | .slick-track:after 67 | { 68 | clear: both; 69 | } 70 | .slick-loading .slick-track 71 | { 72 | visibility: hidden; 73 | } 74 | 75 | .slick-slide 76 | { 77 | display: none; 78 | float: left; 79 | 80 | height: 100%; 81 | min-height: 1px; 82 | } 83 | [dir='rtl'] .slick-slide 84 | { 85 | float: right; 86 | } 87 | .slick-slide img 88 | { 89 | display: block; 90 | } 91 | .slick-slide.slick-loading img 92 | { 93 | display: none; 94 | } 95 | .slick-slide.dragging img 96 | { 97 | pointer-events: none; 98 | } 99 | .slick-initialized .slick-slide 100 | { 101 | display: block; 102 | } 103 | .slick-loading .slick-slide 104 | { 105 | visibility: hidden; 106 | } 107 | .slick-vertical .slick-slide 108 | { 109 | display: block; 110 | 111 | height: auto; 112 | 113 | border: 1px solid transparent; 114 | } 115 | .slick-arrow.slick-hidden { 116 | display: none; 117 | } 118 | -------------------------------------------------------------------------------- /css/owl.carousel.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} -------------------------------------------------------------------------------- /css/plugins/slick-theme.css: -------------------------------------------------------------------------------- 1 | @charset 'UTF-8'; 2 | /* Slider */ 3 | .slick-loading .slick-list 4 | { 5 | background: #fff url('./ajax-loader.gif') center center no-repeat; 6 | } 7 | 8 | /* Icons */ 9 | @font-face 10 | { 11 | font-family: 'slick'; 12 | font-weight: normal; 13 | font-style: normal; 14 | 15 | src: url('./fonts/slick.eot'); 16 | src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); 17 | } 18 | /* Arrows */ 19 | .slick-prev, 20 | .slick-next 21 | { 22 | font-size: 0; 23 | line-height: 0; 24 | 25 | position: absolute; 26 | top: 50%; 27 | 28 | display: block; 29 | 30 | width: 20px; 31 | height: 20px; 32 | padding: 0; 33 | -webkit-transform: translate(0, -50%); 34 | -ms-transform: translate(0, -50%); 35 | transform: translate(0, -50%); 36 | 37 | cursor: pointer; 38 | 39 | color: transparent; 40 | border: none; 41 | outline: none; 42 | background: transparent; 43 | } 44 | .slick-prev:hover, 45 | .slick-prev:focus, 46 | .slick-next:hover, 47 | .slick-next:focus 48 | { 49 | color: transparent; 50 | outline: none; 51 | background: transparent; 52 | } 53 | .slick-prev:hover:before, 54 | .slick-prev:focus:before, 55 | .slick-next:hover:before, 56 | .slick-next:focus:before 57 | { 58 | opacity: 1; 59 | } 60 | .slick-prev.slick-disabled:before, 61 | .slick-next.slick-disabled:before 62 | { 63 | opacity: .25; 64 | } 65 | 66 | .slick-prev:before, 67 | .slick-next:before 68 | { 69 | font-family: 'slick'; 70 | font-size: 20px; 71 | line-height: 1; 72 | 73 | opacity: .75; 74 | color: white; 75 | 76 | -webkit-font-smoothing: antialiased; 77 | -moz-osx-font-smoothing: grayscale; 78 | } 79 | 80 | .slick-prev 81 | { 82 | left: -25px; 83 | } 84 | [dir='rtl'] .slick-prev 85 | { 86 | right: -25px; 87 | left: auto; 88 | } 89 | .slick-prev:before 90 | { 91 | content: '←'; 92 | } 93 | [dir='rtl'] .slick-prev:before 94 | { 95 | content: '→'; 96 | } 97 | 98 | .slick-next 99 | { 100 | right: -25px; 101 | } 102 | [dir='rtl'] .slick-next 103 | { 104 | right: auto; 105 | left: -25px; 106 | } 107 | .slick-next:before 108 | { 109 | content: '→'; 110 | } 111 | [dir='rtl'] .slick-next:before 112 | { 113 | content: '←'; 114 | } 115 | 116 | /* Dots */ 117 | .slick-dotted.slick-slider 118 | { 119 | margin-bottom: 30px; 120 | } 121 | 122 | .slick-dots 123 | { 124 | position: absolute; 125 | bottom: -25px; 126 | 127 | display: block; 128 | 129 | width: 100%; 130 | padding: 0; 131 | margin: 0; 132 | 133 | list-style: none; 134 | 135 | text-align: center; 136 | } 137 | .slick-dots li 138 | { 139 | position: relative; 140 | 141 | display: inline-block; 142 | 143 | width: 20px; 144 | height: 20px; 145 | margin: 0 5px; 146 | padding: 0; 147 | 148 | cursor: pointer; 149 | } 150 | .slick-dots li button 151 | { 152 | font-size: 0; 153 | line-height: 0; 154 | 155 | display: block; 156 | 157 | width: 20px; 158 | height: 20px; 159 | padding: 5px; 160 | 161 | cursor: pointer; 162 | 163 | color: transparent; 164 | border: 0; 165 | outline: none; 166 | background: transparent; 167 | } 168 | .slick-dots li button:hover, 169 | .slick-dots li button:focus 170 | { 171 | outline: none; 172 | } 173 | .slick-dots li button:hover:before, 174 | .slick-dots li button:focus:before 175 | { 176 | opacity: 1; 177 | } 178 | .slick-dots li button:before 179 | { 180 | font-family: 'slick'; 181 | font-size: 6px; 182 | line-height: 20px; 183 | 184 | position: absolute; 185 | top: 0; 186 | left: 0; 187 | 188 | width: 20px; 189 | height: 20px; 190 | 191 | content: '•'; 192 | text-align: center; 193 | 194 | opacity: .25; 195 | color: black; 196 | 197 | -webkit-font-smoothing: antialiased; 198 | -moz-osx-font-smoothing: grayscale; 199 | } 200 | .slick-dots li.slick-active button:before 201 | { 202 | opacity: .75; 203 | color: black; 204 | } 205 | -------------------------------------------------------------------------------- /css/plugins/meanmenu.css: -------------------------------------------------------------------------------- 1 | 2 | /*! ####################################################################### 3 | 4 | MeanMenu 2.0.7 5 | -------- 6 | 7 | To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) 8 | 9 | ####################################################################### */ 10 | 11 | /* hide the link until viewport size is reached */ 12 | a.meanmenu-reveal { 13 | display: none; 14 | } 15 | 16 | /* when under viewport size, .mean-container is added to body */ 17 | .mean-container .mean-bar { 18 | background: rgba(0, 0, 0, 0) none repeat scroll center bottom; 19 | float: left; 20 | min-height: auto; 21 | padding: 0; 22 | position: relative; 23 | width: 100%; 24 | z-index: 99; 25 | } 26 | 27 | .mean-container a.meanmenu-reveal { 28 | border: 2px solid #444; 29 | color: #444; 30 | cursor: pointer; 31 | display: block; 32 | font-family: Arial,Helvetica,sans-serif; 33 | font-size: 1px; 34 | font-weight: 700; 35 | height: 22px; 36 | line-height: 22px; 37 | margin-top: -56px; 38 | padding: 5px 6px; 39 | position: absolute; 40 | right: 0; 41 | text-decoration: none; 42 | text-indent: -9999em; 43 | top: 0; 44 | width: 22px; 45 | } 46 | 47 | .mean-container a.meanmenu-reveal span { 48 | background: #444 none repeat scroll 0 0; 49 | display: block; 50 | height: 3px; 51 | margin-top: 3px; 52 | } 53 | 54 | .mean-container .mean-nav { 55 | background: #0c1923 none repeat scroll 0 0; 56 | float: left; 57 | margin-top: 0; 58 | width: 100%; 59 | } 60 | 61 | .mean-container .mean-nav ul { 62 | padding: 0; 63 | margin: 0; 64 | width: 100%; 65 | list-style-type: none; 66 | } 67 | 68 | .mean-container .mean-nav ul li { 69 | position: relative; 70 | float: left; 71 | width: 100%; 72 | } 73 | 74 | .mean-container .mean-nav ul li a { 75 | display: block; 76 | float: left; 77 | width: 90%; 78 | padding: 1em 5%; 79 | margin: 0; 80 | text-align: left; 81 | color: #fff; 82 | border-top: 1px solid #383838; 83 | border-top: 1px solid rgba(255,255,255,0.2); 84 | text-decoration: none; 85 | text-transform: uppercase; 86 | } 87 | 88 | .mean-container .mean-nav ul li li a { 89 | width: 80%; 90 | padding: 1em 10%; 91 | border-top: 1px solid #f1f1f1; 92 | border-top: 1px solid rgba(255,255,255,0.25); 93 | opacity: 0.75; 94 | filter: alpha(opacity=75); 95 | text-shadow: none !important; 96 | visibility: visible; 97 | } 98 | 99 | .mean-container .mean-nav ul li.mean-last a { 100 | border-bottom: none; 101 | margin-bottom: 0; 102 | } 103 | 104 | .mean-container .mean-nav ul li li li a { 105 | width: 70%; 106 | padding: 1em 15%; 107 | } 108 | 109 | .mean-container .mean-nav ul li li li li a { 110 | width: 60%; 111 | padding: 1em 20%; 112 | } 113 | 114 | .mean-container .mean-nav ul li li li li li a { 115 | width: 50%; 116 | padding: 1em 25%; 117 | } 118 | 119 | .mean-container .mean-nav ul li a:hover { 120 | background: #252525; 121 | background: rgba(255,255,255,0.1); 122 | } 123 | 124 | .mean-container .mean-nav ul li a.mean-expand { 125 | -moz-border-bottom-colors: none !important; 126 | -moz-border-left-colors: none !important; 127 | -moz-border-right-colors: none !important; 128 | -moz-border-top-colors: none !important; 129 | background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; 130 | border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.4) !important; 131 | font-weight: 700; 132 | height: 32px; 133 | margin-top: 1px; 134 | padding: 12px 12px 7px !important; 135 | position: absolute; 136 | right: 0; 137 | text-align: center; 138 | top: 0; 139 | width: 26px; 140 | z-index: 2; 141 | } 142 | 143 | .mean-container .mean-nav ul li a.mean-expand:hover { 144 | background: rgba(0,0,0,0.9); 145 | } 146 | 147 | .mean-container .mean-push { 148 | float: left; 149 | width: 100%; 150 | padding: 0; 151 | margin: 0; 152 | clear: both; 153 | } 154 | 155 | .mean-nav .wrapper { 156 | width: 100%; 157 | padding: 0; 158 | margin: 0; 159 | } 160 | 161 | /* Fix for box sizing on Foundation Framework etc. */ 162 | .mean-container .mean-bar, .mean-container .mean-bar * { 163 | box-sizing: content-box; 164 | } 165 | 166 | 167 | .mean-remove { 168 | display: none !important; 169 | } 170 | -------------------------------------------------------------------------------- /js/contact-map.js: -------------------------------------------------------------------------------- 1 | // When the window has finished loading create our google map below 2 | google.maps.event.addDomListener(window, 'load', init); 3 | 4 | function init() { 5 | // Basic options for a simple Google Map 6 | // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions 7 | var mapOptions = { 8 | // How zoomed in you want the map to start at (always required) 9 | zoom: 12, 10 | 11 | scrollwheel: false, 12 | 13 | // The latitude and longitude to center the map (always required) 14 | center: new google.maps.LatLng(23.7286, 90.3854), // New York 15 | 16 | // How you would like to style the map. 17 | // This is where you would paste any style found on Snazzy Maps. 18 | styles: 19 | [ { 20 | "featureType": "all", 21 | "elementType": "labels.text.fill", 22 | "stylers": [ 23 | { 24 | "saturation": 36 25 | }, 26 | { 27 | "color": "#000000" 28 | }, 29 | { 30 | "lightness": 40 31 | } 32 | ] 33 | }, 34 | { 35 | "featureType": "all", 36 | "elementType": "labels.text.stroke", 37 | "stylers": [ 38 | { 39 | "visibility": "on" 40 | }, 41 | { 42 | "color": "#000000" 43 | }, 44 | { 45 | "lightness": 16 46 | } 47 | ] 48 | }, 49 | { 50 | "featureType": "all", 51 | "elementType": "labels.icon", 52 | "stylers": [ 53 | { 54 | "visibility": "off" 55 | } 56 | ] 57 | }, 58 | { 59 | "featureType": "administrative", 60 | "elementType": "geometry.fill", 61 | "stylers": [ 62 | { 63 | "color": "#000000" 64 | }, 65 | { 66 | "lightness": 20 67 | } 68 | ] 69 | }, 70 | { 71 | "featureType": "administrative", 72 | "elementType": "geometry.stroke", 73 | "stylers": [ 74 | { 75 | "color": "#000000" 76 | }, 77 | { 78 | "lightness": 17 79 | }, 80 | { 81 | "weight": 1.2 82 | } 83 | ] 84 | }, 85 | { 86 | "featureType": "landscape", 87 | "elementType": "geometry", 88 | "stylers": [ 89 | { 90 | "color": "#000000" 91 | }, 92 | { 93 | "lightness": 20 94 | } 95 | ] 96 | }, 97 | { 98 | "featureType": "poi", 99 | "elementType": "geometry", 100 | "stylers": [ 101 | { 102 | "color": "#000000" 103 | }, 104 | { 105 | "lightness": 21 106 | } 107 | ] 108 | }, 109 | { 110 | "featureType": "road.highway", 111 | "elementType": "geometry.fill", 112 | "stylers": [ 113 | { 114 | "color": "#000000" 115 | }, 116 | { 117 | "lightness": 17 118 | } 119 | ] 120 | }, 121 | { 122 | "featureType": "road.highway", 123 | "elementType": "geometry.stroke", 124 | "stylers": [ 125 | { 126 | "color": "#000000" 127 | }, 128 | { 129 | "lightness": 29 130 | }, 131 | { 132 | "weight": 0.2 133 | } 134 | ] 135 | }, 136 | { 137 | "featureType": "road.arterial", 138 | "elementType": "geometry", 139 | "stylers": [ 140 | { 141 | "color": "#000000" 142 | }, 143 | { 144 | "lightness": 18 145 | } 146 | ] 147 | }, 148 | { 149 | "featureType": "road.local", 150 | "elementType": "geometry", 151 | "stylers": [ 152 | { 153 | "color": "#000000" 154 | }, 155 | { 156 | "lightness": 16 157 | } 158 | ] 159 | }, 160 | { 161 | "featureType": "transit", 162 | "elementType": "geometry", 163 | "stylers": [ 164 | { 165 | "color": "#000000" 166 | }, 167 | { 168 | "lightness": 19 169 | } 170 | ] 171 | }, 172 | { 173 | "featureType": "water", 174 | "elementType": "geometry", 175 | "stylers": [ 176 | { 177 | "color": "#141516" 178 | }, 179 | { 180 | "lightness": 17 181 | } 182 | ] 183 | } 184 | ] 185 | }; 186 | 187 | // Get the HTML DOM element that will contain your map 188 | // We are using a div with id="map" seen below in the 189 | var mapElement = document.getElementById('googleMap2'); 190 | 191 | // Create the Google Map using our element and options defined above 192 | var map = new google.maps.Map(mapElement, mapOptions); 193 | 194 | // Let's also add a marker while we're at it 195 | var marker = new google.maps.Marker({ 196 | position: new google.maps.LatLng(23.7286, 90.3854), 197 | map: map, 198 | title: 'Ramble!', 199 | icon: 'images/icons/map.png', 200 | animation:google.maps.Animation.BOUNCE 201 | 202 | }); 203 | } -------------------------------------------------------------------------------- /css/shortcode/slider.css: -------------------------------------------------------------------------------- 1 | /*----------------------------------------------------------------------------------- 2 | Template Name: Asbab eCommerce HTML5 Template. 3 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 4 | 5 | -----------------------------------------------------------------------------------*/ 6 | /* 7 | font-family: 'Old Standard TT', serif; 8 | 9 | font-family: 'Poppins', sans-serif; 10 | */ 11 | 12 | 13 | .slider__bg--1 { 14 | background: rgba(0, 0, 0, 0) url("../../images/slider/bg/1.jpg") no-repeat scroll 0 0 / cover ; 15 | } 16 | .slider__bg--2 { 17 | background: rgba(0, 0, 0, 0) url("../../images/slider/bg/2.jpg") no-repeat scroll 0 0 / cover ; 18 | } 19 | 20 | 21 | /*----------------------------------------- 22 | Background variation Content 23 | -------------------------------------------*/ 24 | 25 | /*----------------------------------------- 26 | Slider One 27 | -------------------------------------------*/ 28 | .slide{ 29 | height: 100%; 30 | } 31 | .slider { 32 | height: 100vh; 33 | } 34 | .slider__fixed--height { 35 | align-items: center; 36 | display: flex; 37 | height: 800px; 38 | } 39 | .slider--one .slide { 40 | align-items: center; 41 | display: flex; 42 | } 43 | 44 | .slider__inner h2 { 45 | color: #000000; 46 | font-size: 24px; 47 | letter-spacing: 4px; 48 | line-height: 19px; 49 | text-transform: uppercase; 50 | } 51 | .slider__inner h1 { 52 | color: #030303; 53 | font-family: Old Standard TT; 54 | font-size: 89px; 55 | margin-bottom: 14px; 56 | margin-top: 31px; 57 | text-transform: uppercase; 58 | } 59 | .cr__btn a { 60 | background: #c43b68 none repeat scroll 0 0; 61 | color: #fff; 62 | display: inline-block; 63 | font-family: Poppins; 64 | font-size: 15px; 65 | font-weight: 400; 66 | height: 50px; 67 | line-height: 49px; 68 | padding: 0 36px; 69 | text-transform: capitalize; 70 | transition: all 0.3s ease 0s; 71 | } 72 | .cr__btn a:hover { 73 | background: #313131 none repeat scroll 0 0; 74 | color: #fff; 75 | } 76 | .slide__thumb { 77 | text-align: right; 78 | } 79 | 80 | 81 | .align-items__center{ 82 | display: flex; 83 | justify-content: center; 84 | } 85 | 86 | /*Slider Style Two*/ 87 | 88 | 89 | 90 | .slider--two .slide { 91 | text-align: center; 92 | } 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | /*---------------------- 102 | Animation 103 | -------------------------*/ 104 | 105 | .slider__activation__wrap{ 106 | position: relative; 107 | } 108 | .slider__activation__wrap .owl-nav div { 109 | background: #c43b68 none repeat scroll 0 0; 110 | border-radius: 100%; 111 | color: #fff; 112 | font-size: 17px; 113 | height: 50px; 114 | left: 0; 115 | line-height: 53px; 116 | opacity: 0; 117 | position: absolute; 118 | text-align: center; 119 | top: 50%; 120 | transition: all 0.5s ease 0s; 121 | width: 50px; 122 | -webkit-transform: translateY(-50%); 123 | transform: translateY(-50%); 124 | } 125 | .slider__activation__wrap .owl-nav div.owl-next { 126 | left: auto; 127 | right: 0; 128 | } 129 | .slider__activation__wrap:hover .owl-nav div { 130 | opacity: 1; 131 | } 132 | 133 | .owl-item.active .single__slide.animation__style01 h2{ 134 | -webkit-animation: 800ms ease-in-out 0s normal none 1 running bounceInDown; 135 | animation: 800ms ease-in-out 0s normal none 1 running bounceInDown; 136 | } 137 | .owl-item.active .single__slide.animation__style01 h1{ 138 | -webkit-animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp; 139 | animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp; 140 | } 141 | 142 | .owl-item.active .single__slide.animation__style01 .cr__btn{ 143 | -webkit-animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown; 144 | animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown; 145 | } 146 | 147 | 148 | .owl-item.active .single__slide.animation__style01 p{ 149 | -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp; 150 | animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp; 151 | } 152 | 153 | .owl-item.active .single__slide.animation__style01 .slide__thumb{ 154 | -webkit-animation: 1900ms ease-in-out 0s normal none 1 running bounceInRight; 155 | animation: 1900ms ease-in-out 0s normal none 1 running bounceInRight; 156 | } 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | /*--------------------- 165 | cd-headline 166 | ------------------------*/ 167 | 168 | .cd-headline.loading-bar .cd-words-wrapper::after { 169 | background: #4c8bf5 none repeat scroll 0 0; 170 | bottom: 0; 171 | content: ""; 172 | height: 3px; 173 | left: 0; 174 | position: absolute; 175 | transition: width 0.3s ease -0.1s; 176 | width: 0; 177 | z-index: 2; 178 | } 179 | .cd-headline.loading-bar span { 180 | display: inline-block; 181 | padding: 0; 182 | } 183 | .theme-color span.cd-words-wrapper b{ 184 | color: #4c8bf5; 185 | } 186 | .cd-headline.loading-bar .cd-words-wrapper::after { 187 | background: #4c8bf5 none repeat scroll 0 0; 188 | } 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | /* Slider Activation */ 203 | .slider__activation__wrap .col-md-4 { 204 | width: 100% !important; 205 | } 206 | .arrow-down-long{ 207 | position: relative; 208 | } 209 | .arrow-down-long:before { 210 | content: ""; 211 | height: 90px; 212 | background: url(../../images/icons/arrow-down-long.png); 213 | width: 15px; 214 | display: inline-block; 215 | position: absolute; 216 | background-repeat: no-repeat; 217 | } 218 | 219 | .slider__activation__wrap--5 .single-slide{ 220 | padding-left: 20px; 221 | padding-right: 20px; 222 | } 223 | .slider__activation__wrap--5 .single-slide:focus{ 224 | outline: none;} 225 | } -------------------------------------------------------------------------------- /css/shortcode/footer.css: -------------------------------------------------------------------------------- 1 | /*----------------------------------------------------------------------------------- 2 | Template Name: Asbab eCommerce HTML5 Template. 3 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 4 | 5 | -------------------------------------------------------------------------------------*/ 6 | /* 7 | 8 | font-family: 'Old Standard TT', serif; 9 | 10 | font-family: 'Poppins', sans-serif; 11 | 12 | */ 13 | /*----------------------------- 14 | Footer Default 15 | ------------------------------*/ 16 | /*----------------------------- 17 | Footer Top Area 18 | ------------------------------*/ 19 | 20 | .footer__top__wrap { 21 | border-bottom: 1px solid #252525; 22 | padding-bottom: 76px; 23 | padding-top: 96px; 24 | } 25 | .ft__title h4 { 26 | color: #d4d4d4; 27 | font-size: 16px; 28 | padding-left: 53px; 29 | position: relative; 30 | text-transform: uppercase; 31 | } 32 | .ft__logo { 33 | margin-bottom: 25px; 34 | } 35 | .ft__title h4 i { 36 | font-size: 16px; 37 | padding-right: 12px; 38 | } 39 | .ft__title h4::before { 40 | background: #d4d4d4 none repeat scroll 0 0; 41 | content: ""; 42 | height: 2px; 43 | left: 0; 44 | position: absolute; 45 | top: 50%; 46 | -webkit-transform: translateY(-50%); 47 | transform: translateY(-50%); 48 | transition: all 0.4s ease 0s; 49 | width: 35px; 50 | } 51 | .ft__address + .ft__address { 52 | margin-top: 38px; 53 | } 54 | .ft__title { 55 | margin-bottom: 11px; 56 | } 57 | .ft__address:hover .ft__title h4::before { 58 | background: #c43b68 none repeat scroll 0 0; 59 | width: 40px; 60 | } 61 | .ft__details p { 62 | color: #555555; 63 | font-size: 16px; 64 | } 65 | 66 | .footer__top h2.ft__top__title { 67 | color: #c43b68; 68 | font-size: 24px; 69 | font-weight: 600; 70 | margin-bottom: 30px; 71 | text-transform: uppercase; 72 | } 73 | .ft__input__box.name { 74 | display: flex; 75 | margin-bottom: 44px; 76 | margin-left: -19px; 77 | margin-right: -19px; 78 | width: 100%; 79 | } 80 | .ft__input__box input { 81 | -moz-border-bottom-colors: none; 82 | -moz-border-left-colors: none; 83 | -moz-border-right-colors: none; 84 | -moz-border-top-colors: none; 85 | background: transparent none repeat scroll 0 0; 86 | border-color: currentcolor currentcolor #565656; 87 | -o-border-image: none; 88 | border-image: none; 89 | border-style: none none solid; 90 | border-width: 0 0 1px; 91 | color: #555555; 92 | margin: 0 19px; 93 | padding-bottom: 5px; 94 | width: 50%; 95 | } 96 | .ft__input__box textarea { 97 | -moz-border-bottom-colors: none; 98 | -moz-border-left-colors: none; 99 | -moz-border-right-colors: none; 100 | -moz-border-top-colors: none; 101 | background: transparent none repeat scroll 0 0; 102 | border-color: currentcolor currentcolor #565656; 103 | -o-border-image: none; 104 | border-image: none; 105 | border-style: none none solid; 106 | border-width: 0 0 1px; 107 | max-height: 90px; 108 | } 109 | .ft__btn { 110 | margin-top: 45px; 111 | } 112 | .ft__btn a { 113 | border: 1px solid #555555; 114 | color: #b4b4b4; 115 | display: inline-block; 116 | font-family: Poppins; 117 | font-weight: 400; 118 | height: 50px; 119 | line-height: 50px; 120 | padding: 0 25px; 121 | transition: all 0.4s ease 0s; 122 | } 123 | .ft__btn a i { 124 | padding-right: 8px; 125 | } 126 | .ft__btn a:hover { 127 | background: #c43b68 none repeat scroll 0 0; 128 | border: 1px solid #c43b68; 129 | color: #fff; 130 | } 131 | 132 | 133 | 134 | 135 | /*----------------------- 136 | Footer Container 137 | -------------------------*/ 138 | 139 | 140 | 141 | .footer__container { 142 | padding-bottom: 100px; 143 | padding-top: 100px; 144 | } 145 | .title__line--2 { 146 | color: #ffffff; 147 | font-size: 15px; 148 | font-weight: 500; 149 | margin-bottom: 25px; 150 | text-transform: uppercase; 151 | } 152 | .footer .ft__details p { 153 | color: #a4a4a4; 154 | font-size: 16px; 155 | line-height: 22px; 156 | } 157 | .footer__btn a { 158 | color: #ffffff; 159 | font-family: Poppins; 160 | font-weight: 500; 161 | text-transform: uppercase; 162 | transition: 0.3s; 163 | } 164 | .footer__btn a:hover{ 165 | color: #c43b68; 166 | } 167 | .footer__btn { 168 | margin-top: 22px; 169 | } 170 | .ft__list li a { 171 | color: #a4a4a4; 172 | font-size: 16px; 173 | transition: all 0.4s ease 0s; 174 | } 175 | .ft__list li + li { 176 | padding-top: 9px; 177 | } 178 | .ft__list li a:hover { 179 | color: #c43b68; 180 | padding-left: 3px; 181 | } 182 | .ft__social__link span { 183 | color: #ffffff; 184 | display: inline-block; 185 | font-family: Poppins; 186 | font-size: 16px; 187 | font-weight: 500; 188 | margin-bottom: 22px; 189 | text-transform: uppercase; 190 | } 191 | .ft__social__link { 192 | margin-top: 27px; 193 | } 194 | .social__link { 195 | display: flex; 196 | } 197 | .social__link li a i { 198 | background: transparent none repeat scroll 0 0; 199 | border-radius: 100%; 200 | color: #fff; 201 | display: inline-block; 202 | font-size: 16px; 203 | height: 32px; 204 | line-height: 30px; 205 | text-align: center; 206 | transition: all 0.4s ease 0s; 207 | width: 32px; 208 | } 209 | .social__link li + li { 210 | margin-left: 4px; 211 | } 212 | .social__link li a:hover i { 213 | background: #c43b68 none repeat scroll 0 0; 214 | color: #fff; 215 | } 216 | .lan__select > li { 217 | background: transparent none repeat scroll 0 0; 218 | border: 1px solid #252525; 219 | color: #fff; 220 | font-size: 15px; 221 | height: 35px; 222 | line-height: 35px; 223 | padding: 0 60px; 224 | position: relative; 225 | } 226 | .lan__select li a { 227 | color: #a4a4a4; 228 | font-size: 15px; 229 | transition: all 0.4s ease 0s; 230 | } 231 | .drop__ountry { 232 | background: #fff none repeat scroll 0 0; 233 | border: 1px solid #252525; 234 | left: 0; 235 | opacity: 0; 236 | padding: 10px 58px; 237 | position: absolute; 238 | top: 119%; 239 | transition: all 0.4s ease 0s; 240 | visibility: hidden; 241 | width: 100%; 242 | } 243 | .lan__select > li:hover .drop__ountry { 244 | opacity: 1; 245 | top: 100%; 246 | visibility: visible; 247 | } 248 | .drop__ountry li { 249 | line-height: 26px; 250 | } 251 | .lan__select li:hover > a { 252 | color: #c43b68; 253 | } 254 | .lan__select > li::before { 255 | color: #ffffff; 256 | content: ""; 257 | font-family: Material-Design-Iconic-Font; 258 | font-size: 25px; 259 | position: absolute; 260 | right: 32px; 261 | top: 0; 262 | } 263 | .lan__select > li::after { 264 | background-attachment: scroll; 265 | background-clip: border-box; 266 | background-color: rgba(0, 0, 0, 0); 267 | background-image: url("../../images/others/shape/lan.png"); 268 | background-origin: padding-box; 269 | background-repeat: no-repeat; 270 | background-size: cover; 271 | content: ""; 272 | height: 13px; 273 | left: 20px; 274 | position: absolute; 275 | top: 9px; 276 | width: 18px; 277 | } 278 | 279 | 280 | .news__input input { 281 | background: transparent none repeat scroll 0 0; 282 | border: 1px solid #252525; 283 | height: 50px; 284 | padding: 0 24px; 285 | } 286 | .send__btn { 287 | margin-top: 20px; 288 | } 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | /*---------------------- 301 | Copyright Area 302 | ------------------------*/ 303 | 304 | .copyright__inner { 305 | align-items: center; 306 | display: flex; 307 | height: 70px; 308 | justify-content: space-between; 309 | } 310 | .copyright__inner p { 311 | color: #ffffff; 312 | font-size: 14px; 313 | text-transform: capitalize; 314 | } 315 | .copyright__inner p a { 316 | color: #c43b68; 317 | } 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | -------------------------------------------------------------------------------- /js/vendor/modernizr-3.5.0.min.js: -------------------------------------------------------------------------------- 1 | /*! modernizr 3.5.0 (Custom Build) | MIT * 2 | * https://modernizr.com/download/?-cssanimations-csscolumns-customelements-flexbox-history-picture-pointerevents-postmessage-sizes-srcset-webgl-websockets-webworkers-addtest-domprefixes-hasevent-mq-prefixedcssvalue-prefixes-setclasses-testallprops-testprop-teststyles !*/ 3 | !function(e,t,n){function r(e,t){return typeof e===t}function o(){var e,t,n,o,i,s,a;for(var l in C)if(C.hasOwnProperty(l)){if(e=[],t=C[l],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;nd;d++)if(h=e[d],v=N.style[h],f(h,"-")&&(h=m(h)),N.style[h]!==n){if(i||r(o,"undefined"))return s(),"pfx"==t?h:!0;try{N.style[h]=o}catch(g){}if(N.style[h]!=v)return s(),"pfx"==t?h:!0}return s(),!1}function v(e,t){return function(){return e.apply(t,arguments)}}function A(e,t,n){var o;for(var i in e)if(e[i]in t)return n===!1?e[i]:(o=t[e[i]],r(o,"function")?v(o,n||t):o);return!1}function g(e,t,n,o,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+O.join(s+" ")+s).split(" ");return r(t,"string")||r(t,"undefined")?h(a,t,o,i):(a=(e+" "+T.join(s+" ")+s).split(" "),A(a,t,n))}function y(e,t,r){return g(e,n,n,t,r)}var C=[],b={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){C.push({name:e,fn:t,options:n})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=b,Modernizr=new Modernizr;var w=[],S=t.documentElement,x="svg"===S.nodeName.toLowerCase(),_="Moz O ms Webkit",T=b._config.usePrefixes?_.toLowerCase().split(" "):[];b._domPrefixes=T;var E=b._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];b._prefixes=E;var P;!function(){var e={}.hasOwnProperty;P=r(e,"undefined")||r(e.call,"undefined")?function(e,t){return t in e&&r(e.constructor.prototype[t],"undefined")}:function(t,n){return e.call(t,n)}}(),b._l={},b.on=function(e,t){this._l[e]||(this._l[e]=[]),this._l[e].push(t),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},b._trigger=function(e,t){if(this._l[e]){var n=this._l[e];setTimeout(function(){var e,r;for(e=0;en;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}(); 10 | 11 | -------------------------------------------------------------------------------- /js/style-customizer.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery Cookie Plugin v1.4.1 3 | * https://github.com/carhartl/jquery-cookie 4 | * 5 | * Copyright 2006, 2014 Klaus Hartl 6 | * Released under the MIT license 7 | */ 8 | 9 | !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){function c(a){return h.raw?a:encodeURIComponent(a)}function d(a){return h.raw?a:decodeURIComponent(a)}function e(a){return c(h.json?JSON.stringify(a):String(a))}function f(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(b," ")),h.json?JSON.parse(a):a}catch(c){}}function g(b,c){var d=h.raw?b:f(b);return a.isFunction(c)?c(d):d}var b=/\+/g,h=a.cookie=function(b,f,i){if(arguments.length>1&&!a.isFunction(f)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[c(b),"=",e(f),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=b?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=d(p.shift()),r=p.join("=");if(b&&b===q){l=g(r,f);break}b||void 0===(r=g(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}}); 10 | 11 | 12 | /* 13 | 14 | Template Name: 15 | Template URI: 16 | Description: 17 | Author URI: 18 | Version: 1.0 19 | 20 | NOTE: This is js of style customizer, This file Change the styling of color, 21 | backgrond patterns, Background images and box layout of the actual Template. 22 | so you can change as your requirement. 23 | 24 | */ 25 | 26 | /* style-customizer */ 27 | 28 | 29 | jQuery(document).ready(function($) { 30 | 31 | /************************* 32 | Left sidebar 33 | *************************/ 34 | style_switcher = $('.style-customizer'), 35 | panelWidth = style_switcher.outerWidth(true); 36 | $('.style-customizer .opener').on("click", function(){ 37 | var $this = $(this); 38 | if ($(".style-customizer.closed").length>0) { 39 | style_switcher.animate({"left" : "0px"}); 40 | $(".style-customizer.closed").removeClass("closed"); 41 | $(".style-customizer").addClass("opened"); 42 | } else { 43 | $(".style-customizer.opened").removeClass("opened"); 44 | $(".style-customizer").addClass("closed"); 45 | style_switcher.animate({"left" : '-' + panelWidth}); 46 | } 47 | return false; 48 | }); 49 | 50 | /************************* 51 | style change 52 | *************************/ 53 | var link = $('link[data-style="styles"]'), 54 | link_no_cookie = $('link[data-style="styles-no-cookie"]'); 55 | 56 | /**************************************** 57 | Resume from last selected style 58 | ****************************************/ 59 | var tp_stylesheet = $.cookie('tp_stylesheet'), 60 | footer_bg = $.cookie('footer_bg'), 61 | customizer_mode = $.cookie('customizer_mode'), 62 | pattern = $.cookie('pattern'); 63 | 64 | $(".style-customizer .selected").removeClass("selected"); 65 | if (!($.cookie('tp_stylesheet'))) { 66 | $.cookie('tp_stylesheet', 'skin-default', 30); 67 | tp_stylesheet = $.cookie('tp_stylesheet'); 68 | $('.style-customizer .styleChange li[data-style="'+tp_stylesheet+'"]').addClass("selected"); 69 | } else { 70 | if (link.length>0) { 71 | link.attr('href','css/color/' + tp_stylesheet + '.css'); 72 | $('.style-customizer .styleChange li[data-style="'+tp_stylesheet+'"]').addClass("selected"); 73 | if ($(".swicher-title-page-dark").length>0) { 74 | document.getElementById("logo_img").src="images/customizer/logo/logo_dark_swicher-title_" + tp_stylesheet + ".png"; 75 | } else { 76 | if ($("#logo_img").length>0) { 77 | document.getElementById("logo_img").src="images/customizer/logo/logo_" + tp_stylesheet + ".png"; 78 | }; 79 | if ($("#logo_dark_img").length>0) { 80 | document.getElementById("logo_dark_img").src="images/customizer/logo/dark/logo_" + tp_stylesheet + ".png"; 81 | }; 82 | if ($("#logo-footer").length>0) { 83 | document.getElementById("logo-footer").src="images/customizer/logo/logo_" + tp_stylesheet + ".png"; 84 | }; 85 | }; 86 | }; 87 | }; 88 | 89 | if (!($.cookie('customizer_mode'))) { 90 | $.cookie('customizer_mode', 'wide-layout', 30); 91 | customizer_mode = $.cookie('customizer_mode'); 92 | $("body").addClass(customizer_mode); 93 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').addClass("selected"); 94 | } else { 95 | if (customizer_mode=="boxed-layout") { 96 | $("body").addClass(customizer_mode); 97 | $("body").removeClass("wide-layout"); 98 | $('.style-customizer .layoutstyle li[data-style="boxed-layout"]').addClass("selected"); 99 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').removeClass("selected"); 100 | $(".owl-carousel .container").css("marginLeft", "0"); 101 | } else { 102 | $("body").addClass(customizer_mode); 103 | $("body").removeClass("boxed-layout pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 104 | 105 | $('.style-customizer .layoutstyle li[data-style="boxed-layout"]').removeClass("selected"); 106 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').addClass("selected"); 107 | $(".owl-carousel .container").css("marginLeft", "auto"); 108 | }; 109 | }; 110 | 111 | if ((customizer_mode =="boxed-layout") && $.cookie('pattern')) { 112 | $('.style-customizer .patternChange li[data-style="'+pattern+'"]').addClass("selected"); 113 | $("body").removeClass("pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 114 | 115 | $("body").addClass(pattern); 116 | } else if (customizer_mode =="boxed-layout") { 117 | $("body").removeClass("pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 118 | 119 | $('.style-customizer .patternChange li[data-style="pattern-0"]').addClass("selected"); 120 | } else { 121 | $('.style-customizer .patternChange li.selected').removeClass("selected"); 122 | $("body").removeClass("pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 123 | 124 | }; 125 | 126 | /************************* 127 | Color Changer 128 | *************************/ 129 | $('.style-customizer .styleChange li').on('click',function(){ 130 | if (link.length>0) { 131 | var $this = $(this), 132 | tp_stylesheet = $this.data('style'); 133 | $(".style-customizer .styleChange .selected").removeClass("selected"); 134 | $this.addClass("selected"); 135 | link.attr('href', 'css/color/' + tp_stylesheet + '.css'); 136 | if ($(".swicher-title-page-dark").length>0) { 137 | document.getElementById("logo_img").src="images/customizer/logo/logo_dark_swicher-title_" + tp_stylesheet + ".png"; 138 | } else { 139 | if ($("#logo_img").length>0) { 140 | document.getElementById("logo_img").src="images/customizer/logo/logo_" + tp_stylesheet + ".png"; 141 | }; 142 | if ($("#logo_dark_img").length>0) { 143 | document.getElementById("logo_dark_img").src="images/customizer/logo/dark/logo_" + tp_stylesheet + ".png"; 144 | }; 145 | if ($("#logo-footer").length>0) { 146 | document.getElementById("logo-footer").src="images/customizer/logo/logo_" + tp_stylesheet + ".png"; 147 | }; 148 | }; 149 | $.cookie('tp_stylesheet', tp_stylesheet, 30); 150 | } else { 151 | var $this = $(this), 152 | tp_stylesheet_no_cookie = $this.data('style'); 153 | $(".style-customizer .styleChange .selected").removeClass("selected"); 154 | $this.addClass("selected"); 155 | link_no_cookie.attr('href', 'css/color/' + tp_stylesheet_no_cookie + '.css'); 156 | if ($(".swicher-title-page-dark").length>0) { 157 | document.getElementById("logo_img").src="images/customizer/logo/logo_dark_swicher-title_" + tp_stylesheet_no_cookie + ".png"; 158 | } else { 159 | if ($("#logo_img").length>0) { 160 | document.getElementById("logo_img").src="images/customizer/logo/logo_" + tp_stylesheet_no_cookie + ".png"; 161 | }; 162 | if ($("#logo_dark_img").length>0) { 163 | document.getElementById("logo_dark_img").src="images/customizer/logo/dark/logo_" + tp_stylesheet_no_cookie + ".png"; 164 | }; 165 | if ($("#logo-footer").length>0) { 166 | document.getElementById("logo-footer").src="images/customizer/logo/logo_" + tp_stylesheet_no_cookie + ".png"; 167 | }; 168 | }; 169 | }; 170 | }); 171 | 172 | 173 | /************************* 174 | Patterns Changer 175 | *************************/ 176 | $('.style-customizer .patternChange li').on('click',function(){ 177 | var $this = $(this), 178 | pattern = $this.data('style'); 179 | $(".style-customizer .patternChange .selected").removeClass("selected"); 180 | $this.addClass("selected"); 181 | $("body").removeClass("pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 182 | 183 | $("body").addClass(pattern); 184 | $("body").addClass("boxed-layout"); 185 | $('.style-customizer .layoutstyle li[data-style="boxed-layout"]').addClass("selected"); 186 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').removeClass("selected"); 187 | $(".owl-carousel .container").css("marginLeft", "0"); 188 | $(".style-customizer select").val("boxed-layout"); 189 | $.cookie('pattern', pattern, 30); 190 | $.cookie('customizer_mode', 'boxed-layout', 30); 191 | $(window).trigger('resize'); 192 | }); 193 | 194 | 195 | /********************************************* 196 | layout Changer (boxed Layout) 197 | **********************************************/ 198 | $('.style-customizer .layoutstyle li.boxed-layout').on('click',function(){ 199 | $("body").addClass("boxed-layout"); 200 | $("body").removeClass("wide-layout"); 201 | $('.style-customizer .layoutstyle li[data-style="boxed-layout"]').addClass("selected"); 202 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').removeClass("selected"); 203 | $(".owl-carousel .container").css("marginLeft", "0"); 204 | $.cookie('customizer_mode', 'boxed-layout', 30); 205 | if ($.cookie('pattern')) { 206 | var pattern = $.cookie('pattern'); 207 | $('.style-customizer .patternChange li[data-style="'+pattern+'"]').addClass("selected"); 208 | $("body").removeClass("pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 209 | 210 | $("body").addClass(pattern); 211 | } else { 212 | $('.style-customizer .patternChange li[data-style="pattern-0"]').addClass("selected"); 213 | } 214 | $(window).trigger('resize'); 215 | 216 | }); 217 | 218 | /********************************************* 219 | layout Changer (Wide Layout) 220 | **********************************************/ 221 | $('.style-customizer .layoutstyle li.wide-layout').on('click',function(){ 222 | $("body").addClass("wide-layout"); 223 | $("body").removeClass("boxed-layout pattern-0 pattern-1 main-bg-1 main-bg-2"); 224 | $("body").removeClass(""); 225 | $('.style-customizer .layoutstyle li[data-style="boxed-layout"]').removeClass("selected"); 226 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').addClass("selected"); 227 | $(".owl-carousel .container").css("marginLeft", "auto"); 228 | $('.style-customizer .patternChange li.selected').removeClass("selected"); 229 | $.cookie('customizer_mode', 'wide-layout', 30); 230 | $(window).trigger('resize'); 231 | }); 232 | 233 | 234 | /************************************** 235 | Reset all customize styles 236 | **************************************/ 237 | $('.style-customizer .resetAll li a.button-reset').on('click',function() { 238 | $.cookie('customizer_mode', 'wide-layout', 30); 239 | $("body").addClass("wide-layout"); 240 | $("body").removeClass("boxed-layout"); 241 | $('.style-customizer .layoutstyle li[data-style="boxed-layout"]').removeClass("selected"); 242 | $('.style-customizer .layoutstyle li[data-style="wide-layout"]').addClass("selected"); 243 | $(".owl-carousel .container").css("marginLeft", "auto"); 244 | $('.style-customizer .patternChange li.selected').removeClass("selected"); 245 | 246 | //patterns and backgrond change 247 | $.cookie('pattern', 'pattern-0', 30); 248 | $("body").removeClass("reset pattern-0 pattern-1 pattern-2 main-bg-1 main-bg-2"); 249 | $(".style-customizer .patternChange .selected").removeClass("selected"); 250 | 251 | //Logo change 252 | $.cookie('tp_stylesheet', 'skin-default', 30); 253 | var tp_stylesheet = 'skin-default'; 254 | $('.style-customizer .styleChange li.selected').removeClass("selected"); 255 | $('.style-customizer .styleChange li[data-style="'+tp_stylesheet+'"]').addClass("selected"); 256 | link.attr('href', 'css/color/' + tp_stylesheet + '.css'); 257 | if ($("#logo_img").length>0) { 258 | document.getElementById("logo_img").src="images/customizer/logo/logo_" + tp_stylesheet + ".png"; 259 | }; 260 | if ($("#logo_dark_img").length>0) { 261 | document.getElementById("logo_dark_img").src="images/customizer/logo/dark/logo_" + tp_stylesheet + ".png"; 262 | }; 263 | if ($("#logo-footer").length>0) { 264 | document.getElementById("logo-footer").src="images/customizer/logo/logo_" + tp_stylesheet + ".png"; 265 | }; 266 | $(window).trigger('resize'); 267 | $('.desktopTopFixed').removeClass('desktopTopFixed'); 268 | }); 269 | 270 | }); 271 | -------------------------------------------------------------------------------- /css/style-customizer.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Template Name: Asbab eCommerce HTML5 Template. 4 | Template URI: # 5 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites. 6 | Author: HasTech 7 | Author URI: https://themeforest.net/user/hastech/portfolio 8 | Version: 1.0 9 | 10 | */ 11 | 12 | div.style-customizer { 13 | background-color: #fff; 14 | color: #262626; 15 | width: 300px; 16 | position: fixed; 17 | top: 0; 18 | z-index: 999999; 19 | left: -300px; 20 | box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14); 21 | height: 100%; 22 | bottom: 0; 23 | } 24 | 25 | .style-customizer a.button:hover { 26 | color:#95c41f; 27 | } 28 | 29 | .style-customizer.closed { 30 | box-shadow: none; 31 | } 32 | 33 | .style-customizer a.button:hover:after { 34 | z-index: -1; 35 | } 36 | 37 | .style-customizer a.button { 38 | z-index: 9; 39 | } 40 | 41 | 42 | .style-customizer a.button.button-border { 43 | background: #95c41f none repeat scroll 0 0; 44 | border: 1px solid transparent; 45 | color: #fff; 46 | display: inline-block; 47 | font-size: 15px; 48 | font-weight: 700; 49 | height: 45px; 50 | line-height: 45px; 51 | margin-bottom: 40px; 52 | text-transform: uppercase; 53 | width: 100%; 54 | } 55 | .style-customizer a.button.button-border:hover { 56 | background: transparent none repeat scroll 0 0; 57 | border: 1px solid #95e41f; 58 | } 59 | 60 | div.style-customizer .buy-button { 61 | padding: 30px 80px 1px; 62 | text-align: center; 63 | display: inline-block; 64 | z-index: 2; 65 | position: absolute; 66 | background: #fff; 67 | width: 100%; 68 | } 69 | 70 | div.style-customizer .content-chooser { 71 | padding: 90px 22px 30px 30px; 72 | overflow-x: hidden; 73 | overflow-y: auto; 74 | height: 100%; 75 | position: absolute; 76 | background-color: #ffffff; 77 | border-top: none; 78 | } 79 | 80 | div.style-customizer.opened .content-chooser { 81 | opacity: 1; 82 | } 83 | 84 | .content-chooser p { 85 | margin-bottom: 10px; 86 | } 87 | 88 | div.style-customizer h2 { 89 | margin: 0; 90 | font-size: 18px; 91 | } 92 | 93 | div.style-customizer h3 { 94 | font-size: 16px; 95 | margin-top: 30px; 96 | line-height: 15px; 97 | } 98 | 99 | div.style-customizer hr { 100 | margin: 15px 0; 101 | } 102 | 103 | div.style-customizer hr + h3 { 104 | margin-top: 0; 105 | } 106 | 107 | div.style-customizer a.opener { 108 | display: block; 109 | height: 45px; 110 | position: absolute; 111 | left: 300px; 112 | top: 200px; 113 | background: #fff; 114 | width: 45px; 115 | font-size: 20px; 116 | color: #777777; 117 | text-align: center; 118 | text-decoration: none; 119 | box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.14), -1px 0 3px 0 rgba(0, 0, 0, 0.14); 120 | } 121 | div.style-customizer a.opener i { 122 | line-height: 45px; 123 | } 124 | div.style-customizer.opened a.opener { 125 | right: -45px; 126 | border-color: transparent; 127 | } 128 | 129 | div.style-customizer ul { 130 | list-style: none; 131 | margin: 0; 132 | padding: 5px 0 0 0; 133 | font-size: 0; 134 | } 135 | 136 | div.style-customizer ul li { 137 | cursor: pointer; 138 | display: inline-block; 139 | float: left; 140 | height: 25px; 141 | margin: 0 2px 3px 0; 142 | position: relative; 143 | transition: all 0.3s linear 0s; 144 | width: 23%; 145 | } 146 | div.style-customizer ul.layoutstyle li { 147 | background-color: #f1f1f1; 148 | border: 1px solid #ccc; 149 | color: #666666; 150 | font-size: 13px; 151 | font-weight: 700; 152 | height: 30px; 153 | line-height: 28px; 154 | padding-right: 5px; 155 | text-align: center; 156 | width: 49%; 157 | } 158 | div.style-customizer ul.layoutstyle li:hover { 159 | background-color: #95c41f; 160 | color: #fff; 161 | } 162 | 163 | div.style-customizer ul.layoutstyle li i { 164 | color: #cccccc; 165 | font-size: 11px; 166 | } 167 | 168 | div.style-customizer ul.layoutstyle li.selected { 169 | border: 1px solid #aaaaaa; 170 | } 171 | 172 | div.style-customizer ul.layoutstyle li.selected i { 173 | color: #666666; 174 | } 175 | 176 | div.style-customizer ul.footerChange li { 177 | width: 45%; 178 | height: 30px; 179 | margin-right: 5px; 180 | font-size: 13px; 181 | padding: 6px 14px 0; 182 | } 183 | 184 | div.style-customizer ul.footerChange li.dark { 185 | color: #f1f1f1; 186 | background-color: #262626; 187 | } 188 | 189 | div.style-customizer ul.footerChange li.light { 190 | color: #333333; 191 | background-color: #f7f7f7; 192 | } 193 | 194 | div.style-customizer ul.footerChange li i { 195 | width: 20px; 196 | } 197 | div.style-customizer ul.patternChange li { 198 | border: 1px solid #ccc; 199 | } 200 | div.style-customizer ul.patternChange li.pattern-0.selected:after, 201 | div.style-customizer ul.patternChange li.pattern-1.selected:after, 202 | div.style-customizer ul.patternChange li.pattern-2.selected:after, 203 | div.style-customizer ul.patternChange li.pattern-3.selected:after, 204 | div.style-customizer ul.patternChange li.pattern-4.selected:after { 205 | color: #333333; 206 | } 207 | 208 | div.style-customizer ul.patternChange li.selected:after { 209 | color: #ffffff; 210 | } 211 | 212 | div.style-customizer ul li.selected { 213 | border: 1px solid #000; 214 | } 215 | 216 | div.style-customizer ul.resetAll li { 217 | width: 100%; 218 | padding: 6px 0; 219 | min-width: 0; 220 | text-align: center; 221 | margin-top: 30px; 222 | } 223 | 224 | div.style-customizer .btn a { 225 | text-decoration: none; 226 | color: #ffffff; 227 | } 228 | 229 | div.style-customizer select { 230 | width: 100%; 231 | padding: 5px; 232 | border: 1px solid #b2bfca; 233 | } 234 | 235 | 236 | /*Color Skins*/ 237 | 238 | div.style-customizer .skin-default { 239 | background: #14b1bb; /*1*/ 240 | } 241 | div.style-customizer .skin-amber { 242 | background: #ff1744; /*2*/ 243 | } 244 | div.style-customizer .skin-blue-grey { 245 | background: #607d8b; /*3*/ 246 | } 247 | div.style-customizer .skin-blue { 248 | background: #1a237e; /*4*/ 249 | } 250 | div.style-customizer .skin-cyan { 251 | background: #006064; /*5*/ 252 | } 253 | div.style-customizer .skin-green-dark { 254 | background: #006400; /*6*/ 255 | } 256 | div.style-customizer .skin-green { 257 | background: #4caf50; /*7*/ 258 | } 259 | div.style-customizer .skin-maroon { 260 | background: #800000; /*8*/ 261 | } 262 | div.style-customizer .skin-orenge { 263 | background: #ff7f00; /*9*/ 264 | } 265 | div.style-customizer .skin-pink { 266 | background: #FFC0CB; /*10*/ 267 | } 268 | div.style-customizer .skin-purple { 269 | background: #aa00ff; /*11*/ 270 | } 271 | div.style-customizer .skin-teal { 272 | background: #2395ec; /*12*/ 273 | } 274 | 275 | 276 | /*Background Patterns*/ 277 | 278 | .pattern-1 { 279 | background-image: url("../images/customizer/pattern/1.png"); 280 | } 281 | .pattern-2 { 282 | background-image: url("../images/customizer/pattern/2.png"); 283 | } 284 | .pattern-3 { 285 | background-image: url("../images/customizer/pattern/3.png"); 286 | } 287 | .pattern-4 { 288 | background-image: url("../images/customizer/pattern/4.png"); 289 | } 290 | .pattern-5 { 291 | background-image: url("../images/customizer/pattern/5.png"); 292 | } 293 | .pattern-6 { 294 | background-image: url("../images/customizer/pattern/6.png"); 295 | } 296 | .pattern-7 { 297 | background-image: url("../images/customizer/pattern/7.png"); 298 | } 299 | .pattern-8 { 300 | background-image: url("../images/customizer/pattern/8.png"); 301 | } 302 | 303 | /*Background Images*/ 304 | 305 | .main-bg-change li { 306 | overflow: hidden; 307 | } 308 | 309 | .main-bg-change li img { 310 | height: 100%; 311 | width: 100%; 312 | } 313 | 314 | .main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 { 315 | background-image: url("../images/customizer/bodybg/01.jpg"); 316 | background-repeat: no-repeat; 317 | background-attachment: fixed; 318 | background-size: cover; 319 | position: relative; 320 | } 321 | 322 | .main-bg-2 { 323 | background-image: url("../images/customizer/bodybg/02.jpg"); 324 | } 325 | .main-bg-3 { 326 | background-image: url("../images/customizer/bodybg/03.jpg"); 327 | } 328 | .main-bg-4 { 329 | background-image: url("../images/customizer/bodybg/04.jpg"); 330 | } 331 | .main-bg-5 { 332 | background-image: url("../images/customizer/bodybg/05.jpg"); 333 | } 334 | .main-bg-6 { 335 | background-image: url("../images/customizer/bodybg/06.jpg"); 336 | } 337 | .main-bg-7 { 338 | background-image: url("../images/customizer/bodybg/07.jpg"); 339 | } 340 | .main-bg-8 { 341 | background-image: url("../images/customizer/bodybg/08.jpg"); 342 | } 343 | 344 | 345 | 346 | /*extra*/ 347 | 348 | 349 | /*home-2*/ 350 | 351 | .boxed-layout .move-carousel { 352 | top: 9%; 353 | padding: 0px 0px 0px 35px; 354 | } 355 | 356 | .boxed-layout .awesome-features .awesome-features-device img { 357 | left: -440px; 358 | } 359 | 360 | .boxed-layout #video-background { 361 | height: 350px; 362 | } 363 | 364 | .boxed-layout #video-background .page-section-pt { 365 | padding: 60px 0px; 366 | } 367 | 368 | .boxed-layout #video-background .our-skills.bg-opacity-black-50.page-section-pt { 369 | padding: 75px 0; 370 | } 371 | 372 | .boxed-layout.home-2 .portfolio-info { 373 | display: none; 374 | } 375 | 376 | .boxed-layout.home-2 .owl-carousel-8 .owl-nav .owl-prev { 377 | left: 50%; 378 | } 379 | 380 | .boxed-layout.home-2 .owl-carousel-8 .owl-nav .owl-next { 381 | right: 50%; 382 | } 383 | 384 | .boxed-layout.home-2 .owl-carousel-8 .owl-controls { 385 | top: 20px; 386 | } 387 | 388 | .boxed-layout.home-2 .owl-carousel-8 .owl-nav i { 389 | color: #323232; 390 | } 391 | 392 | .boxed-layout.home-2 .owl-carousel-8 .owl-nav i:hover { 393 | background: transparent; 394 | } 395 | 396 | 397 | /*home-3*/ 398 | 399 | .boxed-layout.home-3 .portfolio .portfolio-item .portfolio-overlay a { 400 | font-size: 12px; 401 | line-height: 25px; 402 | width: 25px; 403 | height: 25px; 404 | margin-left: 5px; 405 | } 406 | 407 | .boxed-layout.home-3 .portfolio .full-screen .portfolio-item .portfolio-overlay { 408 | top: -20px; 409 | } 410 | 411 | .boxed-layout.home-3 .portfolio .portfolio-item .portfolio-overlay span a { 412 | width: inherit; 413 | height: inherit; 414 | line-height: inherit; 415 | font-size: 14px; 416 | } 417 | 418 | .boxed-layout.home-3 .full-screen .portfolio-item .portfolio-overlay a i { 419 | font-size: 12px; 420 | } 421 | 422 | .boxed-layout.home-3 .portfolio-item .portfolio-overlay i { 423 | padding-left: 0px; 424 | } 425 | 426 | .boxed-layout.home-3 .feature-9 { 427 | height: 300px; 428 | } 429 | 430 | .boxed-layout.home-3 .feature-9:hover .feature-9-icon { 431 | right: 26%; 432 | } 433 | 434 | .boxed-layout.home-3 .custom-content li { 435 | line-height: 26px; 436 | } 437 | 438 | 439 | /*home-4*/ 440 | 441 | .boxed-layout .slider-fade-carousel .slider-contents { 442 | padding-left: 86px; 443 | } 444 | 445 | .boxed-layout .slider-fade-carousel .slider-contents h1 { 446 | font-size: 56px; 447 | } 448 | 449 | .boxed-layout.home-4 .mega-menu .menu-links > li:last-child { 450 | padding-right: 40px; 451 | } 452 | 453 | .boxed-layout.home-4 .our-blog .blog-box-info { 454 | padding: 20px 40px; 455 | max-height: 231px; 456 | } 457 | 458 | .boxed-layout.home-4 .our-blog .blog-box-info span.text-white { 459 | display: none; 460 | } 461 | 462 | .boxed-layout.home-4 .our-blog .blog-box-info p.pt-30.pb-20 { 463 | padding-bottom: 0px !important; 464 | padding-top: 10px !important; 465 | } 466 | 467 | .boxed-layout.home-4 .our-blog .blog-box-image { 468 | max-height: 231px; 469 | } 470 | 471 | .boxed-layout.home-4 .mega-menu .drop-down-multilevel.right-menu { 472 | right: 76px; 473 | } 474 | 475 | .boxed-layout .contact-3-info .contact-add p { 476 | font-size: 12px; 477 | } 478 | 479 | 480 | /*Box Layout Responsive*/ 481 | 482 | @media (min-width: 768px) { 483 | .boxed-layout .page-wrapper { 484 | width: 750px; 485 | } 486 | .boxed-layout.page-wrapper { 487 | width: 750px; 488 | } 489 | } 490 | 491 | @media (min-width: 992px) { 492 | .boxed-layout .page-wrapper { 493 | width: 970px; 494 | } 495 | .boxed-layout.page-wrapper { 496 | width: 970px; 497 | } 498 | } 499 | 500 | @media (min-width: 1200px) { 501 | .boxed-layout .page-wrapper { 502 | width: 1240px; 503 | } 504 | .boxed-layout.page-wrapper { 505 | width: 1240px; 506 | } 507 | } 508 | 509 | .boxed-layout .fullscreen-bg { 510 | background: rgba(0, 0, 0, 0) none repeat scroll 0 0; 511 | } 512 | 513 | .white-bg { 514 | background-color: #fff; 515 | } 516 | 517 | .patternChange .main-bg-change li.main-bg-1 { 518 | background-image: url("../images/main-bg-0.jpg"); 519 | } 520 | 521 | @media( max-width:992px) { 522 | .style-customizer { 523 | display: none !important; 524 | } 525 | .boxed-layout .page-wrapper { 526 | width: inherit; 527 | } 528 | .boxed-layout.page-wrapper { 529 | width: inherit; 530 | } 531 | } 532 | 533 | .customizer-logo { 534 | display: block; 535 | margin-bottom: 20px; 536 | } -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | /*----------------------------------------------------------------------------------- 2 | 3 | Template Name: Asbab eCommerce HTML5 Template. 4 | Template URI: # 5 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites. 6 | Author: HasTech 7 | Author URI: https://themeforest.net/user/hastech/portfolio 8 | Version: 1.0 9 | 10 | -----------------------------------------------------------------------------------*/ 11 | 12 | /*------------------------------- 13 | [ Table of contents ] 14 | --------------------------------- 15 | 01. jQuery MeanMenu 16 | 02. wow js active 17 | 03. Product Masonry (width) 18 | 04. Sticky Header 19 | 05. ScrollUp 20 | 06. Search Bar 21 | 07. Shopping Cart Area 22 | 08. Filter Area 23 | 09. Toogle Menu 24 | 10. User Menu 25 | 11. Menu 26 | 12. Menu Dropdown 27 | 13. Overlay Close 28 | 14. Testimonial Image Slider As Nav 29 | 15. Brand Area 30 | 16. Price Slider Active 31 | 17. Accordion 32 | 18. Ship to another 33 | 19. Payment credit card 34 | 20 Slider Activations 35 | 36 | 37 | 38 | /*-------------------------------- 39 | [ End table content ] 40 | -----------------------------------*/ 41 | 42 | 43 | (function($) { 44 | 'use strict'; 45 | 46 | 47 | /*------------------------------------------- 48 | 01. jQuery MeanMenu 49 | --------------------------------------------- */ 50 | 51 | $('.mobile-menu nav').meanmenu({ 52 | meanMenuContainer: '.mobile-menu-area', 53 | meanScreenWidth: "991", 54 | meanRevealPosition: "right", 55 | }); 56 | 57 | /*------------------------------------------- 58 | 02. wow js active 59 | --------------------------------------------- */ 60 | 61 | new WOW().init(); 62 | 63 | 64 | /*------------------------------------------- 65 | 03. Product Masonry (width) 66 | --------------------------------------------- */ 67 | 68 | $('.htc__product__container').imagesLoaded( function() { 69 | 70 | // filter items on button click 71 | $('.product__menu').on( 'click', 'button', function() { 72 | var filterValue = $(this).attr('data-filter'); 73 | $grid.isotope({ filter: filterValue }); 74 | }); 75 | // init Isotope 76 | var $grid = $('.product__list').isotope({ 77 | itemSelector: '.single__pro', 78 | percentPosition: true, 79 | transitionDuration: '0.7s', 80 | masonry: { 81 | // use outer width of grid-sizer for columnWidth 82 | columnWidth: '.single__pro', 83 | } 84 | }); 85 | 86 | }); 87 | 88 | $('.product__menu button').on('click', function(event) { 89 | $(this).siblings('.is-checked').removeClass('is-checked'); 90 | $(this).addClass('is-checked'); 91 | event.preventDefault(); 92 | }); 93 | 94 | 95 | 96 | /*------------------------------------------- 97 | 04. Sticky Header 98 | --------------------------------------------- */ 99 | var win = $(window); 100 | var sticky_id = $("#sticky-header-with-topbar"); 101 | win.on('scroll',function() { 102 | var scroll = win.scrollTop(); 103 | if (scroll < 245) { 104 | sticky_id.removeClass("scroll-header"); 105 | }else{ 106 | sticky_id.addClass("scroll-header"); 107 | } 108 | }); 109 | 110 | /*-------------------------- 111 | 05. ScrollUp 112 | ---------------------------- */ 113 | $.scrollUp({ 114 | scrollText: '', 115 | easingType: 'linear', 116 | scrollSpeed: 900, 117 | animation: 'fade' 118 | }); 119 | 120 | 121 | /*------------------------------------ 122 | 06. Search Bar 123 | --------------------------------------*/ 124 | 125 | $( '.search__open' ).on( 'click', function () { 126 | $( 'body' ).toggleClass( 'search__box__show__hide' ); 127 | return false; 128 | }); 129 | 130 | $( '.search__close__btn .search__close__btn_icon' ).on( 'click', function () { 131 | $( 'body' ).toggleClass( 'search__box__show__hide' ); 132 | return false; 133 | }); 134 | 135 | 136 | /*------------------------------------ 137 | 07. Shopping Cart Area 138 | --------------------------------------*/ 139 | 140 | $('.cart__menu').on('click', function(e) { 141 | e.preventDefault(); 142 | $('.shopping__cart').addClass('shopping__cart__on'); 143 | $('.body__overlay').addClass('is-visible'); 144 | 145 | }); 146 | 147 | $('.offsetmenu__close__btn').on('click', function(e) { 148 | e.preventDefault(); 149 | $('.shopping__cart').removeClass('shopping__cart__on'); 150 | $('.body__overlay').removeClass('is-visible'); 151 | }); 152 | 153 | 154 | /*------------------------------------ 155 | 08. Filter Area 156 | --------------------------------------*/ 157 | 158 | $('.filter__menu').on('click', function(e) { 159 | e.preventDefault(); 160 | $('.filter__wrap').addClass('filter__menu__on'); 161 | $('.body__overlay').addClass('is-visible'); 162 | 163 | }); 164 | 165 | $('.filter__menu__close__btn').on('click', function(e) { 166 | e.preventDefault(); 167 | $('.filter__wrap').removeClass('filter__menu__on'); 168 | $('.body__overlay').removeClass('is-visible'); 169 | }); 170 | 171 | 172 | /*------------------------------------ 173 | 09. Toogle Menu 174 | --------------------------------------*/ 175 | 176 | $('.toggle__menu').on('click', function(e) { 177 | e.preventDefault(); 178 | $('.offsetmenu').addClass('offsetmenu__on'); 179 | $('.body__overlay').addClass('is-visible'); 180 | 181 | }); 182 | 183 | $('.offsetmenu__close__btn').on('click', function(e) { 184 | e.preventDefault(); 185 | $('.offsetmenu').removeClass('offsetmenu__on'); 186 | $('.body__overlay').removeClass('is-visible'); 187 | }); 188 | 189 | 190 | /*------------------------------------ 191 | 10. User Menu 192 | --------------------------------------*/ 193 | 194 | $('.user__menu').on('click', function(e) { 195 | e.preventDefault(); 196 | $('.user__meta').addClass('user__meta__on'); 197 | $('.body__overlay').addClass('is-visible'); 198 | 199 | }); 200 | 201 | $('.offsetmenu__close__btn').on('click', function(e) { 202 | e.preventDefault(); 203 | $('.user__meta').removeClass('user__meta__on'); 204 | $('.body__overlay').removeClass('is-visible'); 205 | }); 206 | 207 | 208 | 209 | /*------------------------------------ 210 | 11. Menu 211 | --------------------------------------*/ 212 | 213 | $('.menu__click').on('click', function(e) { 214 | e.preventDefault(); 215 | $('.off__canvars__wrap').addClass('off__canvars__wrap__on'); 216 | $('.body__overlay').addClass('is-visible'); 217 | $('body').addClass('off__canvars__open'); 218 | $(this).hide(); 219 | }); 220 | 221 | $('.menu__close__btn').on('click', function() { 222 | $('.off__canvars__wrap').removeClass('off__canvars__wrap__on'); 223 | $('.body__overlay').removeClass('is-visible'); 224 | $('body').removeClass('off__canvars__open'); 225 | $('.menu__click').show(); 226 | }); 227 | 228 | 229 | /*------------------------------------ 230 | 12. Menu Dropdown 231 | --------------------------------------*/ 232 | function offCanvasMenuDropdown(){ 233 | 234 | $('.off__canvars__dropdown-menu').hide(); 235 | 236 | $('.off__canvars__dropdown > a').on('click', function(e){ 237 | e.preventDefault(); 238 | 239 | $(this).find('i.zmdi').toggleClass('zmdi-chevron-up'); 240 | $(this).siblings('.off__canvars__dropdown-menu').slideToggle(); 241 | return false; 242 | }); 243 | } 244 | offCanvasMenuDropdown(); 245 | 246 | 247 | /*------------------------------------ 248 | 13. Overlay Close 249 | --------------------------------------*/ 250 | 251 | $('.body__overlay').on('click', function() { 252 | $(this).removeClass('is-visible'); 253 | $('.offsetmenu').removeClass('offsetmenu__on'); 254 | $('.shopping__cart').removeClass('shopping__cart__on'); 255 | $('.filter__wrap').removeClass('filter__menu__on'); 256 | $('.user__meta').removeClass('user__meta__on'); 257 | $('.off__canvars__wrap').removeClass('off__canvars__wrap__on'); 258 | $('body').removeClass('off__canvars__open'); 259 | $('.menu__click').show(); 260 | }); 261 | 262 | 263 | /*--------------------------------------------------- 264 | 14. Testimonial Image Slider As Nav 265 | ---------------------------------------------------*/ 266 | 267 | $('.ht__testimonial__activation').slick({ 268 | slidesToShow: 2, 269 | slidesToScroll: 1, 270 | swipeToSlide: true, 271 | dots: false, 272 | centerMode: true, 273 | focusOnSelect: true, 274 | centerPadding: '10px', 275 | responsive: [ 276 | { 277 | breakpoint: 600, 278 | settings: { 279 | dots: false, 280 | slidesToShow: 1, 281 | slidesToScroll: 1, 282 | centerPadding: '10px', 283 | } 284 | }, 285 | { 286 | breakpoint: 320, 287 | settings: { 288 | autoplay: true, 289 | dots: false, 290 | slidesToShow: 1, 291 | slidesToScroll: 1, 292 | centerMode: false, 293 | focusOnSelect: false, 294 | } 295 | } 296 | ] 297 | }); 298 | 299 | 300 | /*----------------------------------------------- 301 | 15. Brand Area 302 | -------------------------------------------------*/ 303 | 304 | $('.brand__list').owlCarousel({ 305 | loop: true, 306 | margin:0, 307 | nav:false, 308 | autoplay: true, 309 | autoplayTimeout: 10000, 310 | items:5, 311 | dots: false, 312 | lazyLoad: true, 313 | responsive: { 314 | 0: { 315 | items: 2, 316 | }, 317 | 767: { 318 | items: 4, 319 | }, 320 | 991: { 321 | items: 5, 322 | } 323 | } 324 | }); 325 | 326 | 327 | 328 | /*------------------------------- 329 | 16. Price Slider Active 330 | --------------------------------*/ 331 | 332 | $("#slider-range").slider({ 333 | range: true, 334 | min: 10, 335 | max: 500, 336 | values: [110, 400], 337 | slide: function(event, ui) { 338 | $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); 339 | } 340 | }); 341 | $("#amount").val("$" + $("#slider-range").slider("values", 0) + 342 | " - $" + $("#slider-range").slider("values", 1)); 343 | 344 | 345 | 346 | 347 | /*--------------------------------------------------- 348 | 17. Accordion 349 | ---------------------------------------------------*/ 350 | 351 | function emeAccordion(){ 352 | $('.accordion__title') 353 | .siblings('.accordion__title').removeClass('active') 354 | .first().addClass('active'); 355 | $('.accordion__body') 356 | .siblings('.accordion__body').slideUp() 357 | .first().slideDown(); 358 | $('.accordion').on('click', '.accordion__title', function(){ 359 | $(this).addClass('active').siblings('.accordion__title').removeClass('active'); 360 | $(this).next('.accordion__body').slideDown().siblings('.accordion__body').slideUp(); 361 | }); 362 | }; 363 | emeAccordion(); 364 | 365 | 366 | /*--------------------------------------------------- 367 | 18. Ship to another 368 | ---------------------------------------------------*/ 369 | 370 | function shipToAnother(){ 371 | var trigger = $('.ship-to-another-trigger'), 372 | container = $('.ship-to-another-content'); 373 | trigger.on('click', function(e){ 374 | e.preventDefault(); 375 | container.slideToggle(); 376 | }); 377 | }; 378 | shipToAnother(); 379 | 380 | 381 | 382 | /*--------------------------------------------------- 383 | 19. Payment credit card 384 | ---------------------------------------------------*/ 385 | 386 | function paymentCreditCard(){ 387 | var trigger = $('.paymentinfo-credit-trigger'), 388 | container = $('.paymentinfo-credit-content'); 389 | trigger.on('click', function(e){ 390 | e.preventDefault(); 391 | container.slideToggle(); 392 | }); 393 | }; 394 | paymentCreditCard(); 395 | 396 | 397 | /*----------------------------------------------- 398 | 20 Slider Activations 399 | -------------------------------------------------*/ 400 | 401 | if ($('.slider__activation__wrap').length) { 402 | $('.slider__activation__wrap').owlCarousel({ 403 | loop: true, 404 | margin:0, 405 | nav:true, 406 | animateOut: 'fadeOut', 407 | animateIn: 'fadeIn', 408 | smartSpeed: 1000, 409 | autoplay: false, 410 | navText: [ '', '' ], 411 | autoplayTimeout: 10000, 412 | items:1, 413 | dots: false, 414 | lazyLoad: true, 415 | responsive: { 416 | 0: { 417 | items: 1, 418 | }, 419 | 767: { 420 | items: 1, 421 | }, 422 | 991: { 423 | items: 1, 424 | } 425 | } 426 | }); 427 | } 428 | 429 | 430 | 431 | 432 | })(jQuery); 433 | 434 | 435 | 436 | 437 | -------------------------------------------------------------------------------- /css/jquery-ui.min.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.11.4 - 2016-03-01 2 | * http://jqueryui.com 3 | * Includes: core.css, slider.css, theme.css 4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px 5 | * Copyright jQuery Foundation and other contributors; Licensed MIT */ 6 | 7 | .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #a6c9e2;background:#fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;background:#5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5dbec;background:#dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#2e6e9e}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #79b7e7;background:#d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1d5987}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#1d5987;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #79b7e7;background:#f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_469bdd_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_d8e7f3_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_6da8d5_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_217bc0_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_f9bd01_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:5px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:5px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} -------------------------------------------------------------------------------- /css/simple-line-icons.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'simple-line-icons'; 3 | src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0'); 4 | src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg'); 5 | font-weight: normal; 6 | font-style: normal; 7 | } 8 | /* 9 | Use the following CSS code if you want to have a class per icon. 10 | Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower: 11 | */ 12 | .icon-user, 13 | .icon-people, 14 | .icon-user-female, 15 | .icon-user-follow, 16 | .icon-user-following, 17 | .icon-user-unfollow, 18 | .icon-login, 19 | .icon-logout, 20 | .icon-emotsmile, 21 | .icon-phone, 22 | .icon-call-end, 23 | .icon-call-in, 24 | .icon-call-out, 25 | .icon-map, 26 | .icon-location-pin, 27 | .icon-direction, 28 | .icon-directions, 29 | .icon-compass, 30 | .icon-layers, 31 | .icon-menu, 32 | .icon-list, 33 | .icon-options-vertical, 34 | .icon-options, 35 | .icon-arrow-down, 36 | .icon-arrow-left, 37 | .icon-arrow-right, 38 | .icon-arrow-up, 39 | .icon-arrow-up-circle, 40 | .icon-arrow-left-circle, 41 | .icon-arrow-right-circle, 42 | .icon-arrow-down-circle, 43 | .icon-check, 44 | .icon-clock, 45 | .icon-plus, 46 | .icon-minus, 47 | .icon-close, 48 | .icon-event, 49 | .icon-exclamation, 50 | .icon-organization, 51 | .icon-trophy, 52 | .icon-screen-smartphone, 53 | .icon-screen-desktop, 54 | .icon-plane, 55 | .icon-notebook, 56 | .icon-mustache, 57 | .icon-mouse, 58 | .icon-magnet, 59 | .icon-energy, 60 | .icon-disc, 61 | .icon-cursor, 62 | .icon-cursor-move, 63 | .icon-crop, 64 | .icon-chemistry, 65 | .icon-speedometer, 66 | .icon-shield, 67 | .icon-screen-tablet, 68 | .icon-magic-wand, 69 | .icon-hourglass, 70 | .icon-graduation, 71 | .icon-ghost, 72 | .icon-game-controller, 73 | .icon-fire, 74 | .icon-eyeglass, 75 | .icon-envelope-open, 76 | .icon-envelope-letter, 77 | .icon-bell, 78 | .icon-badge, 79 | .icon-anchor, 80 | .icon-wallet, 81 | .icon-vector, 82 | .icon-speech, 83 | .icon-puzzle, 84 | .icon-printer, 85 | .icon-present, 86 | .icon-playlist, 87 | .icon-pin, 88 | .icon-picture, 89 | .icon-handbag, 90 | .icon-globe-alt, 91 | .icon-globe, 92 | .icon-folder-alt, 93 | .icon-folder, 94 | .icon-film, 95 | .icon-feed, 96 | .icon-drop, 97 | .icon-drawer, 98 | .icon-docs, 99 | .icon-doc, 100 | .icon-diamond, 101 | .icon-cup, 102 | .icon-calculator, 103 | .icon-bubbles, 104 | .icon-briefcase, 105 | .icon-book-open, 106 | .icon-basket-loaded, 107 | .icon-basket, 108 | .icon-bag, 109 | .icon-action-undo, 110 | .icon-action-redo, 111 | .icon-wrench, 112 | .icon-umbrella, 113 | .icon-trash, 114 | .icon-tag, 115 | .icon-support, 116 | .icon-frame, 117 | .icon-size-fullscreen, 118 | .icon-size-actual, 119 | .icon-shuffle, 120 | .icon-share-alt, 121 | .icon-share, 122 | .icon-rocket, 123 | .icon-question, 124 | .icon-pie-chart, 125 | .icon-pencil, 126 | .icon-note, 127 | .icon-loop, 128 | .icon-home, 129 | .icon-grid, 130 | .icon-graph, 131 | .icon-microphone, 132 | .icon-music-tone-alt, 133 | .icon-music-tone, 134 | .icon-earphones-alt, 135 | .icon-earphones, 136 | .icon-equalizer, 137 | .icon-like, 138 | .icon-dislike, 139 | .icon-control-start, 140 | .icon-control-rewind, 141 | .icon-control-play, 142 | .icon-control-pause, 143 | .icon-control-forward, 144 | .icon-control-end, 145 | .icon-volume-1, 146 | .icon-volume-2, 147 | .icon-volume-off, 148 | .icon-calendar, 149 | .icon-bulb, 150 | .icon-chart, 151 | .icon-ban, 152 | .icon-bubble, 153 | .icon-camrecorder, 154 | .icon-camera, 155 | .icon-cloud-download, 156 | .icon-cloud-upload, 157 | .icon-envelope, 158 | .icon-eye, 159 | .icon-flag, 160 | .icon-heart, 161 | .icon-info, 162 | .icon-key, 163 | .icon-link, 164 | .icon-lock, 165 | .icon-lock-open, 166 | .icon-magnifier, 167 | .icon-magnifier-add, 168 | .icon-magnifier-remove, 169 | .icon-paper-clip, 170 | .icon-paper-plane, 171 | .icon-power, 172 | .icon-refresh, 173 | .icon-reload, 174 | .icon-settings, 175 | .icon-star, 176 | .icon-symbol-female, 177 | .icon-symbol-male, 178 | .icon-target, 179 | .icon-credit-card, 180 | .icon-paypal, 181 | .icon-social-tumblr, 182 | .icon-social-twitter, 183 | .icon-social-facebook, 184 | .icon-social-instagram, 185 | .icon-social-linkedin, 186 | .icon-social-pinterest, 187 | .icon-social-github, 188 | .icon-social-google, 189 | .icon-social-reddit, 190 | .icon-social-skype, 191 | .icon-social-dribbble, 192 | .icon-social-behance, 193 | .icon-social-foursqare, 194 | .icon-social-soundcloud, 195 | .icon-social-spotify, 196 | .icon-social-stumbleupon, 197 | .icon-social-youtube, 198 | .icon-social-dropbox, 199 | .icon-social-vkontakte, 200 | .icon-social-steam { 201 | font-family: 'simple-line-icons'; 202 | speak: none; 203 | font-style: normal; 204 | font-weight: normal; 205 | font-variant: normal; 206 | text-transform: none; 207 | line-height: 1; 208 | /* Better Font Rendering =========== */ 209 | -webkit-font-smoothing: antialiased; 210 | -moz-osx-font-smoothing: grayscale; 211 | } 212 | .icon-user:before { 213 | content: "\e005"; 214 | } 215 | .icon-people:before { 216 | content: "\e001"; 217 | } 218 | .icon-user-female:before { 219 | content: "\e000"; 220 | } 221 | .icon-user-follow:before { 222 | content: "\e002"; 223 | } 224 | .icon-user-following:before { 225 | content: "\e003"; 226 | } 227 | .icon-user-unfollow:before { 228 | content: "\e004"; 229 | } 230 | .icon-login:before { 231 | content: "\e066"; 232 | } 233 | .icon-logout:before { 234 | content: "\e065"; 235 | } 236 | .icon-emotsmile:before { 237 | content: "\e021"; 238 | } 239 | .icon-phone:before { 240 | content: "\e600"; 241 | } 242 | .icon-call-end:before { 243 | content: "\e048"; 244 | } 245 | .icon-call-in:before { 246 | content: "\e047"; 247 | } 248 | .icon-call-out:before { 249 | content: "\e046"; 250 | } 251 | .icon-map:before { 252 | content: "\e033"; 253 | } 254 | .icon-location-pin:before { 255 | content: "\e096"; 256 | } 257 | .icon-direction:before { 258 | content: "\e042"; 259 | } 260 | .icon-directions:before { 261 | content: "\e041"; 262 | } 263 | .icon-compass:before { 264 | content: "\e045"; 265 | } 266 | .icon-layers:before { 267 | content: "\e034"; 268 | } 269 | .icon-menu:before { 270 | content: "\e601"; 271 | } 272 | .icon-list:before { 273 | content: "\e067"; 274 | } 275 | .icon-options-vertical:before { 276 | content: "\e602"; 277 | } 278 | .icon-options:before { 279 | content: "\e603"; 280 | } 281 | .icon-arrow-down:before { 282 | content: "\e604"; 283 | } 284 | .icon-arrow-left:before { 285 | content: "\e605"; 286 | } 287 | .icon-arrow-right:before { 288 | content: "\e606"; 289 | } 290 | .icon-arrow-up:before { 291 | content: "\e607"; 292 | } 293 | .icon-arrow-up-circle:before { 294 | content: "\e078"; 295 | } 296 | .icon-arrow-left-circle:before { 297 | content: "\e07a"; 298 | } 299 | .icon-arrow-right-circle:before { 300 | content: "\e079"; 301 | } 302 | .icon-arrow-down-circle:before { 303 | content: "\e07b"; 304 | } 305 | .icon-check:before { 306 | content: "\e080"; 307 | } 308 | .icon-clock:before { 309 | content: "\e081"; 310 | } 311 | .icon-plus:before { 312 | content: "\e095"; 313 | } 314 | .icon-minus:before { 315 | content: "\e615"; 316 | } 317 | .icon-close:before { 318 | content: "\e082"; 319 | } 320 | .icon-event:before { 321 | content: "\e619"; 322 | } 323 | .icon-exclamation:before { 324 | content: "\e617"; 325 | } 326 | .icon-organization:before { 327 | content: "\e616"; 328 | } 329 | .icon-trophy:before { 330 | content: "\e006"; 331 | } 332 | .icon-screen-smartphone:before { 333 | content: "\e010"; 334 | } 335 | .icon-screen-desktop:before { 336 | content: "\e011"; 337 | } 338 | .icon-plane:before { 339 | content: "\e012"; 340 | } 341 | .icon-notebook:before { 342 | content: "\e013"; 343 | } 344 | .icon-mustache:before { 345 | content: "\e014"; 346 | } 347 | .icon-mouse:before { 348 | content: "\e015"; 349 | } 350 | .icon-magnet:before { 351 | content: "\e016"; 352 | } 353 | .icon-energy:before { 354 | content: "\e020"; 355 | } 356 | .icon-disc:before { 357 | content: "\e022"; 358 | } 359 | .icon-cursor:before { 360 | content: "\e06e"; 361 | } 362 | .icon-cursor-move:before { 363 | content: "\e023"; 364 | } 365 | .icon-crop:before { 366 | content: "\e024"; 367 | } 368 | .icon-chemistry:before { 369 | content: "\e026"; 370 | } 371 | .icon-speedometer:before { 372 | content: "\e007"; 373 | } 374 | .icon-shield:before { 375 | content: "\e00e"; 376 | } 377 | .icon-screen-tablet:before { 378 | content: "\e00f"; 379 | } 380 | .icon-magic-wand:before { 381 | content: "\e017"; 382 | } 383 | .icon-hourglass:before { 384 | content: "\e018"; 385 | } 386 | .icon-graduation:before { 387 | content: "\e019"; 388 | } 389 | .icon-ghost:before { 390 | content: "\e01a"; 391 | } 392 | .icon-game-controller:before { 393 | content: "\e01b"; 394 | } 395 | .icon-fire:before { 396 | content: "\e01c"; 397 | } 398 | .icon-eyeglass:before { 399 | content: "\e01d"; 400 | } 401 | .icon-envelope-open:before { 402 | content: "\e01e"; 403 | } 404 | .icon-envelope-letter:before { 405 | content: "\e01f"; 406 | } 407 | .icon-bell:before { 408 | content: "\e027"; 409 | } 410 | .icon-badge:before { 411 | content: "\e028"; 412 | } 413 | .icon-anchor:before { 414 | content: "\e029"; 415 | } 416 | .icon-wallet:before { 417 | content: "\e02a"; 418 | } 419 | .icon-vector:before { 420 | content: "\e02b"; 421 | } 422 | .icon-speech:before { 423 | content: "\e02c"; 424 | } 425 | .icon-puzzle:before { 426 | content: "\e02d"; 427 | } 428 | .icon-printer:before { 429 | content: "\e02e"; 430 | } 431 | .icon-present:before { 432 | content: "\e02f"; 433 | } 434 | .icon-playlist:before { 435 | content: "\e030"; 436 | } 437 | .icon-pin:before { 438 | content: "\e031"; 439 | } 440 | .icon-picture:before { 441 | content: "\e032"; 442 | } 443 | .icon-handbag:before { 444 | content: "\e035"; 445 | } 446 | .icon-globe-alt:before { 447 | content: "\e036"; 448 | } 449 | .icon-globe:before { 450 | content: "\e037"; 451 | } 452 | .icon-folder-alt:before { 453 | content: "\e039"; 454 | } 455 | .icon-folder:before { 456 | content: "\e089"; 457 | } 458 | .icon-film:before { 459 | content: "\e03a"; 460 | } 461 | .icon-feed:before { 462 | content: "\e03b"; 463 | } 464 | .icon-drop:before { 465 | content: "\e03e"; 466 | } 467 | .icon-drawer:before { 468 | content: "\e03f"; 469 | } 470 | .icon-docs:before { 471 | content: "\e040"; 472 | } 473 | .icon-doc:before { 474 | content: "\e085"; 475 | } 476 | .icon-diamond:before { 477 | content: "\e043"; 478 | } 479 | .icon-cup:before { 480 | content: "\e044"; 481 | } 482 | .icon-calculator:before { 483 | content: "\e049"; 484 | } 485 | .icon-bubbles:before { 486 | content: "\e04a"; 487 | } 488 | .icon-briefcase:before { 489 | content: "\e04b"; 490 | } 491 | .icon-book-open:before { 492 | content: "\e04c"; 493 | } 494 | .icon-basket-loaded:before { 495 | content: "\e04d"; 496 | } 497 | .icon-basket:before { 498 | content: "\e04e"; 499 | } 500 | .icon-bag:before { 501 | content: "\e04f"; 502 | } 503 | .icon-action-undo:before { 504 | content: "\e050"; 505 | } 506 | .icon-action-redo:before { 507 | content: "\e051"; 508 | } 509 | .icon-wrench:before { 510 | content: "\e052"; 511 | } 512 | .icon-umbrella:before { 513 | content: "\e053"; 514 | } 515 | .icon-trash:before { 516 | content: "\e054"; 517 | } 518 | .icon-tag:before { 519 | content: "\e055"; 520 | } 521 | .icon-support:before { 522 | content: "\e056"; 523 | } 524 | .icon-frame:before { 525 | content: "\e038"; 526 | } 527 | .icon-size-fullscreen:before { 528 | content: "\e057"; 529 | } 530 | .icon-size-actual:before { 531 | content: "\e058"; 532 | } 533 | .icon-shuffle:before { 534 | content: "\e059"; 535 | } 536 | .icon-share-alt:before { 537 | content: "\e05a"; 538 | } 539 | .icon-share:before { 540 | content: "\e05b"; 541 | } 542 | .icon-rocket:before { 543 | content: "\e05c"; 544 | } 545 | .icon-question:before { 546 | content: "\e05d"; 547 | } 548 | .icon-pie-chart:before { 549 | content: "\e05e"; 550 | } 551 | .icon-pencil:before { 552 | content: "\e05f"; 553 | } 554 | .icon-note:before { 555 | content: "\e060"; 556 | } 557 | .icon-loop:before { 558 | content: "\e064"; 559 | } 560 | .icon-home:before { 561 | content: "\e069"; 562 | } 563 | .icon-grid:before { 564 | content: "\e06a"; 565 | } 566 | .icon-graph:before { 567 | content: "\e06b"; 568 | } 569 | .icon-microphone:before { 570 | content: "\e063"; 571 | } 572 | .icon-music-tone-alt:before { 573 | content: "\e061"; 574 | } 575 | .icon-music-tone:before { 576 | content: "\e062"; 577 | } 578 | .icon-earphones-alt:before { 579 | content: "\e03c"; 580 | } 581 | .icon-earphones:before { 582 | content: "\e03d"; 583 | } 584 | .icon-equalizer:before { 585 | content: "\e06c"; 586 | } 587 | .icon-like:before { 588 | content: "\e068"; 589 | } 590 | .icon-dislike:before { 591 | content: "\e06d"; 592 | } 593 | .icon-control-start:before { 594 | content: "\e06f"; 595 | } 596 | .icon-control-rewind:before { 597 | content: "\e070"; 598 | } 599 | .icon-control-play:before { 600 | content: "\e071"; 601 | } 602 | .icon-control-pause:before { 603 | content: "\e072"; 604 | } 605 | .icon-control-forward:before { 606 | content: "\e073"; 607 | } 608 | .icon-control-end:before { 609 | content: "\e074"; 610 | } 611 | .icon-volume-1:before { 612 | content: "\e09f"; 613 | } 614 | .icon-volume-2:before { 615 | content: "\e0a0"; 616 | } 617 | .icon-volume-off:before { 618 | content: "\e0a1"; 619 | } 620 | .icon-calendar:before { 621 | content: "\e075"; 622 | } 623 | .icon-bulb:before { 624 | content: "\e076"; 625 | } 626 | .icon-chart:before { 627 | content: "\e077"; 628 | } 629 | .icon-ban:before { 630 | content: "\e07c"; 631 | } 632 | .icon-bubble:before { 633 | content: "\e07d"; 634 | } 635 | .icon-camrecorder:before { 636 | content: "\e07e"; 637 | } 638 | .icon-camera:before { 639 | content: "\e07f"; 640 | } 641 | .icon-cloud-download:before { 642 | content: "\e083"; 643 | } 644 | .icon-cloud-upload:before { 645 | content: "\e084"; 646 | } 647 | .icon-envelope:before { 648 | content: "\e086"; 649 | } 650 | .icon-eye:before { 651 | content: "\e087"; 652 | } 653 | .icon-flag:before { 654 | content: "\e088"; 655 | } 656 | .icon-heart:before { 657 | content: "\e08a"; 658 | } 659 | .icon-info:before { 660 | content: "\e08b"; 661 | } 662 | .icon-key:before { 663 | content: "\e08c"; 664 | } 665 | .icon-link:before { 666 | content: "\e08d"; 667 | } 668 | .icon-lock:before { 669 | content: "\e08e"; 670 | } 671 | .icon-lock-open:before { 672 | content: "\e08f"; 673 | } 674 | .icon-magnifier:before { 675 | content: "\e090"; 676 | } 677 | .icon-magnifier-add:before { 678 | content: "\e091"; 679 | } 680 | .icon-magnifier-remove:before { 681 | content: "\e092"; 682 | } 683 | .icon-paper-clip:before { 684 | content: "\e093"; 685 | } 686 | .icon-paper-plane:before { 687 | content: "\e094"; 688 | } 689 | .icon-power:before { 690 | content: "\e097"; 691 | } 692 | .icon-refresh:before { 693 | content: "\e098"; 694 | } 695 | .icon-reload:before { 696 | content: "\e099"; 697 | } 698 | .icon-settings:before { 699 | content: "\e09a"; 700 | } 701 | .icon-star:before { 702 | content: "\e09b"; 703 | } 704 | .icon-symbol-female:before { 705 | content: "\e09c"; 706 | } 707 | .icon-symbol-male:before { 708 | content: "\e09d"; 709 | } 710 | .icon-target:before { 711 | content: "\e09e"; 712 | } 713 | .icon-credit-card:before { 714 | content: "\e025"; 715 | } 716 | .icon-paypal:before { 717 | content: "\e608"; 718 | } 719 | .icon-social-tumblr:before { 720 | content: "\e00a"; 721 | } 722 | .icon-social-twitter:before { 723 | content: "\e009"; 724 | } 725 | .icon-social-facebook:before { 726 | content: "\e00b"; 727 | } 728 | .icon-social-instagram:before { 729 | content: "\e609"; 730 | } 731 | .icon-social-linkedin:before { 732 | content: "\e60a"; 733 | } 734 | .icon-social-pinterest:before { 735 | content: "\e60b"; 736 | } 737 | .icon-social-github:before { 738 | content: "\e60c"; 739 | } 740 | .icon-social-google:before { 741 | content: "\e60d"; 742 | } 743 | .icon-social-reddit:before { 744 | content: "\e60e"; 745 | } 746 | .icon-social-skype:before { 747 | content: "\e60f"; 748 | } 749 | .icon-social-dribbble:before { 750 | content: "\e00d"; 751 | } 752 | .icon-social-behance:before { 753 | content: "\e610"; 754 | } 755 | .icon-social-foursqare:before { 756 | content: "\e611"; 757 | } 758 | .icon-social-soundcloud:before { 759 | content: "\e612"; 760 | } 761 | .icon-social-spotify:before { 762 | content: "\e613"; 763 | } 764 | .icon-social-stumbleupon:before { 765 | content: "\e614"; 766 | } 767 | .icon-social-youtube:before { 768 | content: "\e008"; 769 | } 770 | .icon-social-dropbox:before { 771 | content: "\e00c"; 772 | } 773 | .icon-social-vkontakte:before { 774 | content: "\e618"; 775 | } 776 | .icon-social-steam:before { 777 | content: "\e620"; 778 | } 779 | -------------------------------------------------------------------------------- /css/shortcode/default.css: -------------------------------------------------------------------------------- 1 | /*----------------------------------------------------------------------------------- 2 | Template Name: Asbab eCommerce HTML5 Template. 3 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 4 | -------------------------------------------------------------------*/ 5 | 6 | 7 | 8 | /*====================================== 9 | 10 | [ Table of contents ] 11 | 12 | 13 | 01. Reset 14 | 02. Helper Classes 15 | 03. Typography 16 | ` 04. Transtion 17 | 05. Images 18 | 06. Bg-Color 19 | 07. Social Icon Text Color 20 | 08. Social Icon Bg Color 21 | 09. Text Color 22 | 10. Bg Images 23 | 11. Background overlay 24 | 12. Background Black Overlay 25 | 13. Input 26 | 14. Basic margin padding 27 | 15. Margin top 28 | 16. Margin bottom 29 | 17. Padding top 30 | 18. Padding bottom 31 | 19. Page section padding 32 | 20. Page section margin 33 | 21. Custom cloumn 34 | 22. Moz Placeholder 35 | 36 | [ End table content ] 37 | ======================================*/ 38 | 39 | /* 40 | font-family: 'Old Standard TT', serif; 41 | 42 | font-family: 'Poppins', sans-serif; 43 | */ 44 | 45 | /*------------------ 46 | 01. Reset 47 | --------------------*/ 48 | *, 49 | h1, 50 | h2, 51 | h3, 52 | h4, 53 | h5, 54 | h6, 55 | p, 56 | ul, 57 | a { 58 | margin: 0; 59 | padding: 0; 60 | } 61 | 62 | /*---------------------- 63 | 02. Helper Classes 64 | ------------------------*/ 65 | .fix { 66 | overflow: hidden 67 | } 68 | .browserupgrade { 69 | margin: 0.2em 0; 70 | background: #ccc; 71 | color: #000; 72 | padding: 0.2em 0; 73 | } 74 | /*----------------------- 75 | 03. Typography 76 | ------------------------*/ 77 | html { 78 | font-size: 100%; 79 | } 80 | @media all and (max-width: 768px) { 81 | html { 82 | font-size: 87.5%; 83 | } 84 | } 85 | body { 86 | font-family: 'Old Standard TT', serif; 87 | color: #666666; 88 | font-weight: 400; 89 | font-size: 14px; 90 | line-height: 24px; 91 | -webkit-font-smoothing: antialiased; 92 | -moz-osx-font-smoothing: grayscale; 93 | } 94 | p{ 95 | font-family: 'Old Standard TT', serif; 96 | color: #666666; 97 | font-weight: 400; 98 | font-size: 16px; 99 | line-height: 24px; 100 | 101 | } 102 | h1, 103 | h2, 104 | h3, 105 | h4, 106 | h5, 107 | h6, 108 | .h1, 109 | .h2, 110 | .h3, 111 | .h4, 112 | .h5, 113 | .h6 { 114 | font-family: 'Poppins', sans-serif; 115 | color: #313131; 116 | font-weight: 400; 117 | -webkit-font-variant-ligatures: common-ligatures; 118 | font-variant-ligatures: common-ligatures; 119 | margin-top: 0; 120 | margin-bottom: 0; 121 | } 122 | h1, .h1 { 123 | font-size: 40px; 124 | font-weight: 700; 125 | } 126 | h2, .h2 { 127 | font-size: 30px; 128 | font-weight: 400; 129 | } 130 | h3, .h3 { 131 | font-size: 14px; 132 | font-weight: 400; 133 | } 134 | h4, .h4 { 135 | font-size: 14px; 136 | font-weight: 400; 137 | } 138 | h5, .h5 { 139 | font-size: 18px; 140 | font-weight: 400; 141 | } 142 | h6, .h6 { 143 | font-size: 16px; 144 | font-weight: 300; 145 | } 146 | @media all and (max-width: 767px) { 147 | h1, .h1 { 148 | font-size: 30px; 149 | font-weight: 400; 150 | } 151 | h2, .h2 { 152 | font-size: 24px; 153 | } 154 | h3, .h3 { 155 | font-size: 20px; 156 | } 157 | h4, .h4 { 158 | font-size: 16px; 159 | } 160 | h5, .h5 { 161 | font-size: 16px; 162 | } 163 | h6, .h6 { 164 | font-size: 16px; 165 | } 166 | } 167 | ul, 168 | ol { 169 | list-style: none; 170 | } 171 | 172 | ol { 173 | list-style-type: upper-roman; 174 | list-style-position: inside; 175 | } 176 | strong { 177 | font-weight: 600; 178 | } 179 | hr { 180 | margin: 1.625em 0; 181 | border-color: #e6e6e6; 182 | } 183 | a:hover, 184 | a:focus, 185 | a:active { 186 | text-decoration: none; 187 | outline: none; 188 | } 189 | a { 190 | color: #333; 191 | } 192 | a:hover, 193 | a:focus, 194 | a:active { 195 | color: #c43b68; 196 | } 197 | p a:hover, 198 | p a:focus, 199 | p a:active { 200 | color: #c43b68; 201 | } 202 | h1 a, 203 | h2 a, 204 | h3 a, 205 | h4 a, 206 | h5 a, 207 | h6 a { 208 | color: inherit 209 | } 210 | 211 | body { 212 | overflow-x: hidden; 213 | } 214 | /*--------------------- 215 | ` 04. Transtion 216 | -----------------------*/ 217 | a, 218 | .btn { 219 | transition: all 0.3s ease-out 0s; 220 | } 221 | input, 222 | 223 | select, 224 | textarea { 225 | transition: all 0.5s ease-out 0s; 226 | } 227 | 228 | /*--------------------- 229 | 05. Images 230 | ----------------------*/ 231 | img, .img { 232 | max-width: 100%; 233 | transition: all 0.3s ease-out 0s; 234 | } 235 | p + img, 236 | img:last-child { 237 | margin-bottom: 0; 238 | } 239 | body { 240 | background: #fff; 241 | } 242 | .mark, mark { 243 | background: #c43b68 none repeat scroll 0 0; 244 | color: #ffffff; 245 | } 246 | /*------------------------------- 247 | 06. Bg-Color 248 | -------------------------------------*/ 249 | .bg__theme { 250 | background: #c43b68; 251 | } 252 | .bg__white { 253 | background: #fff; 254 | } 255 | .bg__gray { 256 | background: #f1f1f1; 257 | } 258 | .bg__cat--1{ 259 | background-color: #111111; 260 | } 261 | .bg__cat--2{ 262 | background-color: #f4f4f4; 263 | } 264 | .bg__cat--3{ 265 | background-color: #f3f3f3; 266 | } 267 | .bg__cat--4{ 268 | background-color: #f5f5f5; 269 | } 270 | .bg__cat--5{ 271 | background-color: #010101; 272 | } 273 | 274 | 275 | /*------------------------------- 276 | 07. Social Icon Text Color 277 | -------------------------------*/ 278 | .color--facebook { 279 | color: #3b5998; 280 | } 281 | .color--twitter { 282 | color: #00aced; 283 | } 284 | .color--googleplus { 285 | color: #dd4b39; 286 | } 287 | .color--instagram { 288 | color: #125688; 289 | } 290 | .color--pinterest { 291 | color: #cb2027; 292 | } 293 | .color--dribbble { 294 | color: #ea4c89; 295 | } 296 | .color--behance { 297 | color: #053eff; 298 | } 299 | /*------------------------------- 300 | 08. Social Icon Bg Color 301 | -------------------------------*/ 302 | .bg--facebook { 303 | background: #3b5998; 304 | } 305 | .bg--twitter { 306 | background: #00aced; 307 | } 308 | .bg--googleplus { 309 | background: #dd4b39; 310 | } 311 | .bg--instagram { 312 | background: #125688; 313 | } 314 | .bg--pinterest { 315 | background: #cb2027; 316 | } 317 | .bg--dribbble { 318 | background: #ea4c89; 319 | } 320 | .bg--behance { 321 | background: #053eff; 322 | } 323 | /*----------------------------- 324 | 09. Text Color 325 | --------------------------------*/ 326 | .text--theme { 327 | color: #c43b68; 328 | } 329 | .text--blue { 330 | color: #c43b68; 331 | } 332 | .text--white { 333 | color: #fff ; 334 | } 335 | .text--black { 336 | color: #363636; 337 | } 338 | .text--white { 339 | color: #fff; 340 | } 341 | 342 | .pos__relative{ 343 | position: relative; 344 | } 345 | 346 | 347 | 348 | 349 | /*-------------------------- 350 | 10. Bg Images 351 | ----------------------------*/ 352 | 353 | .bg--1 { 354 | background: rgba(0, 0, 0, 0) url("../../images/bg/1.jpg") no-repeat fixed 0 0 / cover ; 355 | } 356 | 357 | 358 | /*---------------------------- 359 | 11. Background overlay 360 | ---------------------------------*/ 361 | [data__overlay] { 362 | position: relative; 363 | } 364 | [data__overlay]:before { 365 | position: absolute; 366 | content: ''; 367 | background: #3f51b5; 368 | width: 100%; 369 | height: 100%; 370 | top: 0; 371 | left: 0; 372 | z-index: 1; 373 | } 374 | [data__overlay] *:not(.background-image-holder):not(.instafeed--background) { 375 | z-index: 2; 376 | } 377 | [data__overlay].image--light:before { 378 | background: #fff; 379 | } 380 | [data__overlay].bg--primary:before { 381 | background: #425cbb; 382 | } 383 | [data__overlay="1"]:before { 384 | opacity: 0.1; 385 | } 386 | [data__overlay="2"]:before { 387 | opacity: 0.2; 388 | } 389 | [data__overlay="3"]:before { 390 | opacity: 0.3; 391 | } 392 | [data__overlay="4"]:before { 393 | opacity: 0.4; 394 | } 395 | [data__overlay="5"]:before { 396 | opacity: 0.5; 397 | } 398 | [data__overlay="6"]:before { 399 | opacity: 0.6; 400 | } 401 | [data__overlay="7"]:before { 402 | opacity: 0.7; 403 | } 404 | [data__overlay="8"]:before { 405 | opacity: 0.8; 406 | } 407 | [data__overlay="9"]:before { 408 | opacity: 0.9; 409 | } 410 | [data__overlay="10"]:before { 411 | opacity: 1; 412 | } 413 | 414 | 415 | /*--------------------------------- 416 | 12. Background Black Overlay 417 | ---------------------------------*/ 418 | 419 | [data--black__overlay] { 420 | position: relative; 421 | } 422 | 423 | [data--black__overlay]:before { 424 | position: absolute; 425 | content: ''; 426 | background: #000; 427 | width: 100%; 428 | height: 100%; 429 | top: 0; 430 | left: 0; 431 | z-index: 1; 432 | } 433 | [data--black__overlay="1"]:before { 434 | opacity: 0.1; 435 | } 436 | [data--black__overlay="2"]:before { 437 | opacity: 0.2; 438 | } 439 | [data--black__overlay="3"]:before { 440 | opacity: 0.3; 441 | } 442 | [data--black__overlay="4"]:before { 443 | opacity: 0.4; 444 | } 445 | [data--black__overlay="5"]:before { 446 | opacity: 0.5; 447 | } 448 | [data--black__overlay="6"]:before { 449 | opacity: 0.6; 450 | } 451 | [data--black__overlay="7"]:before { 452 | opacity: 0.7; 453 | } 454 | [data--black__overlay="8"]:before { 455 | opacity: 0.8; 456 | } 457 | [data--black__overlay="9"]:before { 458 | opacity: 0.9; 459 | } 460 | [data--black__overlay="10"]:before { 461 | opacity: 1; 462 | } 463 | [data--black__overlay="0"]:before { 464 | opacity: 0; 465 | } 466 | 467 | [data--black__overlay="0"] > div{ 468 | z-index: 5; 469 | color: #fff; 470 | } 471 | 472 | /*------------------------- 473 | 13. Input 474 | --------------------------*/ 475 | input[type=text], 476 | input[type=email], 477 | input[type=password]{ 478 | width: 100%; 479 | } 480 | select { 481 | width: 100%; 482 | 483 | } 484 | input:focus { 485 | background: transparent; 486 | border: 1px solid #c43b68; 487 | outline: none; 488 | } 489 | textarea { 490 | resize: none; 491 | background: #c43b68; 492 | border: 1px solid #c43b68; 493 | padding: 10px; 494 | width: 100%; 495 | font-size: 14px; 496 | } 497 | textarea:focus { 498 | background: transparent; 499 | border: 1px solid #c43b68; 500 | outline: none; 501 | } 502 | /*---------------------------- 503 | 14. Basic margin padding 504 | -----------------------------*/ 505 | .m--0 { 506 | margin-top: 0; 507 | margin-right: 0; 508 | margin-bottom: 0; 509 | margin-left: 0; 510 | } 511 | .p--0 { 512 | padding-top: 0; 513 | padding-right: 0; 514 | padding-bottom: 0; 515 | padding-left: 0; 516 | } 517 | /*--------------------------- 518 | 15. Margin top 519 | --------------------------*/ 520 | .mt--0 { margin-top: 0 } 521 | .mt--10 { margin-top: 10px } 522 | .mt--15 { margin-top: 15px } 523 | .mt--20 { margin-top: 20px } 524 | .mt--30 { margin-top: 30px } 525 | .mt--40 { margin-top: 40px } 526 | .mt--50 { margin-top: 50px } 527 | .mt--60 { margin-top: 60px } 528 | .mt--70 { margin-top: 70px } 529 | .mt--80 { margin-top: 80px } 530 | .mt--90 { margin-top: 90px } 531 | .mt--100 { margin-top: 100px } 532 | .mt--110 { margin-top: 110px } 533 | .mt--120 { margin-top: 120px } 534 | .mt--130 { margin-top: 130px } 535 | .mt--140 { margin-top: 140px } 536 | .mt--150 { margin-top: 150px } 537 | 538 | /*----------------------------- 539 | 16. Margin bottom 540 | -------------------------------*/ 541 | .mb--0 { margin-bottom: 0 } 542 | .mb--10 { margin-bottom: 10px } 543 | .mb--15 { margin-bottom: 15px } 544 | .mb--20 { margin-bottom: 20px } 545 | .mb--30 { margin-bottom: 30px } 546 | .mb--40 { margin-bottom: 40px } 547 | .mb--50 { margin-bottom: 50px } 548 | .mb--60 { margin-bottom: 60px } 549 | .mb--70 { margin-bottom: 70px } 550 | .mb--80 { margin-bottom: 80px } 551 | .mb--90 { margin-bottom: 90px } 552 | .mb--100 { margin-bottom: 100px } 553 | .mb--110 { margin-bottom: 110px } 554 | .mb--120 { margin-bottom: 120px } 555 | .mb--130 { margin-bottom: 130px } 556 | .mb--140 { margin-bottom: 140px } 557 | .mb--150 { margin-bottom: 150px } 558 | 559 | /*-------------------------- 560 | 17. Padding top 561 | ---------------------------*/ 562 | .pt--0 { padding-top: 0 } 563 | .pt--10 { padding-top: 10px } 564 | .pt--15 { padding-top: 15px } 565 | .pt--20 { padding-top: 20px } 566 | .pt--30 { padding-top: 30px } 567 | .pt--40 { padding-top: 40px } 568 | .pt--50 { padding-top: 50px } 569 | .pt--60 { padding-top: 60px } 570 | .pt--70 { padding-top: 70px } 571 | .pt--80 { padding-top: 80px } 572 | .pt--90 { padding-top: 90px } 573 | .pt--100 { padding-top: 100px } 574 | .pt--110 { padding-top: 110px } 575 | .pt--120 { padding-top: 120px } 576 | .pt--130 { padding-top: 130px }- 577 | .pt--140 { padding-top: 140px } 578 | .pt--150 { padding-top: 150px } 579 | 580 | /*------------------------ 581 | 18. Padding bottom 582 | ---------------------------*/ 583 | .pb--0 { padding-bottom: 0 } 584 | .pb--10 { padding-bottom: 10px } 585 | .pb--15 { padding-bottom: 15px } 586 | .pb--20 { padding-bottom: 20px } 587 | .pb--30 { padding-bottom: 30px } 588 | .pb--40 { padding-bottom: 40px } 589 | .pb--50 { padding-bottom: 50px } 590 | .pb--60 { padding-bottom: 60px } 591 | .pb--70 { padding-bottom: 70px } 592 | .pb--80 { padding-bottom: 80px } 593 | .pb--90 { padding-bottom: 90px } 594 | .pb--100 { padding-bottom: 100px } 595 | .pb--110 { padding-bottom: 110px } 596 | .pb--120 { padding-bottom: 120px } 597 | .pb--130 { padding-bottom: 130px } 598 | .pb--140 { padding-bottom: 140px } 599 | .pb--150 { padding-bottom: 150px } 600 | 601 | 602 | /*------------------------------ 603 | 19. Page section padding 604 | -------------------------------*/ 605 | .ptb--0 { padding: 0 } 606 | .ptb--10 { padding: 10px 0 } 607 | .ptb--20 { padding: 20px 0 } 608 | .ptb--30 { padding: 30px 0 } 609 | .ptb--40 { padding: 40px 0 } 610 | .ptb--50 { padding: 50px 0 } 611 | .ptb--60 { padding: 60px 0 } 612 | .ptb--70 { padding: 70px 0 } 613 | .ptb--80 { padding: 80px 0 } 614 | .ptb--90 { padding: 90px 0 } 615 | .ptb--100 { padding: 100px 0 } 616 | .ptb--110 { padding: 110px 0 } 617 | .ptb--120 { padding: 120px 0 } 618 | .ptb--130 { padding: 130px 0 } 619 | .ptb--140 { padding: 140px 0 } 620 | .ptb--150 { padding: 150px 0 } 621 | 622 | /*--------------------------- 623 | 20. Page section margin 624 | -----------------------------*/ 625 | .mtb--0 { margin: 0 } 626 | .mtb--10 { margin: 10px 0 } 627 | .mtb--15 { margin: 15px 0 } 628 | .mtb--20 { margin: 20px 0 } 629 | .mtb--30 { margin: 30px 0 } 630 | .mtb--40 { margin: 40px 0 } 631 | .mtb--50 { margin: 50px 0 } 632 | .mtb--60 { margin: 60px 0 } 633 | .mtb--70 { margin: 70px 0 } 634 | .mtb--80 { margin: 80px 0 } 635 | .mtb--90 { margin: 90px 0 } 636 | .mtb--100 { margin: 100px 0 } 637 | .mtb--110 { margin: 110px 0 } 638 | .mtb--120 { margin: 120px 0 } 639 | .mtb--130 { margin: 130px 0 } 640 | .mtb--140 { margin: 140px 0 } 641 | .mtb--150 { margin: 150px 0; } 642 | 643 | 644 | /*----------------------------- 645 | 21. Custom cloumn 646 | --------------------------------*/ 647 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 { 648 | float: left; 649 | } 650 | .col-1{ 651 | width: 10%; 652 | } 653 | .col-2{ 654 | width: 20%; 655 | } 656 | .col-3{ 657 | width: 30%; 658 | } 659 | .col-4{ 660 | width: 40%; 661 | } 662 | .col-5{ 663 | width: 50%; 664 | } 665 | .col-6{ 666 | width: 60%; 667 | } 668 | .col-7{ 669 | width: 70%; 670 | } 671 | .col-8{ 672 | width: 80%; 673 | } 674 | .col-9{ 675 | width: 90%; 676 | } 677 | .col-10{ 678 | width: 100%; 679 | } 680 | /*------------------------ 681 | Others 682 | -------------------------*/ 683 | p.form-messege{ 684 | margin-top:15px;font-size:14px 685 | } 686 | p.success { 687 | color: green; 688 | } 689 | p.error { 690 | color: red; 691 | } 692 | 693 | /*----------------------------------------- 694 | 22. Moz Placeholder 695 | ------------------------------------------*/ 696 | 697 | *::-moz-selection { 698 | background: #c43b68; 699 | color: #fff; 700 | text-shadow: none; 701 | } 702 | ::-moz-selection { 703 | background: #c43b68; 704 | color: #fff; 705 | text-shadow: none; 706 | } 707 | ::selection { 708 | background: #c43b68; 709 | color: #fff; 710 | text-shadow: none; 711 | } 712 | 713 | 714 | input [type="text"]:focus, 715 | input [type="text"]:focus::-moz-placeholder, 716 | input [type="email"]:focus, 717 | input [type="email"]:focus::-moz-placeholder{ 718 | color: #333333; 719 | } 720 | 721 | 722 | input::-webkit-input-placeholder { / Chrome/Opera/Safari / 723 | color: #444; 724 | opacity: 1; 725 | } 726 | input::-moz-placeholder { / Firefox 19+ / 727 | color: #444; 728 | opacity: 1; 729 | } 730 | input:-ms-input-placeholder { / IE 10+ / 731 | color: #444; 732 | opacity: 1; 733 | } 734 | 735 | textarea::-webkit-input-placeholder { / Chrome/Opera/Safari / 736 | color: #444; 737 | opacity: 1; 738 | } 739 | textarea::-moz-placeholder { / Firefox 19+ / 740 | color: #444; 741 | opacity: 1; 742 | } 743 | textarea:-ms-input-placeholder { / IE 10+ / 744 | color: #444; 745 | opacity: 1; 746 | } 747 | 748 | 749 | 750 | 751 | 752 | 753 | -------------------------------------------------------------------------------- /css/shortcode/header.css: -------------------------------------------------------------------------------- 1 | /*----------------------------------------------------------------------------------- 2 | Template Name: Asbab eCommerce HTML5 Template. 3 | Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. 4 | 5 | -------------------------------------------------------------------------------------*/ 6 | /* 7 | font-family: 'Old Standard TT', serif; 8 | 9 | font-family: 'Poppins', sans-serif; 10 | 11 | */ 12 | 13 | /*---------------------------------------- 14 | Menu basic style 15 | ------------------------------------------*/ 16 | .header{ 17 | z-index: 10; 18 | position: relative; 19 | } 20 | .main__menu { 21 | display: flex; 22 | justify-content: center; 23 | } 24 | .main__menu > li > a { 25 | color: #333333; 26 | display: block; 27 | font-size: 14px; 28 | height: 80px; 29 | line-height: 80px; 30 | position: relative; 31 | text-transform: uppercase; 32 | font-family: 'Poppins', sans-serif; 33 | } 34 | .main__menu li { 35 | position: relative; 36 | margin: 0 20px; 37 | } 38 | .main__menu > li:hover > a{ 39 | color: #c43b68; 40 | } 41 | .logo a{ 42 | display: block; 43 | } 44 | .header__right { 45 | display: flex; 46 | justify-content: flex-end; 47 | height: 80px; 48 | align-items: center; 49 | } 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | /*--------------------------- 60 | Header Two 61 | -----------------------------*/ 62 | 63 | .offsetmenu.offsetmenu__on{ 64 | opacity: 1; 65 | padding-bottom: 50px; 66 | left: calc(0px - 16px); 67 | } 68 | .offsetmenu{ 69 | left: -100%; 70 | } 71 | .offsetmenu{ 72 | overflow-y: inherit !important; 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 | Header three 121 | -----------------------------*/ 122 | 123 | 124 | .menu__click.menu__close__btn { 125 | right: 25px; 126 | position: absolute; 127 | top: 25px; 128 | } 129 | .menu__click.menu__close__btn a i { 130 | background: #000 none repeat scroll 0 0; 131 | } 132 | 133 | /*------------------------ 134 | Header 5 135 | ---------------------------*/ 136 | 137 | 138 | 139 | /* New Code */ 140 | .off__canvars__wrap.right--side.width-half { 141 | position: fixed; 142 | width: calc(50% + 2px); 143 | right: 0; 144 | top: 0; 145 | background: rgba(63, 217, 178, 0.85); 146 | z-index: 50; 147 | height: 100vh; 148 | padding: 50px; 149 | display: flex; 150 | justify-content: center; 151 | align-items: center; 152 | transition: all 0.3s ease-in-out 0s; 153 | } 154 | nav.off__canvars--menu ul li a { 155 | color: #fff; 156 | font-size: 20px; 157 | text-transform: capitalize; 158 | } 159 | nav.off__canvars--menu ul li { 160 | text-align: center; 161 | padding: 10px 0; 162 | } 163 | .off__canvars__open{ 164 | overflow: hidden; 165 | } 166 | 167 | .off__canvars__wrap.right--side.width-half{ 168 | opacity: 0; 169 | visibility: hidden; 170 | z-index: -999; 171 | right: -90%; 172 | } 173 | 174 | .off__canvars__wrap.right--side.width-half.off__canvars__wrap__on{ 175 | opacity: 1; 176 | visibility: visible; 177 | z-index: 99999999; 178 | right: 0; 179 | } 180 | 181 | nav.off__canvars--menu ul li ul li { 182 | z-index: 99999999; 183 | } 184 | nav.off__canvars--menu ul li ul li a { 185 | color: #fff; 186 | z-index: 99999999; 187 | } 188 | 189 | nav.off__canvars--menu ul li a:hover { 190 | color: #ddd; 191 | } 192 | 193 | nav.off__canvars--menu ul li ul li a:hover { 194 | color: #ddd; 195 | } 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | /*----------------------- 217 | Header One Search 218 | -----------------------*/ 219 | 220 | .header__search a i { 221 | color: #000000; 222 | font-size: 19px; 223 | position: relative; 224 | } 225 | 226 | .htc__shopping__cart { 227 | position: relative; 228 | } 229 | .htc__shopping__cart a i { 230 | color: #000000; 231 | font-size: 19px; 232 | } 233 | .htc__shopping__cart a span.htc__qua { 234 | background: #c43b68; 235 | border-radius: 100%; 236 | color: #fff; 237 | font-size: 9px; 238 | height: 17px; 239 | line-height: 19px; 240 | position: absolute; 241 | right: -5px; 242 | text-align: center; 243 | top: -4px; 244 | width: 17px; 245 | } 246 | .header__search a { 247 | padding-right: 20px; 248 | position: relative; 249 | margin-right: 20px; 250 | } 251 | .header__search a::before { 252 | background: #898989; 253 | content: ""; 254 | height: 15px; 255 | position: absolute; 256 | right: 0; 257 | top: 50%; 258 | -webkit-transform: translateY(-70%); 259 | transform: translateY(-70%); 260 | width: 2px; 261 | } 262 | 263 | .header__account a { 264 | color: #000; 265 | font-size: 19px; 266 | margin-right: 20px; 267 | padding-right: 20px; 268 | position: relative; 269 | } 270 | .header__account a::before { 271 | background: #898989 none repeat scroll 0 0; 272 | content: ""; 273 | height: 15px; 274 | position: absolute; 275 | right: 0; 276 | top: 0; 277 | width: 2px; 278 | } 279 | 280 | 281 | 282 | /*----------------------------------------- 283 | Sticky For Header 284 | -------------------------------------------*/ 285 | 286 | .sticky__header.scroll-header { 287 | -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; 288 | animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; 289 | background: rgba(246, 246, 248, 0.9) none repeat scroll 0 0; 290 | box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); 291 | left: 0; 292 | margin: 0 auto; 293 | position: fixed; 294 | right: 0; 295 | top: 0; 296 | width: 100%; 297 | z-index: 99; 298 | } 299 | .header--3 .scroll-header .menumenu__container { 300 | background: transparent; 301 | } 302 | 303 | 304 | .fluid-container.mobile-menu-container { 305 | position: relative; 306 | } 307 | .mobile-logo { 308 | align-items: center; 309 | display: flex; 310 | height: 52px; 311 | left: 0; 312 | padding-left: 15px; 313 | position: absolute; 314 | top: 0; 315 | z-index: 2147483647; 316 | } 317 | .mobile-logo img { 318 | max-height: 25px; 319 | } 320 | 321 | /*----------------------------- 322 | Dropdown Menu 323 | --------------------------------*/ 324 | .main__menu li.drop{ 325 | position: relative; 326 | } 327 | .main__menu li.drop ul.dropdown { 328 | background: #ffffff none repeat scroll 0 0; 329 | box-shadow: 0 0 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1); 330 | left: 0; 331 | margin: 0; 332 | opacity: 0; 333 | padding: 0; 334 | position: absolute; 335 | top: 120%; 336 | transition: all 0.2s ease-in-out 0s; 337 | visibility: hidden; 338 | width: 220px; 339 | z-index: 999; 340 | } 341 | .scroll-header .main__menu li.drop ul.dropdown { 342 | top: 120%; 343 | } 344 | .scroll-header .main__menu li.drop:hover ul.dropdown { 345 | top: 100%; 346 | } 347 | .main__menu li.drop:hover ul.dropdown { 348 | opacity: 1; 349 | visibility: visible; 350 | top: 100%; 351 | } 352 | .main__menu ul.dropdown li { 353 | border-bottom: 1px solid #f4f4f4; 354 | display: block; 355 | } 356 | .main__menu ul.dropdown li a { 357 | background: #ffffff none repeat scroll 0 0; 358 | color: #333; 359 | display: block; 360 | font-size: 13px; 361 | font-weight: 400; 362 | text-align: left; 363 | text-decoration: none; 364 | text-transform: uppercase; 365 | transition: all 0.2s ease-in-out 0s; 366 | padding: 9px 18px; 367 | transition: 0.3s; 368 | font-family: 'Poppins', sans-serif; 369 | } 370 | .main__menu li.drop ul.dropdown li:hover > a { 371 | background: #fafafa none repeat scroll 0 0; 372 | color: #c43b68; 373 | } 374 | .main__menu li.drop ul.dropdown li { 375 | margin: 0; 376 | } 377 | 378 | 379 | 380 | 381 | /*------------------------------- 382 | Mega Menu 383 | ---------------------------------*/ 384 | 385 | .main__menu li.drop ul.dropdown.mega_dropdown { 386 | width: 654px; 387 | } 388 | 389 | .dropdown.mega_dropdown { 390 | width: 655px; 391 | } 392 | .dropdown.mega_dropdown { 393 | display: flex; 394 | justify-content: space-between; 395 | padding: 30px !important; 396 | } 397 | .dropdown.mega_dropdown li a.mega__title { 398 | display: inline-block; 399 | font-size: 20px; 400 | margin-bottom: 20px; 401 | padding: 0 0 10px; 402 | position: relative; 403 | text-transform: capitalize; 404 | } 405 | .dropdown.mega_dropdown li a.mega__title::before { 406 | background: #000 none repeat scroll 0 0; 407 | bottom: 0; 408 | content: ""; 409 | height: 1px; 410 | left: 0; 411 | position: absolute; 412 | width: 100%; 413 | } 414 | 415 | .main__menu li.drop ul.dropdown.mega_dropdown { 416 | left: 50%; 417 | -webkit-transform: translateX(-50%); 418 | transform: translateX(-50%); 419 | } 420 | 421 | .main__menu li.drop ul.dropdown.mega_dropdown li:hover > a { 422 | background: transparent none repeat scroll 0 0; 423 | color: #c43b68 ; 424 | } 425 | .main__menu ul.dropdown.mega_dropdown li a { 426 | padding: 4px 0 12px; 427 | } 428 | .main__menu ul.dropdown.mega_dropdown li { 429 | border-bottom: 1px solid transparent; 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 | cd-words-wrapper 457 | --------------------------------*/ 458 | .theme-color .cd-words-wrapper { 459 | padding: 0px !important; 460 | } 461 | 462 | 463 | 464 | 465 | /*---------------------- 466 | Header Top One 467 | ------------------------*/ 468 | 469 | 470 | .select__language { 471 | display: flex; 472 | margin-right: 34px; 473 | } 474 | .select__language li a { 475 | color: #333333; 476 | text-transform: uppercase; 477 | } 478 | 479 | .select__language > li > ul > li > a { 480 | color: #333333; 481 | } 482 | 483 | .select__language > li:hover > a , .select__language > li > ul > li > a:hover , .htc__contact a:hover{ 484 | color: #c43b68; 485 | } 486 | .htc__contact a { 487 | color: #333333; 488 | font-size: 15px; 489 | } 490 | .ht__header__top__left { 491 | align-items: center; 492 | display: flex; 493 | height: 130px; 494 | } 495 | .ht__header__right li a { 496 | color: #333333; 497 | text-transform: capitalize; 498 | transition: 0.4s; 499 | } 500 | .ht__header__right li a:hover{ 501 | color: #c43b68; 502 | } 503 | .ht__header__right { 504 | align-items: center; 505 | display: flex; 506 | height: 130px; 507 | justify-content: flex-end; 508 | } 509 | .logo { 510 | align-items: center; 511 | display: flex; 512 | height: 80px; 513 | justify-content: flex-start; 514 | } 515 | 516 | .htc__contact a i { 517 | color: #c43b68; 518 | padding-right: 8px; 519 | } 520 | .ht__header__right li + li { 521 | margin-left: 30px; 522 | } 523 | 524 | /*----------------------------------------- 525 | Header Language Option 526 | -------------------------------------------*/ 527 | 528 | .select__language > li + li { 529 | margin-left: 8px; 530 | padding-left: 18px; 531 | } 532 | 533 | .select__language li { 534 | position: relative; 535 | } 536 | 537 | .select__language li.drop--lan .language__option { 538 | background: #fff none repeat scroll 0 0; 539 | left: 0; 540 | opacity: 0; 541 | padding: 10px 20px; 542 | position: absolute; 543 | top: 100%; 544 | transition: all 0.4s ease 0s; 545 | visibility: hidden; 546 | width: 150px; 547 | box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); 548 | z-index: 2; 549 | } 550 | .select__language li.drop--lan:hover .language__option { 551 | opacity: 1; 552 | visibility: visible; 553 | } 554 | .language__option li { 555 | padding: 3px 0; 556 | } 557 | 558 | 559 | 560 | 561 | 562 | 563 | 564 | 565 | /*----------------------------------------- 566 | Header Search area 567 | -------------------------------------------*/ 568 | .search__area .search__inner form button::before { 569 | color: #333; 570 | content: ""; 571 | display: block; 572 | font-family: Material-Design-Iconic-Font; 573 | font-size: 29px; 574 | transition: color 300ms ease 0s; 575 | } 576 | .search__area { 577 | background: #cfcfcd none repeat scroll 0 0; 578 | box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); 579 | left: 0; 580 | position: fixed; 581 | right: 0; 582 | top: 0; 583 | -webkit-transform: translateY(-200%); 584 | transform: translateY(-200%); 585 | transition: all 300ms ease 0s; 586 | z-index: 2147483647; 587 | } 588 | .search__area .search__inner{ 589 | position: relative; 590 | } 591 | .search__area .search__inner form { 592 | margin: 4em 0; 593 | padding: 0 40px 0 0; 594 | position: relative; 595 | text-align: center; 596 | } 597 | .search__area .search__inner form input[type="text"] { 598 | background: #fff none repeat scroll 0 0; 599 | border: medium none; 600 | color: #333; 601 | font-size: 25px; 602 | font-weight: 300; 603 | height: 60px; 604 | line-height: 60px; 605 | padding: 0 70px 0 20px; 606 | text-align: left; 607 | } 608 | .search__area .search__inner form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 609 | color: #333; 610 | font-size: 25px; 611 | font-weight: 300; 612 | } 613 | .search__area .search__inner form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 614 | color: #333; 615 | font-size: 25px; 616 | font-weight: 300; 617 | } 618 | .search__area .search__inner form input[type="text"]:-ms-input-placeholder { /* IE 10+ */ 619 | color: #333; 620 | font-size: 25px; 621 | font-weight: 300; 622 | } 623 | .search__area .search__inner form input[type="text"]:-moz-placeholder { /* Firefox 18- */ 624 | color: #333; 625 | font-size: 25px; 626 | font-weight: 300; 627 | } 628 | .search__area .search__inner form button { 629 | background: transparent none repeat scroll 0 0; 630 | border: 0 none; 631 | border-radius: 0; 632 | cursor: pointer; 633 | height: 60px; 634 | line-height: 60px; 635 | position: absolute; 636 | right: 40px; 637 | top: 0; 638 | width: 60px; 639 | transition: 0.3s; 640 | } 641 | .search__area .search__inner form button:hover { 642 | background: #c43b68 none repeat scroll 0 0; 643 | } 644 | .search__area .search__inner form button:hover::before { 645 | color: #fff; 646 | } 647 | .search__area .search__inner .search__close__btn { 648 | display: block; 649 | line-height: 58px; 650 | position: absolute; 651 | right: 0; 652 | top: 0; 653 | } 654 | .search__area .search__inner .search__close__btn { 655 | color: #fff; 656 | cursor: pointer; 657 | font-size: 21px; 658 | line-height: 58px; 659 | } 660 | .search__close__btn .search__close__btn_icon i { 661 | transition: all 0.5s ease 0s; 662 | -webkit-transform: scale(1) rotate(0deg); 663 | transform: scale(1) rotate(0deg); 664 | } 665 | .search__close__btn .search__close__btn_icon:hover i { 666 | -webkit-transform: scale(2) rotate(180deg); 667 | transform: scale(2) rotate(180deg); 668 | color: #c43b68; 669 | } 670 | .search__box__show__hide .search__area { 671 | -webkit-transform: translateY(0px); 672 | transform: translateY(0px); 673 | transition: all 300ms ease 0s; 674 | } 675 | 676 | /*-------------------------- 677 | Body Onerlay Menu 678 | ----------------------------*/ 679 | .body__overlay { 680 | -webkit-backface-visibility: hidden; 681 | backface-visibility: hidden; 682 | background-color: rgba(0, 0, 0, 0.8); 683 | cursor: url("../../images/icons/close-20.png") 25 25, pointer; 684 | height: 100%; 685 | left: 0; 686 | opacity: 0; 687 | position: fixed; 688 | top: 0; 689 | transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, -webkit-transform 0.3s ease 0s; 690 | transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s; 691 | transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; 692 | visibility: hidden; 693 | width: 100%; 694 | z-index: 99999; 695 | } 696 | .body__overlay.is-visible { 697 | opacity: 1; 698 | transition: opacity 0.3s ease 0s, visibility 0s ease 0s, -webkit-transform 0.3s ease 0s; 699 | transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s; 700 | transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; 701 | visibility: visible; 702 | } 703 | 704 | /*-------------------------- 705 | Toggle menu 706 | ----------------------------*/ 707 | 708 | .shopping__cart, 709 | .user__meta { 710 | background: #eeeeee none repeat scroll 0 0; 711 | box-shadow: 0 0 85px rgba(0, 0, 0, 0.2); 712 | display: block; 713 | height: 100vh; 714 | opacity: 0; 715 | overflow-y: scroll; 716 | position: fixed; 717 | right: -100%; 718 | top: 0; 719 | transition: all 0.25s ease 0s; 720 | width: 100%; 721 | z-index: 99999; 722 | width: 475px; 723 | 724 | } 725 | .offsetmenu { 726 | background: #c43b68; 727 | box-shadow: 0 0 85px rgba(0, 0, 0, 0.2); 728 | display: block; 729 | height: 100vh; 730 | opacity: 0; 731 | overflow-y: scroll; 732 | position: fixed; 733 | right: -100%; 734 | top: 0; 735 | transition: all 0.25s ease 0s; 736 | width: 475px; 737 | z-index: 99999; 738 | } 739 | .user__meta .htc__login__register { 740 | padding-top: 30px; 741 | } 742 | .offsetmenu.offsetmenu__on, 743 | .shopping__cart.shopping__cart__on, 744 | .user__meta.user__meta__on { 745 | opacity: 1; 746 | padding-bottom: 50px; 747 | right: calc(0px - 16px); 748 | } 749 | .offsetmenu__inner, 750 | .shopping__cart__inner, 751 | .user__meta__inner { 752 | height: 100%; 753 | padding: 60px 50px 60px; 754 | } 755 | .offsetmenu__close__btn { 756 | background-color: #eee; 757 | padding: 29px 50px 24px; 758 | position: absolute; 759 | right: 0; 760 | top: 0; 761 | z-index: 10; 762 | } 763 | .offsetmenu__close__btn a i { 764 | color: #666666; 765 | font-size: 36px; 766 | transition: all 0.3s ease 0s; 767 | } 768 | .offsetmenu__close__btn a:hover i{ 769 | color: #c43b68; 770 | } 771 | .offset__widget { 772 | display: flex; 773 | justify-content: space-between; 774 | margin-bottom: 19px; 775 | margin-top: 7px; 776 | } 777 | h4.offset__title { 778 | color: #444444; 779 | font-size: 18px; 780 | font-weight: 500; 781 | margin-bottom: 15px; 782 | text-transform: capitalize; 783 | } 784 | .offset__single ul li a { 785 | color: #303030; 786 | font-size: 14px; 787 | text-transform: capitalize; 788 | transition: all 0.4s ease 0s; 789 | } 790 | .offset__single ul li + li { 791 | padding: 2px 0 0; 792 | } 793 | 794 | .offset__single ul li a:hover { 795 | color: #c43b68; 796 | } 797 | .off__contact p { 798 | color: #303030; 799 | font-size: 16px; 800 | line-height: 28px; 801 | width: 98%; 802 | text-align: center; 803 | } 804 | .offset__sosial__share { 805 | margin-top: 21px; 806 | text-align: center; 807 | } 808 | .off__soaial__link { 809 | display: flex; 810 | justify-content: center; 811 | margin-top: 16px; 812 | } 813 | .off__soaial__link li + li { 814 | padding-left: 15px; 815 | } 816 | .off__soaial__link li a{ 817 | height: 35px; 818 | line-height: 35px; 819 | width: 35px; 820 | text-align: center; 821 | transition: all 0.3s ease 0s; 822 | display: block; 823 | } 824 | .off__soaial__link li a i { 825 | color: #fff; 826 | font-size: 16px; 827 | } 828 | .off__soaial__link li a:hover i { 829 | color: #fff; 830 | } 831 | .off__contact { 832 | margin-bottom: 25px; 833 | } 834 | .off__contact .logo { 835 | margin-bottom: 18px; 836 | text-align: center; 837 | } 838 | 839 | .sidebar__thumd { 840 | display: flex; 841 | flex-wrap: wrap; 842 | margin: 32px -7px 30px; 843 | } 844 | .sidebar__thumd li { 845 | margin: 0 7px 15px; 846 | position: relative; 847 | } 848 | .sidebar__thumd a img { 849 | width: 100%; 850 | } 851 | .sidebar__thumd > li a::before { 852 | background: #c43b68 none repeat scroll 0 0; 853 | content: ""; 854 | height: 100%; 855 | opacity: 0; 856 | position: absolute; 857 | transition: all 0.5s ease 0s; 858 | width: 100%; 859 | } 860 | .sidebar__thumd li a::after { 861 | color: #fff; 862 | content: ""; 863 | font-family: themify; 864 | left: 40%; 865 | opacity: 0; 866 | position: absolute; 867 | top: 33%; 868 | transition: all 0.5s ease 0s; 869 | } 870 | .sidebar__thumd li a { 871 | position: relative; 872 | } 873 | .sidebar__thumd > li a { 874 | display: block; 875 | } 876 | .sidebar__thumd li a:hover::after { 877 | opacity: 1; 878 | } 879 | .sidebar__thumd li a:hover::before { 880 | opacity: 0.7; 881 | } 882 | .shopping__cart__inner { 883 | padding: 102px 50px; 884 | } 885 | .shopping__cart__inner .offsetmenu__close__btn { 886 | padding: 21px 50px 24px; 887 | } 888 | 889 | 890 | /*--------------------------------- 891 | Shopping Cart Area 892 | ---------------------------------*/ 893 | 894 | .shp__pro__details h2 { 895 | border-top-width: 0; 896 | color: #000; 897 | font-size: 14px; 898 | font-weight: 400; 899 | line-height: 1.4; 900 | padding: 0; 901 | text-transform: none; 902 | } 903 | .shoping__total .subtotal { 904 | color: #000; 905 | font-size: 20px; 906 | font-weight: 400; 907 | text-transform: capitalize; 908 | } 909 | .shp__pro__details .shp__price { 910 | color: #c43b68; 911 | display: block; 912 | } 913 | 914 | .shoping__total .subtotal { 915 | color: #000; 916 | font-weight: 400; 917 | } 918 | .shoping__total .total__price { 919 | color: #c43b68; 920 | float: right; 921 | } 922 | .shopping__btn li a { 923 | background-color: transparent; 924 | border: 1px solid #000; 925 | color: #000; 926 | font-size: 14px; 927 | height: 57px; 928 | line-height: 57px; 929 | margin-bottom: 15px; 930 | padding: 0 25px; 931 | text-align: center; 932 | text-transform: none; 933 | transition: all 0.5s ease 0s; 934 | width: 100%; 935 | display: block; 936 | } 937 | .shopping__btn li a:hover{ 938 | background: #c43b68; 939 | border: 1px solid #c43b68; 940 | color: #fff; 941 | } 942 | .shopping__btn .shp__checkout a{ 943 | background-color: #000; 944 | color: #fff; 945 | } 946 | .shp__single__product { 947 | display: flex; 948 | justify-content: space-between; 949 | padding-bottom: 21px; 950 | padding-top: 21px; 951 | } 952 | .shp__pro__thumb { 953 | margin-right: 20px; 954 | } 955 | .shp__pro__thumb a { 956 | display: block; 957 | } 958 | .shp__pro__thumb a img { 959 | max-width: 60px; 960 | } 961 | .remove__btn { 962 | text-align: right; 963 | width: 20px; 964 | } 965 | .shp__pro__details { 966 | min-width: 71%; 967 | } 968 | .shp__cart__wrap { 969 | margin-top: -30px; 970 | } 971 | .shoping__total { 972 | border-top: 1px solid #ddd; 973 | display: flex; 974 | justify-content: space-between; 975 | padding: 22px 0; 976 | } 977 | .remove__btn a i { 978 | color: #ccc; 979 | font-size: 22px; 980 | transition: all 0.5s ease 0s; 981 | } 982 | .remove__btn a:hover i { 983 | color: #c43b68; 984 | -webkit-transform: rotate(180deg); 985 | transform: rotate(180deg); 986 | } 987 | .shp__cart__wrap .shp__single__product + .shp__single__product { 988 | border-top: 1px solid #ddd; 989 | } 990 | --------------------------------------------------------------------------------