\r\n ;\r\n}\r\n\r\nexport default LogoImage;","import React, { Component } from 'react';\r\nimport { Link, NavLink } from 'react-router-dom';\r\nimport { IntlActions } from 'react-redux-multilingual'\r\nimport Pace from 'react-pace-progress'\r\n\r\n// Import custom components\r\nimport store from '../../../store';\r\nimport NavBar from \"./common/custom_reg_navbar\";\r\n//import SideBar from \"./common/sidebar\";\r\n//import CartContainer from \"./../../../containers/CartContainer\";\r\n//import TopBar from \"./common/topbar\";\r\nimport { changeCurrency } from '../../../actions'\r\nimport { connect } from \"react-redux\";\r\n//import TopBarDark from \"./common/topbar-dark\";\r\nimport LogoImage from \"./common/logo\";\r\n\r\nclass HeaderRegistration extends Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tisLoading: false\r\n\t\t}\r\n\t}\r\n\t/*=====================\r\n\t\t Pre loader\r\n\t\t ==========================*/\r\n\tcomponentDidMount() {\r\n\t\tsetTimeout(function () {\r\n\t\t\tdocument.querySelector(\".loader-wrapper\").style = \"display: none\";\r\n\t\t}, 2000);\r\n\t}\r\n\r\n\tcomponentWillMount() {\r\n\t\twindow.addEventListener('scroll', this.handleScroll);\r\n\t}\r\n\tcomponentWillUnmount() {\r\n\t\twindow.removeEventListener('scroll', this.handleScroll);\r\n\t}\r\n\r\n\thandleScroll = () => {\r\n\t\tlet number = window.pageXOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n\r\n\t\tif (number >= 300) {\r\n\t\t\tif (window.innerWidth < 576) {\r\n\t\t\t\tdocument.getElementById(\"sticky\").classList.remove('fixed');\r\n\t\t\t} else\r\n\t\t\t\tdocument.getElementById(\"sticky\").classList.add('fixed');\r\n\t\t} else {\r\n\t\t\tdocument.getElementById(\"sticky\").classList.remove('fixed');\r\n\t\t}\r\n\t}\r\n\r\n\tchangeLanguage(lang) {\r\n\t\tstore.dispatch(IntlActions.setLocale(lang))\r\n\t}\r\n\r\n\topenNav() {\r\n\t\tvar openmyslide = document.getElementById(\"mySidenav\");\r\n\t\tif (openmyslide) {\r\n\t\t\topenmyslide.classList.add('open-side')\r\n\t\t}\r\n\t}\r\n\topenSearch() {\r\n\t\tdocument.getElementById(\"search-overlay\").style.display = \"block\";\r\n\t}\r\n\r\n\tcloseSearch() {\r\n\t\tdocument.getElementById(\"search-overlay\").style.display = \"none\";\r\n\t}\r\n\r\n\tload = () => {\r\n\t\tthis.setState({ isLoading: true });\r\n\t\tfetch().then(() => {\r\n\t\t\t// deal with data fetched\r\n\t\t\tthis.setState({ isLoading: false })\r\n\t\t})\r\n\t};\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n this.closeSetting()}>\r\n
\r\n \r\n
\r\n this.closeSetting()}>\r\n
\r\n \r\n Back\r\n
\r\n \r\n
\r\n \r\n
\r\n layout
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Fashion
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n furniture
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n kids
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n pets
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n vegetables
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n watch
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n beauty
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n new\r\n
\r\n \r\n
\r\n electronics
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n shop
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n left sidebar
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n right sidebar
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n no sidebar
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n metro
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n full width
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n product
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n left sidebar
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n right sidebar
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n no sidebar
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n col left
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n col right
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n accordian
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n column
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n left image
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n right image
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n vertical
\r\n\r\n Preview\r\n \r\n
\r\n \r\n
\r\n color option
\r\n\r\n
\r\n - \r\n
- this.changeColor(e, 'color1')}> \r\n
- this.changeColor(e, 'color2')}> \r\n
- this.changeColor(e, 'color3')}> \r\n
- this.changeColor(e, 'color4')}> \r\n
- this.changeColor(e, 'color5')}> \r\n
- this.changeColor(e, 'color6')}> \r\n
- this.changeColor(e, 'color7')}> \r\n
- this.changeColor(e, 'color8')}> \r\n
- this.changeColor(e, 'color9')}> \r\n
- this.changeColor(e, 'color10')}> \r\n
- this.changeColor(e, 'color11')}> \r\n
- this.changeColor(e, 'color12')}> \r\n
- this.changeColor(e, 'color13')}> \r\n
- this.changeColor(e, 'color14')}> \r\n
- this.changeColor(e, 'color15')}> \r\n
- this.changeColor(e, 'color16')}> \r\n
- this.changeColor(e, 'color17')}> \r\n
- this.changeColor(e, 'color18')}> \r\n
\r\n
\r\n RTL
\r\n\r\n
\r\n - \r\n
- \r\n this.ChangeRtl(this.state.divName)}>\r\n {this.state.divName}\r\n \r\n \r\n
\r\n \r\n purchase Multikart now!\r\n \r\n 
Multikart Angular\r\n \r\n ![\"\"](\"\")
Multikart HTML\r\n \r\n 
Multikart Shopify\r\n
\r\n Multikart Angular\r\n \r\n Multikart Shopify\r\n \r\n
\r\n \r\n this.changeThemeLayout()}\r\n >{this.state.themeLayout?'Light':'Dark'}
\r\n