{"version":3,"sources":["../public/assets/images/form/1.webp","../public/assets/images/dm1.webp","../public/assets/images/dm2.webp","../public/assets/images/dm3.webp","../public/assets/images/gd1.svg","../public/assets/images/ed/2.webp","../public/assets/images/ed/m.webp","../public/assets/images/ed/n.webp","../public/assets/images/ed/tt.webp","../public/assets/images/ed/l.webp","../public/assets/images/ed/js.webp","../public/assets/images/ed/i.webp","../public/assets/images/ed/h.webp","../public/assets/images/ed/eh.webp","../public/assets/images/Dp.webp","../public/assets/images/ui/1.webp","../public/assets/images/ui/2.webp","../public/assets/images/ui/3.webp","../public/assets/images/ui/4.webp","../public/assets/images/ui/5.svg","../public/assets/images/ab.webp","../public/assets/images/app/an.webp","../public/assets/images/app/ap.webp","../public/assets/images/app/hy.webp","../public/assets/images/app/m-app.webp","../public/assets/images/web/1.webp","../public/assets/images/web/2.webp","../public/assets/images/web/3.webp","../public/assets/images/awardphotos/SIH/SIH (1).png","../public/assets/images/awardphotos/SIH/SIH (2).png","../public/assets/images/awardphotos/SIH/SIH (3).png","../public/assets/images/awardphotos/SIH/SIH (4).png","../public/assets/images/awardphotos/SIH/SIH (5).png","../public/assets/images/awardphotos/SIH/SIH (6).png","../public/assets/images/awardphotos/SIH/SIH (7).png","../public/assets/images/awardphotos/TNSI/TNSI (1).png","../public/assets/images/awardphotos/TNSI/TNSI (2).jpg","../public/assets/images/awardphotos/TNSI/TNSI (3).jpg","../public/assets/images/awardphotos/TNSI/TNSI (4).jpg","../public/assets/images/awardphotos/TNSI/TNSI (5).jpg","../public/assets/images/awardphotos/TNSI/TNSI (6).png","../public/assets/images/benchmarksphotos/BENCH2.png","../public/assets/images/benchmarksphotos/PRESS.jpg","../public/assets/images/benchmarksphotos/BEN3.jpg","../public/assets/images/benchmarksphotos/BEN4.JPG","../public/assets/images/benchmarksphotos/BEN5.jpg","../public/assets/images/benchmarksphotos/BEN6.jpg","../public/assets/images/productsphotos/octus.png","../public/assets/images/productsphotos/OTH.png","../public/assets/images/productsphotos/n2a.png","../public/assets/images/productsphotos/hasy.png","../public/assets/images/productsphotos/cruis.png","../public/assets/images/SIH.webp","../public/assets/images/pr.webp","../public/assets/images/awardphotos/press/press (1).JPG","../public/assets/images/awardphotos/press/press (2).jpg","../public/assets/images/awardphotos/press/press (3).jpg","../public/assets/images/awardphotos/press/press (4).JPG","../public/assets/images/benchmarksphotos/BEN7.jpg","components/footer/Footer.jsx","elements/service/ServiceOne.jsx","components/slider/SliderOne.jsx","elements/counters/CounterOne.jsx","elements/Testimonial.jsx","components/HomeLayout/homeOne/About.jsx","page-demo/script.js","components/HomeLayout/homeOne/Portfolio.jsx","elements/blog/BlogContent.jsx","elements/BrandTwo.jsx","components/common/Whatsapp.jsx","components/common/Helmet.jsx","elements/service/ServiceThree.jsx","components/HomeLayout/homeOne/callaction/CallAction.jsx","components/header/HeaderFive.jsx","pages/Home.jsx","elements/contact/ContactThree.jsx","blocks/ContactForm.jsx","pages/Contact.jsx","elements/BrandThree.jsx","elements/common/Breadcrumb.jsx","components/footer/FooterTwo.jsx","components/ServiceExplain.jsx","elements/portfolio/PortfolioList.jsx","blocks/Portfolio.jsx","elements/Accordion.jsx","pages/DigitalMarketing.jsx","pages/Career.jsx","elements/counters/CounterTwo.jsx","pages/Education.jsx","pages/GraphicDesign.jsx","pages/HowWeWork.jsx","elements/portfolio/PortfolioListTwo.jsx","pages/MobileAppDevelopment.jsx","elements/Accordion2.jsx","pages/Team.jsx","pages/WebDevelopment.jsx","components/slider/ImageSlider.jsx","components/tractionLayout.jsx","pages/WhatWeDid.jsx","components/PageScrollTop.js","pages/Products.jsx","pages/Er.jsx","App.js","index.js","../public/assets/images/awardlogos/sih.png","../public/assets/images/awardlogos/tnsi.png","../public/assets/images/awardphotos/TNSI/TNSI (7).jpg"],"names":["module","exports","__webpack_require__","p","SocialShare","Social","React","createElement","FaYoutube","link","FaFacebookF","FaLinkedinIn","FaInstagram","FaTwitter","Footer","_Component","_inherits","_super","_createSuper","_classCallCheck","this","apply","arguments","_createClass","key","value","Fragment","className","href","data-black-overlay","map","val","i","concat","Component","ServiceList","icon","title","description","SliderOne","CounterOne","_this","_len","length","args","Array","_key","call","state","didViewCountUp","onVisibilityChange","isVisible","setState","_this2","countNum","countTitle","index","VisibilitySensor","onChange","offset","top","delayedCall","CountUp","end","Testimonial","Tabs","TabPanel","TabList","Tab","src","pr","alt","About","portfolioSlick2","infinite","slidesToShow","slidesToScroll","dots","arrows","responsive","breakpoint","settings","PortfolioList","image","category","source","Portfolio","Slider","target","BlogContent","images","BrandTwo","Whatsapp","rel","FaWhatsapp","color","AOS","init","PageHelmet","Helmet","props","pageTitle","name","content","FiCast","url","FiLayers","FiUsers","FiMonitor","FiCamera","FiActivity","ServiceThree","CallAction","HeaderFive","menuTrigger","bind","_assertThisInitialized","CLoseMenuTrigger","window","addEventListener","console","log","document","querySelector","classList","toggle","remove","elements","querySelectorAll","hasOwnProperty","onclick","parentElement","logoUrl","_this$props","logo","headerPosition","id","Link","to","onClick","FiMenu","FiX","Home","slice","ScrollToTop","showUnder","FiChevronUp","ContactThree","useHistory","_useState","useState","_useState2","_slicedToArray","inputs","setInputs","handleChange","event","values","_objectSpread","_defineProperty","onSubmit","preventDefault","axios","post","then","response","data","swal","htmlFor","type","placeholder","required","f1","ContactForm","contactTitle","contactImages","Contact","FiHeadphones","FiMail","FiMapPin","width","height","frameborder","scrolling","marginHeight","marginWidth","defaultProps","center","lat","lng","zoom","Breadcrumb","headbelow_p","parent","bg","FooterTwo","PortfolioListContentWeb","column","styevariation","list","item","Accordion01","Accordion","preExpanded","AccordionItem","AccordionItemHeading","AccordionItemButton","AccordionItemPanel","DigitalMarketing","dm1","dm2","dm3","dm4","Career","CounterTwo","Education","e1","dv","class","m","eh","l","n","js","tt","h","ExplainListGraphics","sub1","sub2","sub3","des1","des2","des3","img","gd1","gd2","gd3","GraphicDesign","gd4","gd5","ExpertiseList","FiCode","FaServer","FiLock","FaAddressCard","FiCompass","FaDesktop","liStyle","borderTop","fontSize","paddingTop","HowWeWork","VerticalTimeline","val1","VerticalTimelineElement","date","contentStyle","background","contentArrowStyle","borderRight","iconStyle","shadowSize","style","ab","PortfolioListContentApp","PortfolioListTwo","ExplainListApp","sub","l1","l2","l3","a1","a2","a3","MobileApp","Accordion02","Team","WebDevelopmentList","ExplainList","two","three","one","WebDevelopment","ImageSlider","tag","textAlign","padding","Carousel","time","captionStyle","fontWeight","radius","slideNumber","slideNumberStyle","captionPosition","automatic","pauseIconColor","pauseIconSize","slideBackgroundColor","slideImageFit","thumbnails","thumbnailWidth","maxWidth","maxHeight","margin","TractionLayout","FaAccusoft","size","backgroundColor","FaSteam","FaChartLine","FiPieChart","FiTarget","FiAward","FiTrendingUp","imgStyle","objectFit","transition","padStyle","paddingLeft","paddingRight","cardTitle","buttonStyle","borderColor","vignetteOverlayStyles","position","bottom","left","right","AwardsList1","SIHLOGO","recognition","venue","product","tagId","SIH1","SIH2","SIH3","SIH7","SIH5","SIH4","SIH6","AwardsList2","TNSILOGO","TNSI1","TNSI2","TNSI3","TNSI4","TNSI5","TNSI6","TNSI7","BenchmarksList","BEN1","subtitle","BEN2","BEN5","BEN3","BEN4","BEN6","WhatWeDid","vala","valax","withRouter","useEffect","scrollTo","children","ProductsList","OCTUS","solution","problem","highlight","OTH","N2A","HASY","CRUIS","Products","Er","App","BrowserRouter","basename","PageScrollTop","Switch","Route","exact","path","process","component","DigiMarketing","MobileAppDevelopment","Root","StrictMode","ReactDOM","render","getElementById"],"mappings":"6EAAAA,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,sDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,sDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,sDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,mDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,qDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,wDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,oDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,yDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,0DCAxCH,EAAAC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","file":"static/js/main.7a2d4610.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/1.49165134.webp\";","module.exports = __webpack_public_path__ + \"static/media/dm1.bc208ed2.webp\";","module.exports = __webpack_public_path__ + \"static/media/dm2.ebd503d5.webp\";","module.exports = __webpack_public_path__ + \"static/media/dm3.80699262.webp\";","module.exports = __webpack_public_path__ + \"static/media/gd1.a7fbe6dc.svg\";","module.exports = __webpack_public_path__ + \"static/media/2.aac2f8e1.webp\";","module.exports = __webpack_public_path__ + \"static/media/m.f28bc171.webp\";","module.exports = __webpack_public_path__ + \"static/media/n.785942f5.webp\";","module.exports = __webpack_public_path__ + \"static/media/tt.7d37ab30.webp\";","module.exports = __webpack_public_path__ + \"static/media/l.4c67e3b1.webp\";","module.exports = __webpack_public_path__ + \"static/media/js.57e3cfb8.webp\";","module.exports = __webpack_public_path__ + \"static/media/i.d6b2faf3.webp\";","module.exports = __webpack_public_path__ + \"static/media/h.31446eda.webp\";","module.exports = __webpack_public_path__ + \"static/media/eh.864491c0.webp\";","module.exports = __webpack_public_path__ + \"static/media/Dp.813d594d.webp\";","module.exports = __webpack_public_path__ + \"static/media/1.b314409d.webp\";","module.exports = __webpack_public_path__ + \"static/media/2.187d14f6.webp\";","module.exports = __webpack_public_path__ + \"static/media/3.779b8f6f.webp\";","module.exports = __webpack_public_path__ + \"static/media/4.5971c1d2.webp\";","module.exports = __webpack_public_path__ + \"static/media/5.ee16a9ad.svg\";","module.exports = __webpack_public_path__ + \"static/media/ab.25cf2938.webp\";","module.exports = __webpack_public_path__ + \"static/media/an.6ffac1c1.webp\";","module.exports = __webpack_public_path__ + \"static/media/ap.6ae78e96.webp\";","module.exports = __webpack_public_path__ + \"static/media/hy.c2051370.webp\";","module.exports = __webpack_public_path__ + \"static/media/m-app.cafd4644.webp\";","module.exports = __webpack_public_path__ + \"static/media/1.eb70ec8e.webp\";","module.exports = __webpack_public_path__ + \"static/media/2.39ff732d.webp\";","module.exports = __webpack_public_path__ + \"static/media/3.0a474624.webp\";","module.exports = __webpack_public_path__ + \"static/media/SIH (1).a6ace6db.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH (2).df0807bb.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH (3).3c015f86.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH (4).fe9701a2.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH (5).ef28fc2b.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH (6).c9517fd6.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH (7).b29171bc.png\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (1).c03a9b36.png\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (2).f59255b8.jpg\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (3).c1969447.jpg\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (4).fd504143.jpg\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (5).d09346a0.jpg\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (6).8c6e61a6.png\";","module.exports = __webpack_public_path__ + \"static/media/BENCH2.ee80e213.png\";","module.exports = __webpack_public_path__ + \"static/media/PRESS.4ccf9ce4.jpg\";","module.exports = __webpack_public_path__ + \"static/media/BEN3.49bc0829.jpg\";","module.exports = __webpack_public_path__ + \"static/media/BEN4.d9ead6e4.JPG\";","module.exports = __webpack_public_path__ + \"static/media/BEN5.5bf0ba5b.jpg\";","module.exports = __webpack_public_path__ + \"static/media/BEN6.310b7ac9.jpg\";","module.exports = __webpack_public_path__ + \"static/media/octus.e75900f7.png\";","module.exports = __webpack_public_path__ + \"static/media/OTH.83b07832.png\";","module.exports = __webpack_public_path__ + \"static/media/n2a.d0cb7309.png\";","module.exports = __webpack_public_path__ + \"static/media/hasy.4220e037.png\";","module.exports = __webpack_public_path__ + \"static/media/cruis.46c2d9c8.png\";","module.exports = __webpack_public_path__ + \"static/media/SIH.e633f97e.webp\";","module.exports = __webpack_public_path__ + \"static/media/pr.849c29fe.webp\";","module.exports = __webpack_public_path__ + \"static/media/press (1).696c35a9.JPG\";","module.exports = __webpack_public_path__ + \"static/media/press (2).1dd1fa66.jpg\";","module.exports = __webpack_public_path__ + \"static/media/press (3).2dec52ba.jpg\";","module.exports = __webpack_public_path__ + \"static/media/press (4).3ac91038.JPG\";","module.exports = __webpack_public_path__ + \"static/media/BEN7.53939a5d.jpg\";","import React, { Component } from \"react\";\r\nimport {FaTwitter ,FaInstagram ,FaFacebookF , FaLinkedinIn, FaYoutube} from \"react-icons/fa\";\r\n\r\nconst SocialShare = [\r\n    {Social: <FaYoutube /> , link: 'https://www.youtube.com/channel/UCCw3NXHfO7VuIXRIfKvfcPQ?view_as=subscriber'},\r\n    {Social: <FaFacebookF /> , link: 'https://www.facebook.com/codehunterss'},\r\n    {Social: <FaLinkedinIn /> , link: 'https://www.linkedin.com/in/code-hunters-b0b4841bb/'},\r\n    {Social: <FaInstagram /> , link: 'https://www.instagram.com/code__hunters/'},\r\n    {Social: <FaTwitter /> , link: 'https://twitter.com/CodeHuntets'},\r\n]\r\n\r\nclass Footer extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <footer className=\"footer-area\">\r\n                    <div className=\"footer-wrapper\">\r\n                        <div className=\"row align-items-end row--0\">\r\n                            <div className=\"col-lg-6\">\r\n                                <div className=\"footer-left\">\r\n                                    <div className=\"inner\">\r\n                                        <span>Ready To Do This</span><br/>\r\n                                        <h2>Grow your <br /> Business</h2>\r\n                                        <a className=\"rn-button-style--2\" href=\"/contact\">\r\n                                            <span>Contact Us</span>\r\n                                        </a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-6\">\r\n                                <div className=\"footer-right\" data-black-overlay=\"6\">\r\n                                    <div className=\"row\">\r\n                                        {/* Start Single Widget  */}\r\n                                        <div className=\"col-lg-6 col-sm-6 col-12\">\r\n                                            <div className=\"footer-link\">\r\n                                                <h4>&nbsp;Quick Link</h4>\r\n                                                <ul className=\"ft-link\">\r\n                                                    <li><a href=\"/web-development\">Web Development</a></li>\r\n                                                    <li><a href=\"/mobile-app-development\">App Development</a></li>\r\n                                                    <li><a href=\"/digital-marketing\">Digital Marketing</a></li>\r\n                                                </ul>\r\n                                            </div>\r\n                                        </div>\r\n                                        {/* End Single Widget  */}\r\n                                        {/* Start Single Widget  */}\r\n                                        <div className=\"col-lg-6 col-sm-6 col-12 mt_mobile--30\">\r\n                                            <div className=\"footer-link\">\r\n                                                <h4>&nbsp; Say Hello</h4>\r\n                                                <ul className=\"ft-link\">\r\n                                                    <li><a href=\"tel:+91 9095241578\">+91 9095241578</a></li>\r\n                                                    <li><a href=\"mailto:codehunters2020@gmail.com\">codehunters2020@gmail.com</a></li>\r\n                                                    <li><a href=\"mailto:support@codehunters.co.in\">support@codehunters.co.in</a></li>\r\n                                                </ul>\r\n\r\n                                                <div className=\"social-share-inner\">\r\n                                                    <ul className=\"social-share social-style--2 d-flex justify-content-start liststyle mt--15\">\r\n                                                        {SocialShare.map((val , i) => (\r\n                                                            <li key={i}><a href={`${val.link}`}>{val.Social}</a></li>\r\n                                                        ))}\r\n                                                    </ul>\r\n                                                </div> \r\n                                            </div>\r\n                                        </div>\r\n                                        {/* End Single Widget  */}\r\n\r\n                                        <div className=\"col-lg-12\">\r\n                                            <div className=\"copyright-text\">\r\n                                                <p>Copyright © 2020 - <a href=\"https://www.codehunters.co.in\">CODEHUNTERS</a>. All Rights Reserved.</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </footer>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Footer;","import React, { Component } from \"react\";\r\n\r\nconst ServiceList = [\r\n    {\r\n        icon: '01',\r\n        title: 'Business Stratagy',\r\n        description: 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered.'\r\n    },\r\n    {\r\n        icon: '02',\r\n        title: 'Website Development',\r\n        description: 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered.'\r\n    },\r\n    {\r\n        icon: '03',\r\n        title: 'Marketing & Reporting',\r\n        description: 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered.'\r\n    },\r\n]\r\n\r\nclass ServiceOne extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <div className=\"row\">\r\n                    {ServiceList.map( (val , i) => (\r\n                        <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                            <div className=\"service service__style--1\">\r\n                                <div className=\"icon\">\r\n                                    <img src={`/assets/images/icons/icon-${val.icon}.png`} alt=\"Digital Agency\"/>\r\n                                </div>\r\n                                <div className=\"content\">\r\n                                    <h4 className=\"title\">{val.title}</h4>\r\n                                    <p>{val.description}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default ServiceOne;","import React, { Component } from \"react\";\r\nimport ServiceOne from \"../../elements/service/ServiceOne\";\r\n\r\nclass SliderOne extends Component {\r\n  render() {\r\n    return (\r\n        <div className=\"slider-activation\">\r\n            {/* Start Single Slide */}\r\n            <div className=\"slide slide-style-1 slider-fixed--height d-flex align-items-center bg_image bg_image--35\" data-black-overlay=\"6\">\r\n                <div className=\"container position-relative\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-12\">\r\n                            <div className=\"inner\">\r\n                                <br></br>\r\n                                <h1 className=\"title theme-gradient\">CODEHUNTERS</h1>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* Start Service Area -->ServiceOne*/}\r\n                    <div className=\"service-wrapper \">\r\n                        <div className=\" col-lg-8\">\r\n                          <p className=\"\">Codehunters is a globally recognized Web Development Company and Application Development company with Graded Developers that help enterprises, businesses or even startups with innovative solutions like\r\n                          Web Development | App Development | Digital Marketing | Graphic Design | Security Analysis</p>\r\n                      </div>\r\n                    </div>\r\n                    \r\n                </div>\r\n            </div> \r\n            {/* End Single Slide */}\r\n        </div>\r\n    );\r\n  }\r\n}\r\nexport default SliderOne;","import React, { Component , Fragment } from \"react\";\r\nimport CountUp from 'react-countup';\r\nimport VisibilitySensor from 'react-visibility-sensor';\r\n\r\n\r\nclass CounterOne extends Component{\r\n    state = {\r\n        didViewCountUp: false\r\n    };\r\n    onVisibilityChange = isVisible => {\r\n        if (isVisible) {\r\n            this.setState({didViewCountUp: true});\r\n        }\r\n    }\r\n    render(){\r\n        let Data = [\r\n            {\r\n                countNum : 54,\r\n                countTitle: 'Projects done so far',\r\n            },\r\n            {\r\n                countNum : 107,\r\n                countTitle: 'Clients increasing day by day',\r\n            },\r\n            {\r\n                countNum : 400,\r\n                countTitle: 'Ads running and still counting',\r\n            },\r\n        ];\r\n\r\n        return(\r\n            <Fragment>\r\n                <div className=\"row\">\r\n                    {Data.map( (value, index) => (\r\n                        <div className=\"counterup_style--1 col-lg-4 col-md-4 col-sm-6 col-12 mt--70\" key={index}>\r\n                            <h5 className=\"counter\">\r\n                                <VisibilitySensor onChange={this.onVisibilityChange} offset={{top:10}} delayedCall>\r\n                                    <CountUp end={this.state.didViewCountUp ? value.countNum : 0} />\r\n                                </VisibilitySensor>\r\n                            </h5>\r\n                            <p className=\"description mt--30\">{value.countTitle}</p>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\nexport default CounterOne;","import React, { Component } from \"react\";\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport pr from \"../../public/assets/images/pr.webp\";\r\n\r\n\r\nclass Testimonial extends Component{\r\n    \r\n    render(){\r\n        \r\n        return(\r\n            <React.Fragment>\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                        <Tabs>\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                        <p>We have been working with CODEHUNTERS for the past year and have been extremely impressed with their level of expertise and professionalism.</p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                        <h6><span>Somu Karupaiah </span> - CEO, Mega software solutions, Bahrain.</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                        <p>CODEHUNTERS helped us significantly improve our online presence and reach our marketing goals. I highly recommend them to any business looking to succeed in the digital world.</p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                        <h6><span>Manimegalai</span> - COO, PRORGB, Bahrain.</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                        <p>As a small business, we were intimidated by the idea of launching a digital marketing campaign. CODEHUNTERS made the process easy and stress-free, and the results have been fantastic.</p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                    <h6><span>Kabilan</span> - CEO, Mobile care v2, Karaikal</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                    <p>Our website traffic and sales have both increased significantly, and we couldn't be happier. Thank you HUNTERS!</p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                    <h6><span>Edison</span> - Founder, Quing Publications, Pondichery</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                    <p>We have worked with many different IT companies over the years, but none have impressed us as much as CODEHUNTERS.</p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                    <h6><span>saravanan</span> - CEO, SM Chennai</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                    <p> Their team is knowledgeable, responsive, and a pleasure to work with. They have helped us develop custom software solutions that have greatly improved our operations and efficiency.</p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                    <h6><span>Uniez</span> - CEO, Wahrheit International, UAE</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                    <p>We approached CODEHUNTERS with a very specific and complex app development project, and they exceeded our expectations at every turn. </p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                    <h6><span>Srinithi Umanathan</span> - CEO, Retailers, Trichy.</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n\r\n                            <TabPanel>\r\n                                <div className=\"rn-testimonial-content text-center\">\r\n                                    <div className=\"inner\">\r\n                                    <p>I have been using CODEHUNTERS's YouTube videos to learn about various IT topics, and I have been extremely impressed with the quality of the content. </p>\r\n                                    </div>\r\n                                    <div className=\"author-info mt--20\">\r\n                                    <h6><span>Vimal</span> - CEO, JKM-MART, Jayankondam.</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPanel>\r\n                            \r\n                            <TabList className=\"testimonial-thumb-wrapper\">\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                                <Tab>\r\n                                    <div className=\"testimonial-thumbnai\">\r\n                                        <div className=\"thumb\">\r\n                                            <img src={pr} alt=\"Testimonial Images\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </Tab>\r\n                            </TabList>\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Testimonial;","import React, { Component } from \"react\";\r\n\r\nclass About extends Component{\r\n    render(){\r\n        let title = 'About',\r\n        description = 'As a reputable software development and digital marketing organisation, we provide a wide range of web development, app development, digital marketing, graphic design, and security analysis services to help businesses stand out from the competition.';\r\n        return(\r\n            <React.Fragment>\r\n                <div className=\"about-wrapper\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row row--35 align-items-center\">\r\n\r\n                            <div className=\"col-lg-5 col-md-12\">\r\n                                <div className=\"thumbnail\">\r\n                                    <img className=\"w-100\" src=\"/assets/images/about/about-1.jpg\" alt=\"About Images\"/>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-7 col-md-12\">\r\n                                <div className=\"about-inner inner\">\r\n                                    <div className=\"section-title\">\r\n                                        <h2 className=\"title\">{title}</h2>\r\n                                        <p className=\"description\">{description}</p>\r\n                                    </div>\r\n                                    <div className=\"row mt--30 mt_sm--10\">\r\n                                        <div className=\"col-lg-6 col-md-12 col-sm-12 col-12\">\r\n                                            <div className=\"about-us-list\">\r\n                                                <h3 className=\"title\">Who we are</h3>\r\n                                                <p>We provide a wide range of services, such as software development, web  development, and IT consulting, as a top IT firm situated in Jayankondam.</p>\r\n                                          </div>\r\n                                        </div>\r\n                                        <div className=\"col-lg-6 col-md-12 col-sm-12 col-12\">\r\n                                            <div className=\"about-us-list\">\r\n                                                <h3 className=\"title\">What we do</h3>\r\n                                                <p>Our team has a wide range of abilities, and we are constantly searching for fresh, creative approaches to assist our clients in realising their objectives.</p>\r\n                                          </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default About;","\r\nexport const portfolioSlick = {\r\n    dots: true,\r\n    infinite: true,\r\n    slidesToShow: 4,\r\n    slidesToScroll: 1,\r\n    responsive: [{\r\n        breakpoint: 800,\r\n        settings: {\r\n            slidesToShow: 2,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 420,\r\n        settings: {\r\n            slidesToShow: 1,\r\n        }\r\n    }\r\n]\r\n\r\n};\r\n\r\nexport const portfolioSlick2 = {\r\n    infinite: true,\r\n    slidesToShow: 5,\r\n    slidesToScroll: 1,\r\n    dots: true,\r\n    arrows: true,\r\n    responsive: [{\r\n        breakpoint: 800,\r\n        settings: {\r\n            slidesToShow: 3,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 1200,\r\n        settings: {\r\n            slidesToShow: 3,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 993,\r\n        settings: {\r\n            slidesToShow: 2,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 769,\r\n        settings: {\r\n            slidesToShow: 2,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 481,\r\n        settings: {\r\n            slidesToShow: 1,\r\n        }\r\n    }\r\n]\r\n};\r\n\r\nexport const slickDot = {\r\n    infinite: true,\r\n    slidesToShow: 3,\r\n    slidesToScroll: 1,\r\n    dots: true,\r\n    arrows: false,\r\n    responsive: [{\r\n        breakpoint: 800,\r\n        settings: {\r\n            slidesToShow: 2,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 993,\r\n        settings: {\r\n            slidesToShow: 2,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 580,\r\n        settings: {\r\n            slidesToShow: 2,\r\n        }\r\n    },\r\n    {\r\n        breakpoint: 481,\r\n        settings: {\r\n            slidesToShow: 1,\r\n        }\r\n    }\r\n]\r\n};\r\n\r\n\r\nexport const slideSlick = {\r\n    infinite: true,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n    dots: true,\r\n    arrows: true,\r\n    fade: true,\r\n    easing: \"fade\",\r\n    adaptiveHeight: true\r\n};\r\n\r\n","import React, { Component } from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport { portfolioSlick2 } from \"../../../page-demo/script\";\r\nimport {Link} from \"react-router-dom\";\r\n\r\n\r\nconst PortfolioList = [\r\n    {\r\n        image: 'image-1',\r\n        category: 'Software Development Company',\r\n        title: 'MEGA SOFTWARE SOLUTIONS',\r\n        source:'https://megasolutionsbh.com/'\r\n    },\r\n    {\r\n        image: 'image-2',\r\n        category: 'Academic Publisher',\r\n        title: ' QUING PUBLICATIONS',\r\n        source:'https://quingpublications.com/'\r\n    },\r\n    {\r\n        image: 'image-3',\r\n        category: 'Share Market',\r\n        title: 'WAHRHEIT INTERNATIONAL',\r\n        source:'https://www.wahrheitinternational.com/'\r\n    },\r\n    {\r\n        image: 'image-4',\r\n        category: 'Mobile Servicing',\r\n        title: ' MOBILE CARE V2',\r\n        source:'https://mobilecarev2.com/'\r\n    },\r\n    {\r\n        image: 'image-1',\r\n        category: 'Digital Screens',\r\n        title: 'PRO-RGB',\r\n        source:'https://pro-rgb.com/'\r\n    },\r\n    {\r\n        image: 'image-6',\r\n        category: 'Banking Sector',\r\n        title: ' ALBARAKA BANK',\r\n        source:'https://albaraka.com/'\r\n    }\r\n]\r\n\r\nclass Portfolio extends Component{\r\n    render(){\r\n        let title = 'OUR WORKS',\r\n        description = 'we are proud of the work we have done for our clients. Here are just a few examples of the projects we have completed.';\r\n        return(\r\n            <React.Fragment>\r\n                <div className=\"portfolio-wrapper\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row \">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mt--50 \">\r\n                                    <h2>{title}</h2>\r\n                                    <p>we are proud of the work we have done for our clients. Here are just a few <br/> examples of the projects we have completed.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"portfolio-slick-activation mt--70 mt_sm--40\">\r\n                        <Slider {...portfolioSlick2}>\r\n                            {PortfolioList.map((value , index) => (\r\n                                <div className=\"portfolio\" key={index}>\r\n                                    <div className=\"thumbnail-inner\">\r\n                                        <div className={`thumbnail ${value.image}`}></div>\r\n                                        <div className={`bg-blr-image ${value.image}`}></div>\r\n                                    </div>\r\n                                    <div className=\"content\">\r\n                                        <div className=\"inner\">\r\n                                            <p>{value.category}</p>\r\n                                            <h4 className=\"title\"><a target='_blank' href={value.source}>{value.title}</a></h4>\r\n                                            <div className=\"portfolio-button\">\r\n                                                <a className=\"rn-btn\" target='_blank' href={value.source}>View Site</a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                            ))}\r\n                        </Slider>\r\n                    </div>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Portfolio;","const BlogContent = [\r\n    {\r\n        images: '01',\r\n        title: ' Getting tickets to the big show',\r\n        category: 'Development'\r\n    },\r\n    {\r\n        images: '02',\r\n        title: 'A big ticket gone to be an interesting ',\r\n        category: 'Management'\r\n    },\r\n\r\n    {\r\n        images: '03',\r\n        title: 'The Home of the Future Could Bebes',\r\n        category: 'Design'\r\n    },\r\n    {\r\n        images: '04',\r\n        title: ' Getting tickets to the big show',\r\n        category: 'Development'\r\n    },\r\n    {\r\n        images: '01',\r\n        title: 'A big ticket gone to be an interesting ',\r\n        category: 'Management'\r\n    },\r\n    {\r\n        images: '02',\r\n        title: 'The Home of the Future Could Bebes',\r\n        category: 'Design'\r\n    },\r\n]\r\n\r\nexport default BlogContent;","import React, { Component } from \"react\";\r\n\r\nclass BrandTwo extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <ul className=\"brand-style-2\">\r\n                    <li>\r\n                        <a href=\"https://megasolutionsbh.com/\" target='_blank'><img src=\"/assets/images/brand/brand-01.webp\" alt=\"Logo Images\"/></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"https://quingpublications.com/\" target='_blank'><img src=\"/assets/images/brand/brand-02.webp\" alt=\"Logo Images\"/></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"https://www.wahrheitinternational.com/\" target='_blank'><img src=\"/assets/images/brand/brand-03.webp\" alt=\"Logo Images\"/></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"https://mobilecarev2.com/\" target='_blank'><img src=\"/assets/images/brand/brand-04.webp\" alt=\"Logo Images\"/></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"https://pro-rgb.com/\" target='_blank'><img src=\"/assets/images/brand/brand-05.webp\" alt=\"Logo Images\"/></a>\r\n                    </li>\r\n                   \r\n                </ul>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default BrandTwo;","import React from 'react'\r\nimport AOS from \"aos\";\r\nimport '../../../public/assets/css/aos.css'\r\nimport { FaWhatsapp } from 'react-icons/fa';\r\nAOS.init();\r\n\r\nexport default function Whatsapp() {\r\n  return (\r\n        <div className=\"container text-center\">\r\n            <a  href=\"https://wa.me/6379857110\"\r\n                className=\"whatsapp_float\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\" >\r\n            <i className=\"fa fa-whatsapp whatsapp-icon\"> <FaWhatsapp color='white' /></i>\r\n            </a>\r\n        </div>\r\n  )\r\n}\r\n","import React, { Component } from \"react\";\r\nimport {Helmet} from 'react-helmet'\r\nimport Whatsapp from \"./Whatsapp\";\r\nclass PageHelmet extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <Helmet>\r\n                    <title>{this.props.pageTitle} | CODEHUNTERS </title>\r\n                    <meta name=\"description\" \r\n                    content=\"CODEHUNTERS is a globally recognized Marketing agency & Web and Application development company with experts that help enterprises, businesses and startups with innovative solutions like Web Development | App Development | Digital Marketing | Graphic Design | Security Analysis\" />\r\n                </Helmet>\r\n                <Whatsapp/>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default PageHelmet;\r\n","import React, { Component } from \"react\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor, FiCamera, FiActivity } from \"react-icons/fi\";\r\n\r\nconst ServiceList = [\r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Website development',\r\n        description: 'We offer a range of web design and development services, including custom website design, e-commerce development, and responsive design.',\r\n        url:'/web-development'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Mobile app development',\r\n        description: 'we specialize in custom app development for a wide range of platforms, including iOS, Android, and the web. Our team of experienced developers can help you turn your app idea into a reality, from initial concept to final launch.',\r\n        url:'/mobile-app-development'\r\n\r\n    },\r\n    {\r\n        icon: <FiUsers />,\r\n        title: 'Marketing & Reporting',\r\n        description: 'we are a full-service digital marketing agency, dedicated to helping businesses of all sizes achieve their online marketing goals.',\r\n        url:'/digital-marketing'\r\n\r\n    },\r\n    {\r\n        icon: <FiMonitor/>,\r\n        title: 'Software Development',\r\n        description: 'we specialize in custom software development for businesses of all sizes. Our team of experienced developers can help you design, build, and maintain software applications to meet your specific needs. ',\r\n        url:'/mobile-app-development'\r\n\r\n    },\r\n    {\r\n        icon: <FiCamera/>,\r\n        title: 'Graphics design',\r\n        description: 'we offer a full range of graphic design services to help businesses of all sizes effectively communicate their brand and message. Our team of experienced designers can help you with a wide range of projects.',\r\n        url:'/graphic-design'\r\n\r\n    },\r\n    {\r\n        icon: <FiActivity />,\r\n        title: 'DevOps development',\r\n        description: 'we specialize in DevOps development services to help businesses of all sizes streamline their software development and delivery processes. Our team of experienced developers and IT professionals can help you.',\r\n        url:'/web-development'\r\n\r\n    }\r\n]\r\n\r\nclass ServiceThree extends Component{\r\n    render(){\r\n        let title = 'Services we offer';\r\n        return(\r\n            <React.Fragment>\r\n                 <div className=\"service-area ptb--120 bg_color--5\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>{title}</h2>\r\n                                    <p>At CODEHUNTERS, we offer a full range of IT services to help businesses of all<br/> sizes succeed in the digital world.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row service-one-wrapper\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    <a href={val.url}>\r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </a>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default ServiceThree;","import React from 'react'\r\nconst CallAction = () => {\r\n    return (\r\n        <div className='callaction '>\r\n        <div className=\"call-to-action-wrapper call-to-action text-white-wrapper\">\r\n            <div className=\"container ptb--60\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"inner text-center\">\r\n                            <br></br>\r\n                            <span>WANT TO GET IN TOUCH ?!</span>\r\n                            <h2>We'd Love To Hear From You</h2>\r\n                            <a className=\"rn-button-style--2 mb-10\" href=\"/contact\"><span>GET IN TOUCH</span></a>\r\n                            \r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        {/* <div className=\"call-to-action-wrapper call-to-action text-white-wrapper  ptb--50\">\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"inner text-center\">\r\n                            <span>WANT TO LEARN ?</span>\r\n                            <h2>EXPLAIN & EXPLORE</h2>\r\n                            <a className=\"rn-button-style--2\" href=\"/contact\"><span>LEARN</span></a>\r\n                        </div>\r\n                    </div>\r\n             </div>\r\n            </div>\r\n        </div> */}\r\n    </div>\r\n    )\r\n}\r\nexport default CallAction;","// import React, { Component } from \"react\";\r\n// import { Link } from 'react-router-dom';\r\n// import { FiX , FiMenu } from \"react-icons/fi\";\r\n\r\n\r\n// class HeaderFive extends Component{\r\n//     constructor(props) {\r\n//         super(props);\r\n//         this.menuTrigger = this.menuTrigger.bind(this);\r\n//         this.CLoseMenuTrigger = this.CLoseMenuTrigger.bind(this);\r\n//        //  this.subMetuTrigger = this.subMetuTrigger.bind(this);\r\n//         window.addEventListener('load', function() {\r\n//             console.log('All assets are loaded')\r\n//         })\r\n//     }\r\n//     menuTrigger() {\r\n//         document.querySelector('.header-wrapper').classList.toggle('menu-open')\r\n//     }\r\n//     CLoseMenuTrigger() {\r\n//         document.querySelector('.header-wrapper').classList.remove('menu-open');\r\n//     }\r\n//     render(){\r\n//         var elements = document.querySelectorAll('.has-droupdown > a');\r\n//         for(var i in elements) {\r\n//             if(elements.hasOwnProperty(i)) {\r\n//                 elements[i].onclick = function() {\r\n//                     this.parentElement.querySelector('.submenu').classList.toggle(\"active\");\r\n//                     this.classList.toggle(\"open\");\r\n//                 }\r\n//             }\r\n//         }\r\n        \r\n//         const { logo, color , headerPosition } = this.props;\r\n//         let logoUrl;\r\n//         if(logo === 'light'){\r\n//             logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n//         }else if(logo === 'dark'){\r\n//             logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n//         }else if(logo === 'symbol-dark'){\r\n//             logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n//         }else if(logo === 'all-dark'){\r\n//             logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n//         } else if(logo === 'symbol-light'){\r\n//             logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n//         }else{\r\n//             logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n//         }\r\n        \r\n//         return(\r\n//             <header className={`header-area formobile-menu ${headerPosition} ${color}`}>\r\n//                 <div className=\"header-wrapper\" id=\"header-wrapper\">\r\n//                     <div className=\"container\">\r\n//                         <div className=\"row align-items-center\">\r\n//                             <div className=\"col-lg-3 col-md-4 col-6\">\r\n//                                 <div className=\"header-left\">\r\n//                                     <div className=\"logo\">\r\n//                                         <a href=\"/\">\r\n//                                             {logoUrl}\r\n//                                         </a>\r\n//                                     </div>\r\n//                                 </div>\r\n//                             </div>\r\n//                             <div className=\"col-lg-9 col-md-8 col-6\">\r\n//                                 <div className=\"header-right justify-content-end\">\r\n//                                     <nav className=\"mainmenunav d-lg-block\">\r\n//                                         <ul className=\"mainmenu\">\r\n//                                             <li className=\"has-droupdown\"><Link to=\"/\">Home</Link></li>\r\n//                                             {/* <li className=\"has-droupdown\">Service\r\n//                                                 <ul className=\"submenu\">\r\n//                                                 <li><Link to=\"/web-development\">Web Development</Link></li>\r\n//                                                 <li><Link to=\"/Mobile-App-Development\">Mobile App Development</Link></li>\r\n//                                                 <li><Link to=\"/Digital-Marketing\">Digital Marketing</Link></li>\r\n//                                                 <li><Link to=\"/graphic-design\">Graphic Designing</Link></li>\r\n//                                                 <li><Link to=\"/education\">Education</Link></li>\r\n                                                    \r\n//                                                 </ul>\r\n//                                             </li> */}\r\n\r\n//                                             <li className=\"has-droupdown\">About\r\n//                                             <ul className=\"submenu\">\r\n//                                             <li><Link to=\"/team\">Team</Link></li>\r\n//                                             <li><Link to=\"/how-we-work\">How We Work</Link></li>\r\n//                                             <li><Link to=\"/what-we-did\">What We Did</Link></li>\r\n//                                             <li><Link to=\"/career\">Career</Link></li>\r\n                                                \r\n//                                                 </ul>\r\n//                                             </li>\r\n\r\n//                                             <li className=\"has-droupdown\"><Link to=\"/contact\">Contact</Link></li>\r\n                                            \r\n//                                         </ul>\r\n//                                     </nav>\r\n                                    \r\n//                                     {/* Start Humberger Menu  */}\r\n//                                     <div className=\"humberger-menu d-block d-lg-none pl--20\">\r\n//                                         <span onClick={this.menuTrigger} className=\"menutrigger text-white\"><FiMenu /></span>\r\n//                                     </div>\r\n//                                     {/* End Humberger Menu  */}\r\n//                                     <div className=\"close-menu d-block d-lg-none\">\r\n//                                         <span onClick={this.CLoseMenuTrigger} className=\"closeTrigger\"><FiX /></span>\r\n//                                     </div>\r\n//                                 </div>\r\n//                             </div>\r\n//                         </div>\r\n//                     </div>\r\n//                 </div>\r\n//             </header>\r\n//         )\r\n//     }\r\n// }\r\n// export default HeaderFive;\r\n\r\n\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Link } from 'react-router-dom';\r\nimport { FiX , FiMenu } from \"react-icons/fi\";\r\nimport Whatsapp from \"../common/Whatsapp\";\r\n\r\n\r\nclass HeaderFive extends Component{\r\n    constructor(props) {\r\n        super(props);\r\n        this.menuTrigger = this.menuTrigger.bind(this);\r\n        this.CLoseMenuTrigger = this.CLoseMenuTrigger.bind(this);\r\n       //  this.subMetuTrigger = this.subMetuTrigger.bind(this);\r\n        window.addEventListener('load', function() {\r\n            console.log('All assets are loaded')\r\n        })\r\n    }\r\n    menuTrigger() {\r\n        document.querySelector('.header-wrapper').classList.toggle('menu-open')\r\n    }\r\n    CLoseMenuTrigger() {\r\n        document.querySelector('.header-wrapper').classList.remove('menu-open');\r\n    }\r\n    render(){\r\n        var elements = document.querySelectorAll('.has-droupdown > a');\r\n        for(var i in elements) {\r\n            if(elements.hasOwnProperty(i)) {\r\n                elements[i].onclick = function() {\r\n                    this.parentElement.querySelector('.submenu').classList.toggle(\"active\");\r\n                    this.classList.toggle(\"open\");\r\n                }\r\n            }\r\n        }\r\n        \r\n        const { logo, color , headerPosition } = this.props;\r\n        let logoUrl;\r\n        if(logo === 'light'){\r\n            logoUrl = <img src=\"/assets/images/logo/logo-light.png\" alt=\"Trydo\" />;\r\n        }else if(logo === 'dark'){\r\n            logoUrl = <img src=\"/assets/images/logo/logo-dark.png\" alt=\"Trydo\" />;\r\n        }else if(logo === 'symbol-dark'){\r\n            logoUrl = <img src=\"/assets/images/logo/logo-symbol-dark.png\" alt=\"Trydo\" />;\r\n        }else if(logo === 'all-dark'){\r\n            logoUrl = <img src=\"/assets/images/logo/logo-all-dark.png\" alt=\"Trydo\" />;\r\n        } else if(logo === 'symbol-light'){\r\n            logoUrl = <img src=\"/assets/images/logo/logo-symbol-light.png\" alt=\"Trydo\" />;\r\n        }else{\r\n            logoUrl = <img src=\"/assets/images/logo/logo.png\" alt=\"Trydo\" />;\r\n        }\r\n        \r\n        return(\r\n            <header className={`header-area formobile-menu ${headerPosition} ${color}`}>\r\n                <div className=\"header-wrapper\" id=\"header-wrapper\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row align-items-center \">\r\n                            <div className=\"col-lg-4 col-md-5 col-9\">\r\n                                <div className=\"header-left\">\r\n                                    <div className=\"logo\">\r\n                                        <a href=\"/\">\r\n                                            {logoUrl}\r\n                                        </a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-8 col-md-7 col-3\">\r\n                                <div className=\"header-right justify-content-end\">\r\n                                    <nav className=\"mainmenunav d-lg-block\">\r\n                                        \r\n                                        <ul className=\"mainmenu\">\r\n                                            <li><Link to=\"/\">Home</Link>\r\n                                                \r\n                                            </li>\r\n                                            <li className=\"has-droupdown\"><Link to='#'  >Service</Link>\r\n                                                <ul className=\"submenu\">\r\n                                                    <li><Link to=\"/web-development\">Web development</Link></li>\r\n                                                    <li><Link to=\"/mobile-app-development\">App development</Link></li>\r\n                                                    <li><Link to=\"/digital-marketing\">Digital marketing</Link></li>\r\n                                                    <li><Link to=\"/graphic-design\">Graphic design</Link></li>\r\n                                                    <li><Link to=\"/education\">Education</Link></li>\r\n\r\n\r\n                                                    \r\n                                                </ul>\r\n                                            </li>\r\n                                            \r\n                                            <li className=\"has-droupdown\"><Link to='#'  >About</Link>\r\n                                                <ul className=\"submenu\">\r\n                                                    <li><Link to=\"/team\">Team</Link></li>\r\n                                                    <li><Link to=\"/how-we-work\">How we work</Link></li>\r\n                                                    <li><Link to=\"/what-we-did\">What we did</Link></li>\r\n                                                    <li><Link to=\"/career\">Career</Link></li>\r\n                                                    <li><Link to=\"/products\">Products</Link></li>\r\n                                                    \r\n                                                </ul>\r\n                                            </li>\r\n\r\n                                            \r\n                                            \r\n                                            <li><Link to=\"/contact\" >Contact</Link></li>\r\n                                            \r\n                                            \r\n                                        </ul>\r\n                                        \r\n                                    </nav>\r\n                                    <div className=\"header-btn row\">\r\n                                        <a className=\"rn-btn\" href=\"tel:+919095241578\">\r\n                                            <span>Call now</span> \r\n                                        </a>\r\n                                    </div>\r\n                                    \r\n                                    {/* Start Humberger Menu  */}\r\n                                    <div className=\"humberger-menu d-block d-lg-none pl--20\">\r\n                                        <span onClick={this.menuTrigger} className=\"menutrigger text-white\"><FiMenu /></span>\r\n                                    </div>\r\n                                    {/* End Humberger Menu  */}\r\n                                    <div className=\"close-menu d-block d-lg-none\">\r\n                                        <span onClick={this.CLoseMenuTrigger} className=\"closeTrigger\"><FiX /></span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </header>\r\n        )\r\n    }\r\n}\r\nexport default HeaderFive;","import React, { Component , Fragment } from \"react\";\r\nimport ScrollToTop from 'react-scroll-up';\r\nimport { FiChevronUp } from \"react-icons/fi\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport SliderOne from \"../components/slider/SliderOne\";\r\nimport CounterOne from \"../elements/counters/CounterOne\";\r\nimport Testimonial from \"../elements/Testimonial\";\r\nimport About from \"../components/HomeLayout/homeOne/About\";\r\nimport Portfolio from \"../components/HomeLayout/homeOne/Portfolio\";\r\nimport BlogContent from \"../elements/blog/BlogContent\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport Helmet from \"../components/common/Helmet\";\r\nimport ServiceThree from \"../elements/service/ServiceThree\";\r\nimport CallAction from \"../components/HomeLayout/homeOne/callaction/CallAction\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\n\r\n\r\n\r\n\r\nclass Home extends Component{\r\n    render(){\r\n        const PostList = BlogContent.slice(0 , 3);\r\n        return(\r\n            <Fragment> \r\n                <Helmet pageTitle=\"MARKETING AGENCY | SOFTWARE DEVELOPMENT COMPANY\" />\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                {/* Start Slider Area   */}\r\n                <div className=\"slider-wrapper\">\r\n                    <SliderOne />\r\n                </div>\r\n                {/* End Slider Area   */}\r\n                \r\n                {/* Start About Area */}\r\n                <div className=\"about-area about-position-top pb--120\">\r\n                    <About />\r\n                </div>\r\n                {/* End About Area */}\r\n\r\n                <div className=\"service-area ptb--0  bg_image bg_image--3\">\r\n                  \r\n                        <ServiceThree />\r\n                \r\n                </div>\r\n\r\n                {/* Start Call Action Area */}\r\n                <div className=\"portfolio-area ptb--0 \">\r\n                <CallAction/>\r\n                </div>\r\n             \r\n                {/* End Call Action Area */}\r\n\r\n                {/* Start Portfolio Area */}\r\n                <div className=\"portfolio-area ptb--120 bg_color--1\">\r\n                    <div className=\"portfolio-sacousel-inner mb--55\">\r\n                        <Portfolio />\r\n                    </div>\r\n                </div>\r\n                {/* End Portfolio Area */}\r\n\r\n\r\n                {/* Start CounterUp Area */}\r\n                <div className=\"rn-counterup-area pt--25 pb--110 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12 mt--30\">\r\n                                <div className=\"section-title text-center\">\r\n                                    <h3 className=\"fontWeight500\">Unbelievable Numbers</h3>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <CounterOne />\r\n                    </div>\r\n                </div>\r\n                {/* End CounterUp Area */}\r\n\r\n                {/* Start Testimonial Area */}\r\n                <div className=\"rn-testimonial-area ptb--40\">\r\n                    <div className=\"container\">\r\n                    <div className=\"section-title text-center mb--20 mb_sm--0 mb_md--0\">\r\n                                    <h2 className=\"fontWeight900\"> TESTIMONIALS</h2>\r\n                        </div>\r\n                        <Testimonial />\r\n                    </div>\r\n                </div>\r\n                {/* End Testimonial Area */}\r\n\r\n\r\n                {/* Start Brand Area */}\r\n                <div className=\"rn-brand-area brand-separation bg_color--5 pb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12 \">\r\n                                <BrandTwo />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Brand Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <Footer />\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Home;","import axios from 'axios'\r\nimport React, {useState} from 'react'\r\nimport swal from 'sweetalert';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport App from \"../../App\";\r\nimport f1 from \"../../../public/assets/images/form/1.webp\"\r\n\r\n\r\n\r\n\r\n// const cors = require('cors');\r\n\r\n\r\n// App.use(cors());\r\n\r\n\r\n\r\nfunction ContactThree() {\r\n   \r\n    // const [values, setValues]= useState({\r\n    //     Name: '',\r\n    //     Email: '',\r\n    //     Phone: '',\r\n    //     Message:''\r\n\r\n    // })\r\n    // const handleChange = (event) => {\r\n    //     setValues({...values,[event.target.name]:[event.target.value]})\r\n    // }\r\n    // const handleSubmit = (event) =>{\r\n        \r\n    //     event.preventDefault();\r\n        \r\n    //     axios.post('http://localhost:8080/insert',values)\r\n        \r\n    //     .then(res => (\r\n    //         swal(\"Message sent!\", \"We will connect you ASAP\")\r\n    //         )\r\n\r\n    //     )\r\n        \r\n    //     .catch(err => console.log(err));\r\n        \r\n\r\n    // }\r\n\r\n\r\n    const navigate = useHistory();\r\n\r\n    const [inputs, setInputs] = useState([]);\r\n\r\n    const handleChange = (event) => {\r\n        const name = event.target.name;\r\n        const value = event.target.value;\r\n        setInputs(values => ({...values, [name]: value}));\r\n    }\r\n    const handleSubmit = (event) => {\r\n        event.preventDefault();\r\n\r\n        // axios.post('http://localhost:80/api/user/save', inputs).then(function(response){\r\n        axios.post('https://www.codehunters.co.in/API/off/', inputs).then(function(response){\r\n\r\n            console.log(response.data);\r\n            swal(\"Message sent!\", \"We will connect you ASAP\");\r\n            swal(\"We got you!\", \"We will connect you ASAP\",\"success\");\r\n        });\r\n        \r\n    }\r\n\r\n\r\n\r\n\r\n  return (\r\n\r\n    \r\n    <div>\r\n\r\n        <div className=\"contact-form--1\">\r\n                 <div className=\"container\">\r\n                     <div className=\"row row--35 align-items-start\">\r\n                         <div className=\"col-lg-6 order-2 order-lg-1\">\r\n                             <div className=\"section-title text-left mb--50\">\r\n                                 <h2 className=\"title\">Contact us</h2>\r\n                                 <p className=\"description\">Connect with Us via phone: <a href=\"tel:+919095241578\">9095241578</a><br></br> or email:\r\n                                     <a href=\"mailto:support@codehunters.co.in\"> support@codehunters.co.in</a> </p>\r\n                             </div>\r\n                             <div className=\"form-wrapper\">\r\n                                 <form onSubmit={handleSubmit}>\r\n                                     <label htmlFor=\"item01\">\r\n                                         <input\r\n                                            type=\"text\"\r\n                                            name=\"name\"\r\n                                            id=\"item01\"\r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your Name \"\r\n                                            required\r\n                                        />\r\n                                    </label>\r\n\r\n                                    <label htmlFor=\"item02\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            name=\"email\"\r\n                                            id=\"item02\"\r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your email \"\r\n                                            required\r\n                                        />\r\n                                    </label>\r\n\r\n                                    <label htmlFor=\"item03\">\r\n                                        <input\r\n                                            type=\"number\"\r\n                                            name=\"mobile\"\r\n                                            id=\"item03\"\r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your phone \"\r\n                                            required\r\n                                        />\r\n                                    </label>\r\n                                    <label htmlFor=\"item04\">\r\n                                        <textarea\r\n                                            type=\"text\"\r\n                                            id=\"item04\"\r\n                                            name=\"content\"\r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your Message\"\r\n                                            required\r\n                                        />\r\n                                    </label>\r\n                                    <button className=\"rn-button-style--2 btn-solid\" type=\"submit\" id=\"mc-embedded-subscribe\">Send</button>\r\n                                    \r\n\r\n                                    \r\n\r\n                                    \r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6 order-1 order-lg-2\">\r\n                            <div className=\"thumbnail mb_md--30 mb_sm--30\">\r\n                                <img src={f1} alt=\"trydo\"/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n\r\n                            {/* <div className=\"form-wrapper\">\r\n                                <form onSubmit={handleSubmit}>\r\n                                    <label htmlFor=\"item01\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            name=\"Name\"\r\n                                            id=\"item01\"\r\n                                            \r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your Name *\"\r\n                                        />\r\n                                    </label>\r\n\r\n                                    <label htmlFor=\"item02\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            name=\"Email\"\r\n                                            id=\"item02\"\r\n                                            \r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your email *\"\r\n                                        />\r\n                                    </label>\r\n\r\n                                    <label htmlFor=\"item03\">\r\n                                        <input\r\n                                            type=\"number\"\r\n                                            name=\"Phone\"\r\n                                            id=\"item03\"\r\n                                            \r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your phone *\"\r\n                                        />\r\n                                    </label>\r\n                                    <label htmlFor=\"item04\">\r\n                                        <textarea\r\n                                            type=\"text\"\r\n                                            id=\"item04\"\r\n                                            name=\"Message\"\r\n                                           \r\n                                            onChange={handleChange}\r\n                                            placeholder=\"Your Message\"\r\n                                        />\r\n                                    </label>\r\n                                    <button type=\"submit\" >Submit</button>\r\n                                </form>\r\n                            </div> */}\r\n                            \r\n    </div>\r\n\r\n    \r\n  )\r\n}\r\n\r\nexport default ContactThree","import React from 'react'\r\n\r\nimport ScrollToTop from 'react-scroll-up';\r\nimport { FiChevronUp } from \"react-icons/fi\";\r\n\r\nimport ContactThree from \"../elements/contact/ContactThree\";\r\n\r\nconst ContactForm = () => {\r\n    return (\r\n        <>\r\n            \r\n            {/* Start Page Wrapper  */}\r\n            <main className=\"page-wrapper\">\r\n\r\n                {/* Start Contact Form  */}\r\n                <div className=\"rn-contact-form-area ptb--120 bg_color--1\">\r\n                    <ContactThree contactTitle=\"Contact Us\" contactImages=\"/assets/images/about/about-6.jpg\" />\r\n                </div>\r\n                {/* Start Contact Form  */}\r\n\r\n            </main>\r\n            {/* End Page Wrapper  */}\r\n\r\n            {/* Start Back To Top */}\r\n            <div className=\"backto-top\">\r\n                <ScrollToTop showUnder={160}>\r\n                    <FiChevronUp />\r\n                </ScrollToTop>\r\n            </div>\r\n            {/* End Back To Top */}\r\n            \r\n            {/* Start Footer Area  */}\r\n            \r\n            {/* End Footer Area  */}\r\n\r\n        </>\r\n        \r\n    )\r\n}\r\n\r\nexport default ContactForm;","import React, { Component } from \"react\";\r\nimport { FiHeadphones , FiMail , FiMapPin } from \"react-icons/fi\";\r\nimport GoogleMapReact from 'google-map-react';\r\nimport ScrollToTop from 'react-scroll-up';\r\nimport { FiChevronUp } from \"react-icons/fi\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport ContactForm from \"../blocks/ContactForm\";\r\nimport BrandThree from \"../elements/BrandThree\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\n\r\nconst AnyReactComponent = ({ text }) => <div>{text}</div>;\r\n\r\nclass Contact extends Component{\r\n    static defaultProps = {\r\n        center: {\r\n            lat: 59.95,\r\n            lng: 30.33\r\n        },\r\n        zoom: 11\r\n    };\r\n\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='Contact' />\r\n\r\n                {/* <HeaderFive headertransparent=\"header--transparent\" colorblack=\"color--black\" logoname=\"logo.png\" /> */}\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                 {/* Start Breadcrump Area */}\r\n                 <div className=\"rn-page-title-area pt--120 pb--190 bg_image bg-20\"  data-black-overlay=\"6\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"rn-page-title text-center pt--100\">\r\n                                    <h2 className=\"title theme-gradient\">Connect with us</h2>\r\n                                    <p>Does your business require a boost?</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Breadcrump Area */}\r\n\r\n\r\n                {/* Start Contact Top Area  */}\r\n                <div className=\"rn-contact-top-area ptb--120 bg_color--5\">\r\n                    <div className=\"container\">\r\n                       \r\n                        <div className=\"row\">\r\n                            {/* Start Single Address  */}\r\n                            <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\">\r\n                                <div className=\"rn-address\">\r\n                                    <div className=\"icon\">\r\n                                        <FiHeadphones />\r\n                                    </div>\r\n                                    <div className=\"inner\">\r\n                                        <h4 className=\"title\">Contact With Phone</h4>\r\n                                        <p><a href=\"tel:+91 9095241578\">+91 9095241578</a></p>\r\n                                        <p><a href=\"tel:+91 9498338683\">+91 9498338683</a></p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* End Single Address  */}\r\n\r\n                            {/* Start Single Address  */}\r\n                            <div className=\"col-lg-4 col-md-6 col-sm-6 col-12 mt_mobile--50\">\r\n                                <div className=\"rn-address\">\r\n                                    <div className=\"icon\">\r\n                                        <FiMail />\r\n                                    </div>\r\n                                    <div className=\"inner\">\r\n                                        <h4 className=\"title\">Email Address</h4>\r\n                                        <p><a href=\"mailto:support@codehunters.co.in\">support@codehunters.co.in</a></p>\r\n                                        <p><a href=\"mailto:codehunters2020@gmail.com\">codehunters2020@gmail.com</a></p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* End Single Address  */}\r\n\r\n                            {/* Start Single Address  */}\r\n                            <div className=\"col-lg-4 col-md-6 col-sm-6 col-12 mt_md--50 mt_sm--50\">\r\n                                <div className=\"rn-address\">\r\n                                    <div className=\"icon\">\r\n                                        <FiMapPin />\r\n                                    </div>\r\n                                    <div className=\"inner\">\r\n                                        <h4 className=\"title\">Location</h4>\r\n                                        <p>Bus stand road, Anna silai Jayankondam, Tamilnadu 621802</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* End Single Address  */}\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Contact Top Area  */}\r\n\r\n                {/* Start Contact Page Area  */}\r\n                <div className=\"rn-contact-page ptb--120 bg_color--1\">\r\n                    <ContactForm/>\r\n                </div>\r\n                {/* End Contact Page Area  */}\r\n\r\n                {/* Start Contact Map  */}\r\n                {/* <div className=\"rn-contact-map-area position-relative\">\r\n                    <div style={{ height: '650px', width: '100%' }}>\r\n                        <GoogleMapReact\r\n                        defaultCenter={this.props.center}\r\n                        defaultZoom={this.props.zoom}\r\n                        >\r\n                        <AnyReactComponent\r\n                            lat={59.955413}\r\n                            lng={30.337844}\r\n                            text=\"My Marker\"\r\n                        />\r\n                        </GoogleMapReact>\r\n                    </div>\r\n                </div> */}\r\n                {/* End Contact Map  */}\r\n\r\n                <div className=\"service-area creative-service-wrapper  pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                    <div className=\"gmap_canvas\" ><iframe width='100%' height=\"500\" id=\"gmap_canvas\" \r\n                    src=\"https://maps.google.com/maps?q=CODEHUNTERS%20-%20Web%20,%20App%20Development,%20Digital%20Marketing%20Company%20in%20Tamilnadu,%20Bus%20stand,%20Jayankondam,%20Tamil%20Nadu%20621802&t=&z=13&ie=UTF8&iwloc=&output=embed\" \r\n                    frameborder=\"0\" scrolling=\"no\" marginHeight=\"0\" marginWidth=\"0\"></iframe>\r\n                    </div>\r\n                    </div>\r\n                    \r\n\r\n                </div>\r\n                \r\n\r\n                {/* Start Brand Area */}\r\n                <div className=\"rn-brand-area brand-separation bg_color--5 ptb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <BrandTwo/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Brand Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <Footer/>\r\n                \r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Contact","import React, { Component } from \"react\";\r\n\r\nclass BrandThree extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <ul className=\"brand-style-2\">\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-01.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-02.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-03.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-04.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-05.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n\r\n                   <li>\r\n                        <img src=\"/assets/images/brand/brand-06.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-02.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-03.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"/assets/images/brand/brand-04.png\" alt=\"Logo Images\"/>\r\n                    </li>\r\n                </ul>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default BrandThree;","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nclass Breadcrumb extends Component{\r\n    render(){\r\n        const { title , parent, headbelow_p, bg} = this.props;\r\n        return(\r\n            <React.Fragment>\r\n                <div className={bg} data-black-overlay=\"6\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"breadcrumb-inner pt--50\">\r\n                                    <h2 className=\"title\">{title}</h2>\r\n                                    <ul className=\"page-list\">\r\n                                        {/* <li className=\"breadcrumb-item\"><Link to={`${process.env.PUBLIC_URL}`}>Home</Link></li>\r\n                                        {parent? <li className=\"breadcrumb-item\">{parent}</li>:''} */}\r\n                                        {/* <li className=\"breadcrumb-item active\">{title}</li> */}\r\n                                        <p className=\"text-center\">{headbelow_p}</p>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Breadcrumb;\r\n\r\n","import React from 'react';\r\nimport {FaTwitter ,FaInstagram ,FaFacebookF , FaLinkedinIn, FaYoutube} from \"react-icons/fa\";\r\n\r\nconst SocialShare = [\r\n    {Social: <FaYoutube /> , link: 'https://www.youtube.com/channel/UCCw3NXHfO7VuIXRIfKvfcPQ?view_as=subscriber'},\r\n    {Social: <FaFacebookF /> , link: 'https://www.facebook.com/codehunterss'},\r\n    {Social: <FaLinkedinIn /> , link: 'https://www.linkedin.com/in/code-hunters-b0b4841bb/'},\r\n    {Social: <FaInstagram /> , link: 'https://www.instagram.com/code__hunters/'},\r\n    {Social: <FaTwitter /> , link: 'https://twitter.com/CodeHuntets'},\r\n]\r\n\r\nconst FooterTwo = () => {\r\n    return (\r\n        <div className=\"footer-style-2 ptb--30 bg_image bg_image--1\" data-black-overlay=\"6\">\r\n            <div className=\"wrapper plr--50 plr_sm--20\">\r\n                <div className=\"row align-items-center justify-content-between\">\r\n                    <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\">\r\n                        <div className=\"inner\">\r\n                            <div className=\"logo text-center text-sm-left mb_sm--20\">\r\n                                <a href=\"/\">\r\n                                    <img src=\"/assets/images/logo/logo.png\" alt=\"Logo images\"/>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\">\r\n                        <div className=\"inner text-center\">\r\n                            <ul className=\"social-share rn-lg-size d-flex justify-content-center liststyle\">\r\n                                {SocialShare.map((val , i) => (\r\n                                    <li key={i}><a href={`${val.link}`}>{val.Social}</a></li>\r\n                                ))}\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-4 col-md-12 col-sm-12 col-12\">\r\n                        <div className=\"inner text-lg-right text-center mt_md--20 mt_sm--20\">\r\n                            <div className=\"text\">\r\n                            <p>Copyright © 2020 - <a href=\"https://www.codehunters.co.in\">CODEHUNTERS</a>. All Rights Reserved.</p>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default FooterTwo;","import React, { Component } from \"react\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n\r\n\r\nconst ServiceExplainList = [\r\n    {\r\n        image: 'https://test.codehunters.co.in/assets/images/service/cms.png',\r\n        description1: 'Hey all',\r\n        title: 'Business Stratagy',\r\n        description2: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n    {\r\n        image: 'https://test.codehunters.co.in/assets/images/service/cms.png',\r\n        description1: 'Hey all',\r\n        title: 'Business Stratagy',\r\n        description2: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n    {\r\n        image: 'https://test.codehunters.co.in/assets/images/service/cms.png',\r\n        description1: 'Hey all',\r\n        title: 'Business Stratagy',\r\n        description2: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n]\r\n\r\n\r\n\r\n\r\nlet title = 'About',\r\n        description = 'There are many  of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum,';\r\n\r\n\r\n\r\nclass ServiceExplain extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                {/* Start About Area */}\r\n                <div className=\"about-area ptb--60  bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"https://test.codehunters.co.in/assets/images/service/cms.png\" alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{title}</h2>\r\n                                            <p className=\"description\">{description}</p>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area */}\r\n\r\n                {/* Start About Area */}\r\n                <div className=\"about-area ptb--60  bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"https://test.codehunters.co.in/assets/images/service/cms.png\" alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{title}</h2>\r\n                                            <p className=\"description\">{description}</p>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area */}\r\n\r\n                {/* Start About Area */}\r\n                <div className=\"about-area ptb--60  bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"https://test.codehunters.co.in/assets/images/service/cms.png\" alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{title}</h2>\r\n                                            <p className=\"description\">{description}</p>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area */}\r\n\r\n                {/* Start About Area */}\r\n                <div className=\"about-area ptb--60  bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        \r\n\r\n                        <div className=\"call-to-action-wrapper call-to-action text-white-wrapper  ptb--25\">\r\n                            <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                        <div className=\"inner text-center\"><span>WANT TO GET IN TOUCH ?</span>\r\n                                            <h2> We'd Love to Hear from You </h2><a className=\"rn-button-style--2\" href=\"contact.php\"><span>Get in Touch\r\n                                                    </span></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                            {/* <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"https://test.codehunters.co.in/assets/images/service/cms.png\" alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{title}</h2>\r\n                                            <p className=\"description\">{description}</p>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div> */}\r\n                        \r\n                    </div>\r\n                </div>\r\n                {/* End About Area */}\r\n                \r\n\r\n                {/* Start Service Area */}\r\n                \r\n                {/* End Service Area */}\r\n\r\n                {/* Start Service Area */}\r\n                \r\n                {/* End Service Area */}\r\n\r\n                {/* Start Service Area */}\r\n                \r\n                {/* End Service Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n              \r\n\r\n\r\n            \r\n\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default ServiceExplain;","import React, { Component } from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\n\r\nconst PortfolioListContentWeb = [\r\n    {\r\n        image: 'image-1',\r\n        category: 'Software',\r\n        title: 'MEGA SOFTWARE SOLUTIONS',\r\n        url:'https://megasolutionsbh.com/' \r\n    },\r\n    {\r\n        image: 'image-2',\r\n        category: 'Ed-Publications',\r\n        title: 'QUING PUBLICATIONS',\r\n        url:'https://quingpublications.com/' \r\n\r\n\r\n    },\r\n    {\r\n        image: 'image-3',\r\n        category: 'Trading Portfolio',\r\n        title: 'WAHRHEIT INTERNATIONAL',\r\n        url:'https://www.wahrheitinternational.com/' \r\n\r\n    },\r\n    {\r\n        image: 'image-5',\r\n        category: 'Digital Screens',\r\n        title: 'PRO-RGB',\r\n        url:'https://pro-rgb.com/'\r\n    },\r\n    {\r\n        image: 'image-6',\r\n        category: 'Banking Sector',\r\n        title: 'ALBARAKA BANK',\r\n        url:'https://albaraka.com/en/' \r\n\r\n    },\r\n    {\r\n        image: 'image-4',\r\n        category: 'Service',\r\n        title: ' MOBILE CARE V2 ',\r\n        url:'https://mobilecarev2.com/' \r\n\r\n    }\r\n]\r\n\r\nclass PortfolioList extends Component{\r\n    render(){\r\n        const {column , styevariation } = this.props;\r\n       \r\n        \r\n            const list = PortfolioListContentWeb.slice(0 , this.props.item);\r\n            \r\n    \r\n        \r\n        return(\r\n            <React.Fragment> \r\n                \r\n                {list.map((value , index) => (\r\n                    <div className={`${column}`} key={index}>\r\n                        <div className={`portfolio ${styevariation}`}>\r\n                            <div className=\"thumbnail-inner\">\r\n                                <div className={`thumbnail ${value.image}`}></div>\r\n                                <div className={`bg-blr-image ${value.image}`}></div>\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <div className=\"inner\">\r\n                                    <p>{value.category}</p>\r\n                                    <h4><a href={value.url}>{value.title}</a></h4>\r\n                                    <div className=\"portfolio-button\">\r\n                                        <a className=\"rn-btn\" href={value.url}>View Details</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                        </div>\r\n                    </div>\r\n                ))}\r\n               \r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default PortfolioList;","import React, { Component } from \"react\";\r\nimport PortfolioList from \"../elements/portfolio/PortfolioList\";\r\n\r\n\r\nclass Portfolio extends Component{\r\n    render(){\r\n        const {title,description} = this.props;\r\n        return(\r\n            \r\n            <React.Fragment>\r\n\r\n                \r\n                \r\n\r\n\r\n                \r\n\r\n                {/* Start Portfolio Area */}\r\n                <div className=\"portfolio-area ptb--120 bg_color--1\">\r\n                    <div className=\"portfolio-sacousel-inner\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-lg-12\">\r\n                                    <div className=\"section-title text-center service-style--3 mb--30\">\r\n                                        <h2 className=\"title\">{title}</h2>\r\n                                        <p>{description}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row\">\r\n                           \r\n                                <PortfolioList styevariation=\"text-left mt--40\" column=\"col-lg-4 col-md-6 col-sm-6 col-12\" item=\"6\" />\r\n                            </div>\r\n                            \r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Portfolio Area */}\r\n\r\n                \r\n            </React.Fragment>\r\n        )\r\n    }\r\n\r\n    \r\n}\r\n\r\n\r\nexport default Portfolio;","import React, { Component } from \"react\";\r\nimport {\r\n    Accordion,\r\n    AccordionItem,\r\n    AccordionItemHeading,\r\n    AccordionItemPanel,\r\n    AccordionItemButton,\r\n} from 'react-accessible-accordion';\r\n// Demo styles, see 'Styles' section below for some notes on use.\r\nimport 'react-accessible-accordion/dist/fancy-example.css';\r\n\r\n\r\nclass Accordion01 extends Component {\r\n    render(){\r\n        return(\r\n            <Accordion className=\"accodion-style--1\" preExpanded={'0'}>\r\n                <AccordionItem >\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                            Define your targeted audience \r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">Identifying your target audience, including their demographics, interests, and activities, is the first stage in digital marketing.</p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n                <AccordionItem>\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                            Set your marketing goals\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">\r\n                        Next, you need to set your marketing goals, such as increasing website traffic, generating leads, or driving sales.\r\n\r\n                        </p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n                <AccordionItem>\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                           Develop a marketing plan\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">\r\n                        Once you have defined your target audience and set your marketing goals, you can develop a marketing plan that outlines the specific tactics you will use to reach your goals.\r\n\r\n                        </p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n                <AccordionItem>\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                            Analyse and optimize\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">\r\n                        it's important to analyze the results of your marketing efforts and optimize your tactics to improve their effectiveness. This may involve A/B testing different versions of ads or content, or adjusting your targeting or budget.\r\n\r\n                        </p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n            </Accordion>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Accordion01;\r\n\r\n\r\n\r\n\r\n\r\n","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport FooterTwo from \"../components/footer/FooterTwo\";\r\nimport ServiceExpain from \"../components/ServiceExplain\";\r\nimport ContactForm from \"../blocks/ContactForm\";\r\nimport Portfolio from \"../blocks/Portfolio\";\r\nimport Accordion01 from \"../elements/Accordion\";\r\nimport CallAction from \"../components/HomeLayout/homeOne/callaction/CallAction\";\r\nimport dm1 from '../../public/assets/images/dm1.webp';\r\nimport dm2 from '../../public/assets/images/dm2.webp';\r\nimport dm3 from '../../public/assets/images/dm3.webp';\r\nimport dm4 from '../../public/assets/images/gd1.svg';\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: 'SEO',\r\n        description: 'Our team of experts will work with you to develop a customized SEO strategy that will help you rank higher in search engine results pages and attract more qualified traffic to your website.'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'PPC',\r\n        description: 'With our top-quality PPC (pay-per-click) services, CODEHUNTERS can help you drive in-organic growth for your business and reach new audiences online.'\r\n    },\r\n    {\r\n        icon: <FiUsers />,\r\n        title: 'SMM',\r\n        description: 'To help businesses of all sizes succeed on social media. Our team of experienced professionals can help you develop a social media strategy that aligns with your business goals and objectives'\r\n    },\r\n    {\r\n        icon: <FiMonitor />,\r\n        title: 'Marketing Automation',\r\n        description: 'We can help you choose and implement a marketing automation platform that meets your needs.'\r\n    },\r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Influencer Marketing',\r\n        description: 'We can help you identify influencers in your industry who have the reach, credibility, and influence to help promote your products or services.'\r\n    },\r\n    {\r\n        icon: <FiMonitor />,\r\n        title: 'Performance Marketing',\r\n        description: 'Performance marketing can be a highly effective way for businesses to reach their target audience and drive measurable results'\r\n    },\r\n]\r\n\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\n\r\n\r\nclass DigitalMarketing extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='DIGITAL MARKETING AGENCY IN INDIA' />\r\n                {/* <HeaderFive headertransparent=\"header--transparent\"  colorblack=\"color--black\" logoname=\"logo.png\" /> */}\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'DIGITAL MARKETING AGENCY IN INDIA'} bg='breadcrumb-area rn-bg-color ptb--150 bg-4'   />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Marketing Strategy</h2>\r\n                                   \r\n                                    <p>Digital marketing is our area of expertise at CODEHUNTER, and we have a staff of qualified experts committed to assisting companies in their online success. We have the knowledge and experience to achieve results whether you need assistance with SEO, social media marketing, email marketing, or paid advertising. We use analytics and insights to enhance our campaigns and produce quantifiable outcomes for our clients. This is a data-driven approach to digital marketing.</p>\r\n                                    <br/>\r\n                                    <img src= {dm1}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                        <div className=\"col-lg-12 pt--100\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Digital Marketing</h2>\r\n                                   \r\n                                    <p>By utilising our decades of experience in digital marketing services, we enable multinational corporations and businesses to achieve this 360-degree online reputation management.</p>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    \r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    \r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n                <CallAction/>\r\n\r\n                               \r\n\r\n             \r\n\r\n\r\n                {/* <ServiceExpain/> */}\r\n\r\n                {/* Start About Area  */}\r\n                <div className=\"rn-about-area ptb--120 bg_color--5\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row row--35 align-items-center\">\r\n                            <div className=\"col-lg-6\">\r\n                                <div className=\"thumbnail\">\r\n                                    <img className=\"w-100\" src={dm2} alt=\"About Images\"/>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-6\">\r\n                                <div className=\"about-inner inner\">\r\n                                    <div className=\"section-title\">\r\n                                        <h2 className=\"title\">Working Process</h2>\r\n                                        <p>CODEHUNTERS work for promoting a business or brand online and made your business grow</p>\r\n                                    </div>\r\n                                    <div className=\"accordion-wrapper mt--30\">\r\n                                        <Accordion01 />\r\n                                    </div>\r\n                                    <div className=\"about-button mt--50\">\r\n                                        <a className=\"rn-button-style--2 btn-solid\" href=\"/about\">See how it works</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area  */}\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Consistency is the key to Success</h2>\r\n                                    \r\n                                    <p>We deliver rich experiences on small screens thanks to our extraordinarily in-depth knowledge of user experience and mobile technology, which directly affects your company's success, operational simplicity, and consumer engagement. In order to maximise the influence on your end users, we collaborate with various ecosystems.</p>\r\n                                    <img src={dm3}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>We work with</h2>\r\n                                    \r\n                                    <p>We deliver rich experiences on small screens thanks to our extraordinarily in-depth knowledge of user experience and mobile technology, which directly affects your company's success, operational simplicity, and consumer engagement. In order to maximise the influence on your end users, we collaborate with various ecosystems.</p>\r\n                                    <img src={dm4}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n\r\n\r\n                <Portfolio title='Marketing works' description='We grow our clients business exponentially'/>\r\n                \r\n               <ContactForm/>\r\n                \r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <FooterTwo />\r\n\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default DigitalMarketing;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport Testimonial from \"../elements/Testimonial\";\r\n\r\n\r\n\r\n\r\n\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: ' React Developers',\r\n        description: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Flutter Developers',\r\n        description: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n    \r\n]\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\n\r\n\r\nclass Career extends Component{\r\n    render(){\r\n        let title = 'Career',\r\n        description = 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going.';\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='Career' />\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n                \r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'Become a Part of CODEHUNTERS Family'}\r\n                bg='breadcrumb-area rn-bg-color ptb--150 bg-15' \r\n                headbelow_p={'This is the place where you do not just get a Job, but a lot more that enables you to create and contribute something. If youre champion at what you do, and are hungry to learn, grow and make an impact, youve passed a level already. Were always eager to grow our team with folks who are innovative thinkers and passionate about producing results.'}  />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>We offer careers, not jobs</h2>\r\n                                    <p>To evolve with innovations, be adaptive and creating solutions through technology and strategy is what blends into transpiring pieces of work we do together. \r\n                                        There are plenty of areas to collaborate on - irrespective of your demography. We're always keen on working with inclusion, freedom, and responsibility.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-3 col-lg-3 col-md-3 col-sm-3 col-12\" key={i}>\r\n                                    <a className=\"\" href=\"/contact\">\r\n                                        <div className=\"service service__style--2 w-100\">\r\n                                            {/* <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div> */}\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title text-center\">{val.title}</h3>\r\n                                                {/* <p>{val.description}</p> */}\r\n                                            </div>\r\n                                        </div>\r\n                                    </a>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n                \r\n                {/* Start About Area */}\r\n                <div className=\"about-area   bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"call-to-action-wrapper call-to-action text-white-wrapper  ptb--25\">\r\n                            <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                        <div className=\"inner text-center\"><span>WANT TO GET IN TOUCH ?</span>\r\n                                            <h2> We'd Love to Hear from You </h2><a className=\"rn-button-style--2\" href=\"/contact\"><span>Get in Touch\r\n                                                    </span></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area */}\r\n\r\n                {/* Start Testimonial Area */}\r\n                <div className=\"rn-testimonial-area bg_color--5 ptb--120\">\r\n                <div className=\"section-title text-center mb--20 mb_sm--0 mb_md--0\">\r\n                                    <h1 className=\"fontWeight900\">TESTIMONIALS</h1>\r\n                        </div>\r\n                        <div className=\"container\">\r\n                            <Testimonial />\r\n                        </div>\r\n                </div>\r\n                {/* End Testimonial Area */}\r\n\r\n                \r\n\r\n\r\n                 \r\n\r\n               \r\n\r\n                {/* Start CounterUp Area */}\r\n                {/* <div className=\"rn-counterup-area pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center\">\r\n                                    <h3 className=\"fontWeight500\">Our Fun Facts</h3>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <CounterOne />\r\n                    </div>\r\n                </div> */}\r\n                {/* End CounterUp Area */}\r\n\r\n                \r\n\r\n                \r\n\r\n                {/* Start Brand Area */}\r\n                <div className=\"rn-brand-area brand-separation bg_color--5 ptb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <BrandTwo />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Brand Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <Footer />\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Career;","import React, { Component , Fragment } from \"react\";\r\nimport CountUp from 'react-countup';\r\nimport VisibilitySensor from 'react-visibility-sensor';\r\n\r\n\r\nclass CounterTwo extends Component{\r\n    state = {\r\n        didViewCountUp: false\r\n    };\r\n    onVisibilityChange = isVisible => {\r\n        if (isVisible) {\r\n            this.setState({didViewCountUp: true});\r\n        }\r\n    }\r\n    render(){\r\n        let Data = [\r\n            {\r\n                countNum : 212,\r\n                countTitle: 'Video tutorials',\r\n            },\r\n            {\r\n                countNum : 1800,\r\n                countTitle: 'Watch hours',\r\n            },\r\n            {\r\n                countNum : 5000,\r\n                countTitle: 'Learners',\r\n            },\r\n        ];\r\n\r\n        return(\r\n            <Fragment>\r\n                <div className=\"row\">\r\n                    {Data.map( (value, index) => (\r\n                        <div className=\"counterup_style--1 col-lg-4 col-md-4 col-sm-6 col-12 mt--70\" key={index}>\r\n                            <h5 className=\"counter\">\r\n                                <VisibilitySensor onChange={this.onVisibilityChange} offset={{top:10}} delayedCall>\r\n                                    <CountUp end={this.state.didViewCountUp ? value.countNum : 0} />\r\n                                </VisibilitySensor>\r\n                            </h5>\r\n                            <p className=\"description mt--30\">{value.countTitle}</p>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\nexport default CounterTwo;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport FooterTwo from \"../components/footer/FooterTwo\";\r\n\r\nimport ContactForm from \"../blocks/ContactForm\";\r\n\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport CounterTwo from \"../elements/counters/CounterTwo\";\r\nimport e1 from '../../public/assets/images/ed/2.webp';\r\n\r\nimport m from '../../public/assets/images/ed/m.webp';\r\nimport n from '../../public/assets/images/ed/n.webp';\r\nimport tt from '../../public/assets/images/ed/tt.webp';\r\nimport l from '../../public/assets/images/ed/l.webp';\r\nimport js from '../../public/assets/images/ed/js.webp';\r\nimport i from '../../public/assets/images/ed/i.webp';\r\nimport h from '../../public/assets/images/ed/h.webp';\r\nimport eh from '../../public/assets/images/ed/eh.webp';\r\n\r\n\r\nimport dv from '../../public/assets/images/Dp.webp';\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Live sessions',\r\n        description: 'You may learn new skills and information more quickly and effectively with the aid of our live course sessions, which provide a distinctive and engaging learning experience.'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Free courses',\r\n        description: 'We provide a variety of free courses in addition to our extensive and industry-relevant premium courses that are meant to give people a strong foundation in a variety of technical sectors. These open courses cover a wide range of subjects, including Linux, web development, software development, and ethical hacking.'\r\n    },\r\n    {\r\n        icon: <FiUsers />,\r\n        title: 'Career guidance',\r\n        description: 'Our organisation not only offers thorough courses that are applicable to industry, but also helpful career advice and mock interviews for students. Our career counselling services are intended to assist students in determining their areas of strength and interest and to assist them in selecting the most suitable career path.'\r\n    },\r\n   \r\n]\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass Education extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='EDUCATION & EXPLORE' />\r\n                {/* <HeaderFive headertransparent=\"header--transparent\"  colorblack=\"color--black\" logoname=\"logo.png\" /> */}\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'EXPLORE'}  bg='breadcrumb-area rn-bg-color ptb--150 bg-13'  />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n                {/* Start Service Area */}\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Youtube</h2>\r\n                                    \r\n                                    <p>\r\n                                    With the assistance of our YouTube channel and playlists, you may learn more about technology and enhance your professional abilities. We cover a wide range of subjects on our channel, including Linux, Metasploit, web development, ethical hacking, and more. Our playlists are intended to provide you in-depth understanding and useful abilities in a range of technological subjects. With the help of our channel, you may sharpen your business \r\n                                    English while learning the most recent methods and equipment. Join us now to explore the limitless opportunities offered by technology and to improve your job chances.\r\n                                    </p>\r\n                                    <img src={e1}/>\r\n                                    \r\n                                </div>\r\n                                \r\n                            </div>\r\n                            \r\n                        </div>\r\n                        \r\n                    </div>\r\n                    <img src={dv}/>\r\n                </div>\r\n                \r\n\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Courses Offered</h2>\r\n                                    <p>Our company offers a wide range of professional courses to help individuals enhance their skills and advance in their careers.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    \r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    \r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--3\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Playlists</h2>\r\n                                    \r\n                                    <p>\r\n                                    These free courses are open for you.</p>\r\n                                    \r\n                                    \r\n                                </div>\r\n                                \r\n                            </div>\r\n                            \r\n                            \r\n                        </div>\r\n                        <div className=\"row\">\r\n                        \r\n                            {/* <div class=\"thumb position-relative\"><img class=\"w-100\" src=\"https://test.codehunters.co.in/assets/images/blog/w.jpg\" alt=\"Service Images\"/>\r\n                            <button class=\"video-popup position-top-center\"><span class=\"play-icon\"></span></button>\r\n                            </div> */}\r\n\r\n                            <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={m} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Technology</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Metasploit</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=rU3EpM18YJM&list=PL_V9BaWsvjY3TgnofUNyx5F1WEHxl5Qwq\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        \r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={eh} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Technology</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Ethical Hacking</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=JpJsqz4hX_A&list=PL_V9BaWsvjY2dQHH-aJelsENyJXaSkq95\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={l} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Technology</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Red Hat Linux</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=yYzd6uAg-AQ&list=PL_V9BaWsvjY0D_poNcoR7gaS2Aimav2F4\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={n} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Technology</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Networking</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=HB2c9son6Ig&list=PL_V9BaWsvjY0jrBxTjNAT-l1IHmFE-3NC\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={js} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Technology</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Javascript</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=6NVbzLLtUFY&list=PL_V9BaWsvjY1IJTl-oPmSaafIvBCURLUz\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={tt} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Future Tech</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Tech today with Siva</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=2jpjshBhRwo&list=PL_V9BaWsvjY3PhIEspfp98ii5s2770HhU\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={h} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Future Tech</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Hackthons and Competetions</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=BNLSzIa6AEU&list=PL_V9BaWsvjY31A1yYKuy_d6hRWNzCo7fu\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                            <div class=\"blog blog-style--1\">\r\n                                <div class=\"thumbnail\">\r\n                                    <a href=\"blog-details.html\">\r\n                                        <img class=\"w-100\" src={i} alt=\"Blog Images\"/>\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"content\">\r\n                                    <p class=\"blogtype\">Future Tech</p>\r\n                                    <h4 class=\"title\"><a href=\"blog-details.html\">Future Innovations</a>\r\n                                    </h4>\r\n                                    <div class=\"blog-btn\">\r\n                                        <a class=\"rn-btn text-white\" target='_blank' href=\"https://www.youtube.com/watch?v=LdaiM0X7xBI&list=PL_V9BaWsvjY2aAJs3nLWuCbsGvf1b-o47\">Play Video</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        \r\n                        </div>\r\n                        \r\n                        \r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--60 pb--60 bg_color--1\">\r\n                <h3 className=\"fontWeight500 text-center\">Explored numbers</h3>\r\n                    <div className=\"container\">\r\n                    <CounterTwo/>\r\n\r\n                    </div>\r\n                    \r\n                    </div>\r\n\r\n\r\n\r\n                    <div className=\"service-area creative-service-wrapper pt--90 pb--60 bg_color--1\">\r\n                    <div className=\"container\">\r\n                    <BrandTwo/>\r\n\r\n                    </div>\r\n                    </div>\r\n\r\n                \r\n\r\n                \r\n\r\n                               \r\n              \r\n\r\n              \r\n                \r\n               <ContactForm/>\r\n                \r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <FooterTwo />\r\n\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Education;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport FooterTwo from \"../components/footer/FooterTwo\";\r\nimport ServiceExpain from \"../components/ServiceExplain\";\r\nimport ContactForm from \"../blocks/ContactForm\";\r\nimport Portfolio from \"../blocks/Portfolio\";\r\nimport CallAction from \"../components/HomeLayout/homeOne/callaction/CallAction\";\r\nimport gd1 from '../../public/assets/images/ui/1.webp';\r\nimport gd2 from '../../public/assets/images/ui/2.webp';\r\nimport gd3 from '../../public/assets/images/ui/3.webp';\r\nimport gd4 from '../../public/assets/images/ui/4.webp';\r\nimport gd5 from '../../public/assets/images/ui/5.svg';\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Branding',\r\n        description: 'To create a launch-ready solution, we collaborate with you to cut through the clutter and keep focused on identifying key system features for Brands'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Motion Graphics',\r\n        description: 'youre in need of an explainer video to showcase your product or services, or an animated logo to give your brand a fresh, dynamic look, our team of experts has the skills and experience to create a custom solution that will exceed your expectations. '\r\n    },\r\n    {\r\n        icon: <FiUsers />,\r\n        title: 'Arts and Illustration',\r\n        description: 'Designs that will elevate your brand and make it stand out in the marketplace, from concept art to character designs. We can produce unique graphics that flawlessly capture your vision and effectively communicate your narrative mediums and styles.'\r\n    },\r\n    \r\n]\r\n\r\n\r\nconst ExplainListGraphics = [\r\n    {\r\n        title : 'Discover & Devise',\r\n        description : 'Target Audience, Market and the Problem',\r\n        sub1 : 'Market Analysis',\r\n        sub2 : 'Requirements',\r\n        sub3 : 'Conceptualisation',\r\n        des1 : 'Examine what has previously been accomplished by competing products to improve the experience.',\r\n        des2 : 'Using thorough brainstorming sessions, pinpoint the essential requirements and the solutions vision.',\r\n        des3 : 'Identify the main business issue that has to be resolved with the end user in mind.',\r\n        img : gd1\r\n\r\n    },\r\n    {\r\n        title : 'Define & Refine',\r\n        description : 'Blueprint of the Core',\r\n        sub1 : 'Wireframe',\r\n        sub2 : 'User Journeys',\r\n        sub3 : 'Mindmap',\r\n        des1 : 'putting important modules and activities in a logical hierarchy when designing information architecture',\r\n        des2 : 'Heuristic evaluation of user behaviour by starting with design features that people are most likely to expect',\r\n        des3 : 'putting important modules and activities in a logical hierarchy when designing information architecture',\r\n        img : gd2\r\n\r\n\r\n    },\r\n    {\r\n        title : 'UI / UX Design',\r\n        description : 'Interface, Experience & Visuals',\r\n        sub1 : 'Interface',\r\n        sub2 : 'Objective Design',\r\n        sub3 : 'Digital Experience',\r\n        des1 : 'As a top website design firm, we carefully build gorgeous pixels to produce an aesthetically pleasing interface of pertinent panels.',\r\n        des2 : 'Through our mobile app design services, we produce solutions that adhere to fixing the problems root cause in addition to looking gorgeous',\r\n        des3 : 'By carefully balancing interface, information, and interaction, our mobile app designing services provide an useful design.',\r\n        img : gd3\r\n\r\n    }\r\n\r\n]\r\n\r\n\r\n\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\n\r\n\r\nclass GraphicDesign extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='GRAPHICS DESIGN ' />\r\n                {/* <HeaderFive headertransparent=\"header--transparent\"  colorblack=\"color--black\" logoname=\"logo.png\" /> */}\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'GRAPHICS DESIGN'} headbelow_p={'Fresh From The Press Discription'} bg='breadcrumb-area rn-bg-color ptb--150 bg-11'   />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Graphics Design</h2>\r\n                                    <p>Complex processes go into simple design. With our website design services, we streamline it by concentrating on Challenges and Solutions, then developing practical user interfaces that put the audience at the forefront.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    {/* <a className=\"text-center\" href=\"/service-details\"> */}\r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    {/* </a> */}\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Graphical</h2>\r\n                                    \r\n                                    <p>By recognising and adjusting to changes considerably earlier in the entire process—a stage where the cost of modifications is higher—we produce high-quality goods that stay within the predetermined budget.\r\n\r\n</p>\r\n                                    <img src={gd4}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n                <CallAction/>\r\n                               \r\n                {ExplainListGraphics.map( (val , i) => (\r\n                <div className=\"about-area ptb--60  bg_color--1\" key={i}>\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src={val.img} alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{val.title}</h2>\r\n                                            <p className=\"description\">{val.description}</p>\r\n                                            <h4>{val.sub1}</h4>\r\n                                            <p className=\"description\">{val.des1}</p>\r\n                                            <h4>{val.sub2}</h4>\r\n                                            <p className=\"description\">{val.des2}</p>\r\n                                            <h4>{val.sub3}</h4>\r\n                                            <p className=\"description\">{val.des3}</p>\r\n\r\n\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                ))}\r\n\r\n\r\n<div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Design is not how it looks<br></br>\r\n                                    But how it works.</h2>\r\n                                    \r\n                                    <p>-Steve Jobs</p>\r\n                                    <img src={gd5}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                {/* <Portfolio/> */}\r\n                \r\n               <ContactForm/>\r\n                \r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <FooterTwo />\r\n\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default GraphicDesign;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp, FiHeadphones, FiCode, FiLock, FiCompass } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport ab from \"../../public/assets/images/ab.webp\";\r\nimport { VerticalTimeline, VerticalTimelineElement }  from 'react-vertical-timeline-component';\r\nimport 'react-vertical-timeline-component/style.min.css';\r\nimport { FaAddressCard, FaBuffer, FaDesktop, FaServer, FaTimesCircle, FaWineGlass } from \"react-icons/fa\";\r\n\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Evolving Scope',\r\n        description: 'Very clear scope and stable set of requirements that isn’t likely to change throughout the project.Can define clear long term milestones – irrespective of the working models chosen (i.e. Agile or Waterfall)'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Constrained Budget',\r\n        description: 'The Scope is defined very briefly and the requirements are very likely to change throughout the project. Can define clear short term milestones – depending on the working model chosen (i.e. Agile or Waterfall)'\r\n    },\r\n    \r\n]\r\n\r\nconst ExpertiseList=[\r\n    {\r\n        icon: <FiCode/>,\r\n        title: 'Innovative Tech Integration',\r\n        category: 'Innovation ',\r\n        description : ' Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam modi dolorem ullam deserunt, quam delectus voluptate voluptatum maiores accusantium blanditiis, non neque eos natus consequuntur porro laborum nostrum placeat. Reiciendis.',\r\n        data: ''\r\n    \r\n      },\r\n    {\r\n        icon: <FaServer/>,\r\n        title: 'Industry Specific Solutions ',\r\n        category: 'Mastery',\r\n        description : ' Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam modi dolorem ullam deserunt, quam delectus voluptate voluptatum maiores accusantium blanditiis, non neque eos natus consequuntur porro laborum nostrum placeat. Reiciendis.'\r\n    },\r\n    {\r\n        icon: <FiLock/>,\r\n        title: 'Security & Compliance Excellence',\r\n        category: 'Precision',\r\n        description : ' Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam modi dolorem ullam deserunt, quam delectus voluptate voluptatum maiores accusantium blanditiis, non neque eos natus consequuntur porro laborum nostrum placeat. Reiciendis.'\r\n    },\r\n    {\r\n        icon: <FaAddressCard/>,\r\n        title: 'Data Driven Decision Making',\r\n        category: 'Diversity',\r\n        description : ' Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam modi dolorem ullam deserunt, quam delectus voluptate voluptatum maiores accusantium blanditiis, non neque eos natus consequuntur porro laborum nostrum placeat. Reiciendis.'\r\n    },\r\n    {\r\n        icon: <FiCompass/>,\r\n        title: 'Agile Project Management',\r\n        category: 'Excellence',\r\n        description : ' Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam modi dolorem ullam deserunt, quam delectus voluptate voluptatum maiores accusantium blanditiis, non neque eos natus consequuntur porro laborum nostrum placeat. Reiciendis.'\r\n    },\r\n    {\r\n        icon: <FaDesktop/>,\r\n        title: 'User Centric Design ',\r\n        category: 'Versatility',\r\n        description : ' Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam modi dolorem ullam deserunt, quam delectus voluptate voluptatum maiores accusantium blanditiis, non neque eos natus consequuntur porro laborum nostrum placeat. Reiciendis.'\r\n    }\r\n\r\n\r\n]\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\nconst liStyle = {borderTop: '5px solid rgb(252,86,0)' , fontSize:'23px',paddingTop: '20px'}\r\n\r\nclass HowWeWork extends Component{\r\n    render(){\r\n        \r\n        return (\r\n          <React.Fragment>\r\n            <PageHelmet pageTitle=\"How we work\" />\r\n\r\n            <HeaderFive\r\n              headerPosition=\"header--static logoresize\"\r\n              logo=\"all-dark\"\r\n              color=\"color-black\"\r\n            />\r\n\r\n            {/* Start Breadcrump Area */}\r\n            <Breadcrumb\r\n              title={\"STREAMLINED PROCESS\"}\r\n              bg=\"breadcrumb-area rn-bg-color ptb--150 bg-19\"\r\n              headbelow_p={\r\n                \"Crafting Success through Collaboration: We blend visionary strategy with relentless teamwork, transforming ideas into extraordinary outcomes. At Codehunters, innovation is our compass, excellence our destination, and partnership our driving force.\"\r\n              }\r\n            />\r\n            {/* End Breadcrump Area */}\r\n\r\n            {/* Start Service Area */}\r\n            <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"section-title text-center mb--30\">\r\n                      <h2>How We Engage?</h2>\r\n                      <p>\r\n                        Every project is a unique project, and hence – requires\r\n                        very special and dedicated treatment. Besides the\r\n                        critical triangle of cost, time and scope – the working\r\n                        model between the client and the agency also plays a\r\n                        crucial part in balancing the former. That’s why, we\r\n                        have a very robust, yet simple models – that are\r\n                        extremely flexible and client-centric inside.\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"row creative-service\">\r\n                  {ServiceList.map((val, i) => (\r\n                    <div\r\n                      className=\"col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12\"\r\n                      key={i}\r\n                    >\r\n                      {/* <a className=\"\" href=\"/service-details\"> */}\r\n                      <div className=\"service service__style--2\">\r\n                        <div className=\"icon\">{val.icon}</div>\r\n                        <div className=\"content\">\r\n                          <h3 className=\"title\">{val.title}</h3>\r\n                          <p>{val.description}</p>\r\n                        </div>\r\n                      </div>\r\n                      {/* </a> */}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* End Service Area */}\r\n\r\n\r\n            {/* Start How we work timeline */}\r\n            <div className=\"container\">\r\n            <div className=\"row\">\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"section-title text-center mb--30\">\r\n                      <h2>OUR EXPERTISE</h2>\r\n                      <p>\r\n                      At Codehunters, our mastery transcends boundaries. From cutting-edge development to cybersecurity fortresses, our diverse skill set powers innovation. We're your trusted partner on the journey to tech excellence.\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <br/>\r\n                <VerticalTimeline>\r\n                    {/* {console.log(i)} */}\r\n                \r\n                 {ExpertiseList.map((val1, i) => (\r\n                            <VerticalTimelineElement key={i} \r\n                            className=\"vertical-timeline-element--work\"\r\n                            date={val1.data}\r\n                            contentStyle={{ background: '', color: 'bg_color--1' }}\r\n                            contentArrowStyle={{ borderRight: '7px solid  rgb(252,86,0)' }}\r\n                            iconStyle={{\r\n                              background: \"rgb(252,86,0)\",\r\n                              color: \"#fff\",\r\n                            }}\r\n                            shadowSize={'large'}\r\n                            icon={val1.icon}\r\n                           \r\n                          >\r\n                            <h3 className=\"vertical-timeline-element-title\"  style={ liStyle }>\r\n                              {val1.title}\r\n                            </h3>\r\n                            <h4 className=\"vertical-timeline-element-subtitle\">\r\n                              {val1.category}\r\n                            </h4>\r\n                            <p>\r\n                             {/* {val1.description} */}\r\n                            </p>\r\n                            {/* {console.log(i+1)} */}\r\n                          </VerticalTimelineElement>\r\n                  ))}\r\n                    {/* <VerticalTimelineElement\r\n                        iconStyle={{ background: 'rgb(16, 204, 82)', color: '#fff' }}\r\n                        icon={<FaBuffer />}\r\n                    /> */} \r\n                     {/* {console.log(i)} */}\r\n                </VerticalTimeline>\r\n             \r\n            </div>\r\n            {/* End How we work timeline */}\r\n\r\n            {/* Start work Area */}\r\n            <div className=\"rn-column-area rn-section-gap pt--90 pb--120\">\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"single-column\">\r\n                      <h2 className=\"tilte text-center\">Our Workflow</h2>\r\n                      <p className=\"text-center\">Flexible and Reliable</p>\r\n                    </div>\r\n                    <div className=\"col-lg-12 col-12 order-1 order-lg-2\">\r\n                      <div className=\"thumb position-relative\">\r\n                        <img className=\"w-100\" src={ab} alt=\"Service Images\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* End work Area */}\r\n            <div className=\"about-area   bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"call-to-action-wrapper call-to-action text-white-wrapper  ptb--25\">\r\n                            <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                        <div className=\"inner text-center\"><span>WANT TO GET IN TOUCH ?</span>\r\n                                            <h2> We'd Love to Hear from You </h2><a className=\"rn-button-style--2\" href=\"/contact\"><span>Get in Touch\r\n                                                    </span></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            {/* Start CounterUp Area */}\r\n            {/* <div className=\"rn-counterup-area pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center\">\r\n                                    <h3 className=\"fontWeight500\">Our Fun Facts</h3>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <CounterOne />\r\n                    </div>\r\n                </div> */}\r\n            {/* End CounterUp Area */}\r\n\r\n            {/* Start Brand Area */}\r\n            <div className=\"rn-brand-area brand-separation bg_color--5 ptb--120\">\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-12\">\r\n                    <BrandTwo />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* End Brand Area */}\r\n\r\n            {/* Start Back To Top */}\r\n            <div className=\"backto-top\">\r\n              <ScrollToTop showUnder={160}>\r\n                <FiChevronUp />\r\n              </ScrollToTop>\r\n            </div>\r\n            {/* End Back To Top */}\r\n\r\n            <Footer />\r\n          </React.Fragment>\r\n        );\r\n    }\r\n}\r\nexport default HowWeWork;","import React, { Component } from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\n\r\nconst PortfolioListContentApp = [\r\n    {\r\n        image: 'image-7',\r\n        category: 'Women Safety',\r\n        title: 'OCTUS',\r\n        url:'https://www.youtube.com/watch?v=yzrK254M_u8' \r\n    },\r\n    {\r\n        image: 'image-8',\r\n        category: 'E-Commerce',\r\n        title: 'JKM-MART',\r\n        url:'https://play.google.com/store/apps/details?id=com.JKMMart.androidapp&hl=en&gl=US' \r\n\r\n\r\n    },\r\n    {\r\n        image: 'image-9',\r\n        category: 'Travel',\r\n        title: 'Pick@Call',\r\n        url:'' \r\n\r\n    },\r\n    \r\n]\r\n\r\nclass PortfolioListTwo extends Component{\r\n    render(){\r\n        const {column , styevariation } = this.props;\r\n       \r\n        \r\n            const list = PortfolioListContentApp.slice(0 , this.props.item);\r\n            \r\n    \r\n        \r\n        return(\r\n            <React.Fragment> \r\n                \r\n                {list.map((value , index) => (\r\n                    <div className={`${column}`} key={index}>\r\n                        <div className={`portfolio ${styevariation}`}>\r\n                            <div className=\"thumbnail-inner\">\r\n                                <div className={`thumbnail ${value.image}`}></div>\r\n                                <div className={`bg-blr-image ${value.image}`}></div>\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <div className=\"inner\">\r\n                                    <p>{value.category}</p>\r\n                                    <h4><a href={value.url}>{value.title}</a></h4>\r\n                                    <div className=\"portfolio-button\">\r\n                                        <a className=\"rn-btn\" target='_blank' href={value.url}>View Details</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                        </div>\r\n                    </div>\r\n                ))}\r\n               \r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default PortfolioListTwo;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport FooterTwo from \"../components/footer/FooterTwo\";\r\nimport ServiceExpain from \"../components/ServiceExplain\";\r\nimport ContactForm from \"../blocks/ContactForm\";\r\n\r\nimport CallAction from \"../components/HomeLayout/homeOne/callaction/CallAction\";\r\nimport PortfolioListTwo from \"../elements/portfolio/PortfolioListTwo\";\r\nimport a1 from '../../public/assets/images/app/an.webp';\r\nimport a2 from '../../public/assets/images/app/ap.webp';\r\n\r\nimport a3 from '../../public/assets/images/app/hy.webp';\r\nimport m from '../../public/assets/images/app/m-app.webp';\r\n\r\n\r\n\r\n\r\n\r\nconst ServiceList = [   \r\n    \r\n    {\r\n        icon: <FiMonitor />,\r\n        title: 'Enterprise',\r\n        description: 'The mobile roadmap that is in line with enterprise scenarios, policies, and existing systems acts as a catalyst in the streamlining of IT frameworks and processes thanks to our collaborative consultation on mobile strategy.'\r\n    },\r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Business',\r\n        description: 'To help businesses react to changes fast, we outline their needs and use cases. We support your companys efforts to streamline departmental procedures, communication, and information accessibility.'\r\n    },\r\n    {\r\n        icon: <FiMonitor />,\r\n        title: 'Consumers',\r\n        description: 'Our mobile expertise assist brands, companies, and community organisations in developing scalable mobile application solutions that are intended to be used frequently throughout the day by people throughout the world.'\r\n    },\r\n]\r\n\r\n\r\n\r\n\r\n\r\nconst ExplainListApp = [\r\n    {\r\n        title : 'Android',\r\n        description : 'We are a top provider of custom Android mobile app solutions for large corporations, small businesses, and startups. We can assist you with creating specialised Android apps for smartphones, tablets, Android Wear, and Android TV, covering the complete gamut of the Android platform. Hire Android app developers from us who are skilled at creating unique Android apps that are compatible with the most recent Android OS versions and all Android devices.',\r\n        sub : 'Android',\r\n        l1 : 'Android Smartphone Apps',\r\n        l2 : 'Android Tablet Apps',\r\n        l3 : 'Firebase Integration',\r\n        img : a1\r\n\r\n    },\r\n    {\r\n        title : 'IOS',\r\n        description : 'Top iOS/ iPhone app development firm CODEHUNTERS has a strong team of knowledgeable iOS developers at its disposal. We provide our clients with unique apps that operate flawlessly throughout the full iOS platform, including iOS devices like iPhones, iPads, Apple Watches, Apple TV, and more. Hire seasoned iOS app developers to create mobile applications with pleasant user experiences using the newest iOS app development technologies.',\r\n        sub : 'IOS',\r\n        l1 : 'iPhone App Development',\r\n        l2 : 'iPad App Development',\r\n        l3 : 'iOS App Testing',\r\n        img : a2\r\n\r\n    },\r\n    {\r\n        title : 'Cross-Platform',\r\n        description : 'Top cross-platform mobile app development company CODEHUNTERS equips organisations with a variety of mobile apps. Our cross-platform mobile apps give clients numerous advantages and assist in reaching a larger audience using devices running various OSes. With cross-platform technologies and frameworks like Flutter, React Native, PhoneGap, and Cordova, our cross-platform developers have demonstrated competence in creating cost-effective, high-quality, and versatile mobile apps.',\r\n        sub : 'Cross-Platform',\r\n        l1 : 'Hybrid Mobile App Development',\r\n        l2 : 'Migration to Hybrid Frameworks',\r\n        l3 : 'Flutter App Development',\r\n        img : a3\r\n\r\n    }\r\n\r\n]\r\n\r\n\r\nclass MobileApp extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='Mobile App Development' />\r\n                {/* <HeaderFive headertransparent=\"header--transparent\"  colorblack=\"color--black\" logoname=\"logo.png\" /> */}\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'Mobile App Development'}  bg='breadcrumb-area rn-bg-color ptb--150 bg-7' headbelow_p={'With a team of experienced developers and a track record of delivering top-quality apps, CODEHUNTERS is the premier choice for all your application development needs.'}  />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Application Development</h2>\r\n                                    <p>we pride ourselves on our ability to deliver innovative and effective app solutions for businesses of all sizes.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    \r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    \r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>We think mobile makes business</h2>\r\n                                    \r\n                                    <p>We deliver rich experiences on small screens thanks to our extraordinarily in-depth knowledge of user experience and mobile technology, which directly affects your company's success, operational simplicity, and consumer engagement. In order to maximise the influence on your end users, we collaborate with various ecosystems.</p>\r\n                                    <img src={m}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                \r\n                <CallAction/>\r\n\r\n                               \r\n                {/* <ServiceExpain/> */}\r\n\r\n                {ExplainListApp.map( (val , i) => (\r\n                <div className=\"about-area ptb--60  bg_color--1\" key={i}>\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src={val.img} alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{val.title}</h2>\r\n                                            <p className=\"description\">{val.description}</p>\r\n                                            <h4 className=\"title\">{val.sub}</h4>\r\n                                            <ul>\r\n                                                <li>\r\n                                                    {val.l1}\r\n                                                </li>\r\n                                                <li>\r\n                                                    {val.l2}\r\n                                                </li>\r\n                                                <li>\r\n                                                    {val.l3}\r\n                                                </li>\r\n                                            </ul>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                ))}\r\n\r\n                <div className=\"portfolio-area ptb--120 bg_color--1\">\r\n                    <div className=\"portfolio-sacousel-inner\">\r\n                        <div className=\"container\">\r\n                        <div className=\"row\">\r\n                                <div className=\"col-lg-12\">\r\n                                    <div className=\"section-title text-center service-style--3 mb--30\">\r\n                                        <h2 className=\"title\">App Works</h2>\r\n                                        <p>Our Mobile application development products for our clinets business to grow</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row\">\r\n                            <PortfolioListTwo styevariation=\"text-left mt--40\" column=\"col-lg-4 col-md-6 col-sm-6 col-12\" item=\"6\" />\r\n\r\n                            </div>\r\n                        </div>\r\n                     </div>\r\n                </div>\r\n                \r\n                \r\n               <ContactForm/>\r\n                \r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <FooterTwo />\r\n\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default MobileApp;","import React, { Component } from \"react\";\r\nimport {\r\n    Accordion,\r\n    AccordionItem,\r\n    AccordionItemHeading,\r\n    AccordionItemPanel,\r\n    AccordionItemButton,\r\n} from 'react-accessible-accordion';\r\n// Demo styles, see 'Styles' section below for some notes on use.\r\nimport 'react-accessible-accordion/dist/fancy-example.css';\r\n\r\n\r\nclass Accordion02 extends Component {\r\n    render(){\r\n        return(\r\n            <Accordion className=\"accodion-style--1\" preExpanded={'0'}>\r\n                <AccordionItem >\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                            Be real and yourself\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">We are authentic and respectful, and we act with integrity.</p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n                <AccordionItem>\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                            Stronger together\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">\r\n                        We know the whole is greater than the sum of our parts.\r\n\r\n                        </p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n                <AccordionItem>\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                           Customer centric\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">\r\n                        We feel great pride in and a deep connection to our customers – both internal and external.\r\n\r\n                        </p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n                <AccordionItem>\r\n                    <AccordionItemHeading>\r\n                        <AccordionItemButton>\r\n                            Be Empowered\r\n                        </AccordionItemButton>\r\n                    </AccordionItemHeading>\r\n                    <AccordionItemPanel>\r\n                        <p className=\"text-secondary\">\r\n                        We are an empowered group of problem-solvers, thinkers and doers.\r\n\r\n                        </p>\r\n                    </AccordionItemPanel>\r\n                </AccordionItem>\r\n\r\n            </Accordion>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Accordion02;\r\n\r\n\r\n\r\n\r\n\r\n","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport Testimonial from \"../elements/Testimonial\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport { FaFacebookF , FaLinkedinIn , FaTwitter } from \"react-icons/fa\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport Accordion01 from \"../elements/Accordion\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport Accordion02 from \"../elements/Accordion2\";\r\n\r\n\r\n\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Client-centric Approach',\r\n        description: 'For any business, customers are always at the center. Being a leading web and mobile app development company, our definition goes beyond our direct customers. We always start from where you are with your ideas and we think from YOUR end customers perspectives, their pain areas and devise a solution that solves core problems to benefit your business.'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Effective Collaboration',\r\n        description: 'Communication is the Key. We tend to over-communicate at times. Although sounds overwhelming, but eventually it works wonders for our client business. When our development team collaborates with our clients sitting a thousand miles away, its apparent that we stay in touch with platforms and mediums that allow effectiveness, transparency, and accuracy.'\r\n    },\r\n    {\r\n        icon: <FiUsers />,\r\n        title: 'Quality Delivered in Time',\r\n        description: 'With over two decades of experience in the offshore IT software development industry, we have a great set of internal frameworks with best-in-class infrastructure that enables us to deliver solutions with superior quality, at all times. All these years, we have learned how to prevent failures and replicate success. We dont just brag about quality. We define and deliver it in time.'\r\n    },\r\n    \r\n]\r\n\r\n\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\n\r\n\r\nclass Team extends Component{\r\n    render(){\r\n        let title = 'About',\r\n        description = 'As a reputable software development and digital marketing organisation, we provide a wide range of web development, app development, digital marketing, graphic design, and security analysis services to help businesses stand out from the competition.';\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='Our Treasure Comprises Our People, Vision & Values' />\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n                \r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'Our Treasure Comprises Our People, Vision & Values'} \r\n                bg='breadcrumb-area rn-bg-color ptb--150 bg-16'  \r\n                \r\n                headbelow_p={'CODEHUNTERS is not only a globally recognized IT company but also a family filled with talented experts that help global brands, enterprises, mid-size businesses or even startups with innovative solutions.'}   />\r\n                {/* End Breadcrump Area */}\r\n\r\n                {/* Start About Area  */}\r\n                <div className=\"rn-about-area ptb--120 bg_color--1\">\r\n                    <div className=\"rn-about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35 align-items-center\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"/assets/images/about/about-1.jpg\" alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{title}</h2>\r\n                                            <p className=\"description\">{description}</p>\r\n                                        </div>\r\n                                        <div className=\"row mt--30\">\r\n                                            <div className=\"col-lg-6 col-md-12 col-sm-12 col-12\">\r\n                                                <div className=\"about-us-list\">\r\n                                                    <h3 className=\"title\">Who we are</h3>\r\n                                                    <p>We provide a wide range of services, such as software development, web development, and IT consulting, as a top IT firm situated in Jayankondam.\r\n\r\n</p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div className=\"col-lg-6 col-md-12 col-sm-12 col-12\">\r\n                                                <div className=\"about-us-list\">\r\n                                                    <h3 className=\"title\">What we do</h3>\r\n                                                    <p>Our team has a wide range of abilities, and we are constantly searching for fresh, creative approaches to assist our clients in realising their objectives.</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area  */}\r\n\r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Belief of Every CODEHUNTERS'</h2>\r\n                                    <p>There are many variations of passages of Lorem Ipsum available,\r\nbut the majority have suffered alteration.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    {/* <a className=\"\" href=\"/service-details\"> */}\r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    {/* </a> */}\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n                 \r\n\r\n                {/* Start Finding Us Area  */}\r\n                <div className=\"rn-finding-us-area rn-finding-us bg_color--1\">\r\n                    <div className=\"inner\">\r\n                        <div className=\"content-wrapper\">\r\n                            <div className=\"content\">\r\n                                <h4 className=\"theme-gradient\">Keep it simple</h4>\r\n                                <p>Team can do anything and we build our team with the people who are having the same goal and work together to achieve the greater heights.</p>\r\n                                <a className=\"rn-btn btn-white\" href=\"/career\">Want to join</a>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"thumbnail\">\r\n                            <div className=\"image\">\r\n                                <img src=\"/assets/images/SIH.webp\" alt=\"Finding Images\"/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Finding Us Area  */}\r\n\r\n                {/* Start Team Area  */}\r\n\r\n\r\n                \r\n                {/* <div className=\"rn-team-area bg_color--1 ptb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title service-style--3 text-center mb--25\">\r\n                                    <h2 className=\"title\">Skilled Team</h2>\r\n                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            \r\n                           \r\n                            <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\">\r\n                                <div className=\"team\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"/assets/images/team/team-01.jpg\" alt=\"Blog Images\"/>\r\n                                    </div>\r\n                                    <div className=\"content\">\r\n                                        <h4 className=\"title\">Siva Bharath</h4>\r\n                                        <p className=\"designation\">Managind Director</p>\r\n                                    </div>\r\n                                    <ul className=\"social-icon\" >\r\n                                        <li><a href=\"https://www.facebook.com/\"><FaFacebookF /></a></li>\r\n                                        <li><a href=\"http://linkedin.com/\"><FaLinkedinIn /></a></li>\r\n                                        <li><a href=\"https://twitter.com/\"><FaTwitter /></a></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                            <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\">\r\n                                <div className=\"team\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"/assets/images/team/team-02.jpg\" alt=\"Blog Images\"/>\r\n                                    </div>\r\n                                    <div className=\"content\">\r\n                                        <h4 className=\"title\">Ezhil Murugan</h4>\r\n                                        <p className=\"designation\">Chief executive officer</p>\r\n                                    </div>\r\n                                    <ul className=\"social-icon\" >\r\n                                        <li><a href=\"https://www.facebook.com/\"><FaFacebookF /></a></li>\r\n                                        <li><a href=\"http://linkedin.com/\"><FaLinkedinIn /></a></li>\r\n                                        <li><a href=\"https://twitter.com/\"><FaTwitter /></a></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                            <div className=\"col-lg-4 col-md-6 col-sm-6 col-12\">\r\n                                <div className=\"team\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src=\"/assets/images/team/team-03.jpg\" alt=\"Blog Images\"/>\r\n                                    </div>\r\n                                    <div className=\"content\">\r\n                                        <h4 className=\"title\">Ashok Bharathi</h4>\r\n                                        <p className=\"designation\">Chief financial officer </p>\r\n                                    </div>\r\n                                    <ul className=\"social-icon\" >\r\n                                        <li><a href=\"https://www.facebook.com/\"><FaFacebookF /></a></li>\r\n                                        <li><a href=\"http://linkedin.com/\"><FaLinkedinIn /></a></li>\r\n                                        <li><a href=\"https://twitter.com/\"><FaTwitter /></a></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                           \r\n\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n\r\n\r\n\r\n                {/* End Team Area  */}\r\n\r\n                {/* Start CounterUp Area */}\r\n                {/* <div className=\"rn-counterup-area pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center\">\r\n                                    <h3 className=\"fontWeight500\">Our Fun Facts</h3>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <CounterOne />\r\n                    </div>\r\n                </div> */}\r\n                {/* End CounterUp Area */}\r\n\r\n                {/* Start About Area  */}\r\n                <div className=\"rn-about-area ptb--120 bg_color--5\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row row--35 align-items-center\">\r\n                            <div className=\"col-lg-6\">\r\n                                <div className=\"thumbnail\">\r\n                                    <img className=\"w-100\" src=\"/assets/images/about/about-4.webp\" alt=\"About Images\"/>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-6\">\r\n                                <div className=\"about-inner inner\">\r\n                                    <div className=\"section-title\">\r\n                                        <h2 className=\"title\">Our Values</h2>\r\n                                        <p>Integrity is our core and is at the center of everything we do. For us, it is as good as following the law, maybe more than that. It is about delivering on our commitments, honesty and fairness in business and day-to-day living. We are a family that believes in team work with one Mantra, that is to die with memories, not dreams. Memories with our peeps, memories with our clients.</p>\r\n                                    </div>\r\n                                    <div className=\"accordion-wrapper mt--30\">\r\n                                        <Accordion02 />\r\n                                    </div>\r\n                                    <div className=\"about-button mt--50\">\r\n                                        <a className=\"rn-button-style--2 btn-solid\" href=\"/how-we-work\">See how we works</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area  */}\r\n\r\n                {/* Start Testimonial Area */}\r\n                <div className=\"rn-testimonial-area bg_color--5 ptb--120\">\r\n                    <div className=\"container\">\r\n                    <div className=\"section-title text-center mb--20 mb_sm--0 mb_md--0\">\r\n                                    <h2 className=\"fontWeight900\"> TESTIMONIALS</h2>\r\n                        </div>\r\n                        <Testimonial />\r\n                    </div>\r\n                </div>\r\n                {/* End Testimonial Area */}\r\n\r\n                {/* Start Brand Area */}\r\n                <div className=\"rn-brand-area brand-separation bg_color--5 ptb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <BrandTwo />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Brand Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <Footer />\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Team;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport FooterTwo from \"../components/footer/FooterTwo\";\r\nimport ServiceExpain from \"../components/ServiceExplain\";\r\nimport ContactForm from \"../blocks/ContactForm\";\r\nimport Portfolio from \"../blocks/Portfolio\";\r\nimport CallAction from \"../components/HomeLayout/homeOne/callaction/CallAction\";\r\n\r\nimport one from \"../../public/assets/images/web/1.webp\";\r\nimport two from \"../../public/assets/images/web/2.webp\";\r\nimport three from \"../../public/assets/images/web/3.webp\";\r\n\r\n\r\n\r\n\r\nconst WebDevelopmentList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: 'Enterprises',\r\n        description: 'we understand that enterprises have unique needs and challenges when it comes to their online presence. Thats why we offer a range of enterprise solutions to help businesses of all sizes succeed in the digital world'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'E-Commerce',\r\n        description: 'At CODEHUNTERS, we specialize in e-commerce development for businesses of all sizes and sectors. Our team of experienced developers can help you build and manage an online store that is tailored to your specific needs and targets.'\r\n    },\r\n    {\r\n        icon: <FiUsers />,\r\n        title: 'APIs & Modules',\r\n        description: 'At CODEHUNTERS, we specialize in building and maintaining the backend systems and APIs that power websites and web-based applications. Our team of experienced developers can help you with any aspects of dependencies'\r\n    },\r\n    \r\n]\r\n\r\n\r\nconst ExplainList = [\r\n    {\r\n        title : 'Enterprises',\r\n       \r\n        description : 'We specialize in creating custom websites for enterprises, taking into account their specific needs and goals. Our team can help you design and build a website that is tailored to your business, and can scale as your needs grow.',\r\n        sub : 'ERP development',\r\n        l1 : 'Supply chain management',\r\n        l2 : 'Financial and accounting management',\r\n        l3 : 'Customer relationship management',\r\n        img : two\r\n\r\n    },\r\n    {\r\n        title : 'E-Commerce',\r\n        description : 'Our e-commerce website development services can help your business succeed in the digital world. We specialize in building and customizing online stores that are tailored to your specific needs and goals. Our team of experienced developers can help you choose the best e-commerce platform, design and customize your store, manage your product catalog, integrate with payment processors and shipping carriers, and provide ongoing support and maintenance.',\r\n        sub : 'E-Commerce development',\r\n        l1 : 'Store design and customization',\r\n        l2 : 'Product management',\r\n        l3 : 'Payment processing',\r\n        img : three\r\n    },\r\n    {\r\n        title : 'Web Needs',\r\n        description : 'Our team specializes in API development for various cross-platform applications. We have experience working with a wide range of technologies and can help you design and build APIs that allow your software to seamlessly integrate with other systems and platforms. Whether you need to expose data or functionality to external developers, or connect your systems to third-party services, we can help you create an API solution that meets your needs.',\r\n        sub : 'API development',\r\n        l1 : 'Exposing data and functionality',\r\n        l2 : 'Connecting systems',\r\n        l3 : 'Facilitating integrations',\r\n        img : one\r\n    }\r\n\r\n]\r\n\r\n\r\nconst PortfolioListContent = [\r\n    {\r\n        image: 'image-1',\r\n        category: 'Development',\r\n        title: 'Getting tickets to the big show'\r\n    },\r\n    {\r\n        image: 'image-2',\r\n        category: 'Development',\r\n        title: 'Getting tickets to the big show'\r\n    },\r\n    {\r\n        image: 'image-3',\r\n        category: 'Development',\r\n        title: 'Getting tickets to the big show'\r\n    },\r\n    {\r\n        image: 'image-4',\r\n        category: 'Development',\r\n        title: 'Getting tickets to the big show'\r\n    },\r\n    {\r\n        image: 'image-1',\r\n        category: 'Digital Screens',\r\n        title: 'PRO-RGB',\r\n        source:'https://pro-rgb.com/'\r\n    },\r\n    {\r\n        image: 'image-4',\r\n        category: 'Development',\r\n        title: 'Getting tickets to the big show'\r\n    }\r\n]\r\n\r\n\r\nconst first3Items = WebDevelopmentList.slice(0,3);\r\n\r\n\r\nclass WebDevelopment extends Component{\r\n    render(){\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='WEB DEVELOPMENT COMPANY' />\r\n                {/* <HeaderFive headertransparent=\"header--transparent\"  colorblack=\"color--black\" logoname=\"logo.png\" /> */}\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n\r\n\r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'WEB DEVELOPMENT COMPANY'} bg='breadcrumb-area rn-bg-color ptb--150 bg-6' headbelow_p={'we offer a full range of web development services to help businesses of all sizes succeed in the digital world. Our team of experienced developers can help you with any kind of web applications'}  />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Web development</h2>\r\n                                    <p>we offer a full range of web development services to help businesses<br></br> of all sizes succeed in the digital world. Our team of experienced developers can help you with any kind of web applications<br /></p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {WebDevelopmentList.map( (val , i) => (\r\n                                <div className=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                   \r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    \r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n                               \r\n                {/* <ServiceExpain/> */}\r\n                {ExplainList.map( (val , i) => (\r\n                <div className=\"about-area ptb--60  bg_color--1\" key={i}>\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"container\">\r\n                            <div className=\"row row--35\">\r\n                                <div className=\"col-lg-5\">\r\n                                    <div className=\"thumbnail\">\r\n                                        <img className=\"w-100\" src={val.img} alt=\"About Images\"/>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-7\">\r\n                                    <div className=\"about-inner inner\">\r\n                                        <div className=\"section-title\">\r\n                                            <h2 className=\"title\">{val.title}</h2>\r\n                                            <p className=\"description\">{val.description}</p>\r\n                                            <h4 className=\"title\">{val.sub}</h4>\r\n                                            <ul>\r\n                                                <li>\r\n                                                    {val.l1}\r\n                                                </li>\r\n                                                <li>\r\n                                                    {val.l2}\r\n                                                </li>\r\n                                                <li>\r\n                                                    {val.l3}\r\n                                                </li>\r\n                                            </ul>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                ))}\r\n\r\n                {/* Start Call Action Area */}\r\n                <CallAction/>\r\n                {/* End Call Action Area */}\r\n\r\n                <Portfolio/>\r\n\r\n                \r\n                \r\n               <ContactForm/>\r\n                \r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <FooterTwo />\r\n\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default WebDevelopment;","import { Carousel } from 'react-carousel-minimal';\r\nimport React, { Component } from \"react\";\r\n\r\nfunction ImageSlider(props) {\r\n\r\n  const captionStyle = {\r\n    fontSize: '2em',\r\n    fontWeight: 'bold',\r\n  }\r\n  const slideNumberStyle = {\r\n    fontSize: '20px',\r\n    fontWeight: 'bold',\r\n  }\r\n\r\n\r\n  console.log(props.tag);\r\n  return (\r\n    \r\n    <div className=\"\">\r\n      <div style={{ textAlign: \"center\" }}>\r\n        <div style={{\r\n          padding: \"0 20px\"\r\n        }}>\r\n          \r\n          <Carousel\r\n            data={props.tag}                                       \r\n            time={1500}\r\n            width=\"850px\"\r\n            height=\"500px\"\r\n            captionStyle={captionStyle}\r\n            radius=\"10px\"\r\n            slideNumber={true}\r\n            slideNumberStyle={slideNumberStyle}\r\n            captionPosition=\"bottom\"\r\n            automatic={true}\r\n            dots={true}\r\n            pauseIconColor=\"white\"\r\n            pauseIconSize=\"40px\"\r\n            slideBackgroundColor=\"darkgrey\"\r\n            slideImageFit=\"cover\"\r\n            thumbnails={true}\r\n            thumbnailWidth=\"100px\"\r\n            style={{\r\n              textAlign: \"center\",\r\n              maxWidth: \"850px\",\r\n              maxHeight: \"500px\",\r\n              margin: \"40px auto\",\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n     \r\n      {/* {console.log(props.tag)} */}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default ImageSlider;\r\n","import React from 'react'\r\nimport '../../public/assets/css/traction.css'\r\nimport { FaAccusoft, FaChartLine, FaGrinStars, FaSteam } from 'react-icons/fa'\r\nimport { FiFlag } from 'react-icons/fi'\r\nexport default function TractionLayout() {\r\n  return (\r\n    <div className=\"container\">\r\n  <div className=\"row \">\r\n    <div className=\"col-lg-12 col-md-12 col-sm-12 mb-4\">\r\n      <div className=\"row  mt-4\">\r\n        {/* <section class=\"step one \"> */}\r\n        <div\r\n          className=\"col-lg-4 col-md-4 col-sm-4 mt-2 d-flex justify-content-center align-items-center\"\r\n          id=\"ch-traction\"\r\n        >\r\n          <div className=\"circle1 align-items-center \">\r\n            <i\r\n              className=\"logo fa-solid fa-globe mb-3 \"\r\n              style={{ color: \"#ff5100\" }}\r\n            ><FaAccusoft  size=\"3rem\"/></i>\r\n            <h4 className=\"content\" style={{ color: \"red\" }}>\r\n              <b>2020-21</b>\r\n            </h4>\r\n            <p className=\"des text-dark\" >The Kickoff</p>\r\n          </div>\r\n        </div>\r\n        <div\r\n          className=\"col-lg-8 col-md-8 col-sm-8 align-items-center chdatabox\"\r\n          id=\"ch-traction\"\r\n        >\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12\">\r\n              <header\r\n                className=\"row align-items-center  mb-2 step1  \"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaAccusoft size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2  px-3  text-white text-bold text-sm \">\r\n                  <b>TNSI 2019-20 Winning Startup </b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row align-items-center mb-2 step2\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                 <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaAccusoft size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold text-black text-sm\">\r\n                 <b>Best Innovation Award, NH</b> \r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row ml-8 align-items-center mb-2 step3\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                  <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaAccusoft size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold text-black text-sm\">\r\n                <b>Officially AN MSME STARTUP</b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row align-items-center mb-2 step4\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                  <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaAccusoft size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold  text-black text-sm\">\r\n                <b>World Top 25 - Honda A.I.</b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row align-items-center mb-2 step5\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                  <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaAccusoft size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold text-black text-sm\">\r\n                <b>GDC Appreciation for CRUIS</b>\r\n                </p>\r\n              </header>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* </section> */}\r\n      </div>\r\n      <div className=\"row mt-5 \">\r\n        {/* <section class=\"step one \"> */}\r\n        <div\r\n          className=\"col-lg-4 col-md-4 col-sm-4 mt-2 d-flex justify-content-center align-items-center \"\r\n          id=\"ch-traction\"\r\n        >\r\n          <div className=\"circle1 align-items-center \">\r\n            <i\r\n              className=\"logo fa-solid fa-gears mb-3 \"\r\n              style={{ color: \"#ff5100\" }}\r\n            ><FaSteam size=\"3rem\"/></i>\r\n            <h4 className=\"content\" style={{ color: \"red\" }}>\r\n              <b>2021-22</b>\r\n            </h4>\r\n            <p className=\"des text-dark\">Building</p>\r\n          </div>\r\n        </div>\r\n        <div\r\n          className=\"col-lg-8 col-md-8 col-sm-8 align-items-center chdatabox\"\r\n          id=\"ch-traction\"\r\n        >\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12\">\r\n              <header className=\"row align-items-center  mb-2 step1\">\r\n                <i\r\n                  className=\"fa-solid fa-star\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                ><FaSteam size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3  text-dark text-sm\">\r\n                <b>TNSI 2021-22 Winning Startup </b>\r\n                </p>\r\n              </header>\r\n              <header className=\"row align-items-center mb-2 step2\">\r\n              <i\r\n                  className=\"fa-solid fa-star\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                ><FaSteam size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3  text-dark text-sm\">\r\n                <b>Book OF innovations, TN  </b>\r\n                </p>\r\n              </header>\r\n              <header className=\"row ml-8 align-items-center mb-2 step3\">\r\n              <i\r\n                  className=\"fa-solid fa-star\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                ><FaSteam size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3  text-dark text-sm\">\r\n                <b>SIH'2022 World Champions</b>\r\n                </p>\r\n              </header>\r\n              <header className=\"row align-items-center mb-2 step4\">\r\n              <i\r\n                  className=\"fa-solid fa-star\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                ><FaSteam size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3  text-dark text-sm\">\r\n                <b>Knowledge Partner - PRAG</b>\r\n                </p>\r\n              </header>\r\n              <header className=\"row align-items-center mb-2 step5\">\r\n              <i\r\n                  className=\"fa-solid fa-star\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                ><FaSteam size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-dark text-bold text-sm\">\r\n                <b>Trademark 50 Projects</b>\r\n                </p>\r\n              </header>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* </section> */}\r\n      </div>\r\n      <div className=\"row mt-5 \">\r\n        {/* <section class=\"step one \"> */}\r\n        <div\r\n          className=\"col-lg-4 col-md-4 col-sm-4 mt-2 d-flex justify-content-center align-items-center\"\r\n          id=\"ch-traction\"\r\n        >\r\n          <div className=\"circle1 align-items-center \">\r\n            <i\r\n              className=\"logo fa-solid fa-line-chart mb-3 \"\r\n              style={{ color: \"#ff5100\" }}\r\n\r\n            ><FaChartLine size=\"3rem\"/></i>\r\n            <h4 className=\"content\" style={{ color: \"red\" }}>\r\n              <b>2022-23</b>\r\n            </h4>\r\n            <p className=\"des text-dark\">The Empire</p>\r\n          </div>\r\n        </div>\r\n        <div\r\n          className=\"col-lg-8 col-md-8 col-sm-8 align-items-center  chdatabox\"\r\n          id=\"ch-traction\"\r\n        >\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12\">\r\n              <header\r\n                className=\"row align-items-center  mb-2 step1  \"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaChartLine size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3  text-white text-bold text-sm \">\r\n                <b>Client Base - 8 Countries</b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row align-items-center mb-2 step2\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                <i\r\n                  className=\"fa-solid fa-star \"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaChartLine size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold text-black text-sm\">\r\n                <b>ABIRF Official Incubation</b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row ml-8 align-items-center mb-2 step3\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                <i\r\n                  className=\"fa-solid fa-star \"\r\n                  id=\"\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaChartLine size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold text-black text-sm\">\r\n                <b>Techkathon'22 Winners,TN</b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row align-items-center mb-2 step4\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                <i\r\n                  className=\"fa-solid fa-star\"\r\n                  id=\"\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaChartLine size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold  text-black text-sm\">\r\n                <b>Pathway to Private Ltd. </b>\r\n                </p>\r\n              </header>\r\n              <header\r\n                className=\"row align-items-center mb-2 step5\"\r\n                style={{ backgroundColor: \"rgba(0, 0, 0, 0.8)\" }}\r\n              >\r\n                <i\r\n                  className=\"fa-solid fa-star\"\r\n                  style={{ backgroundColor: \"rgb(256, 82, 0, 1)\" }}\r\n                  ><FaChartLine size=\"1.7rem\"/></i>\r\n                <p className=\"text-uppercase my-2 ps-4 px-3 text-white text-bold text-black text-sm\">\r\n                <b>Grand Invitee of UMAGINE'23</b>\r\n                </p>\r\n              </header>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* </section> */}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  {/* Add more award cards as needed */}\r\n</div>\r\n\r\n  )\r\n}\r\n","import React, { Component,useState, useEffect } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp, FiPercent, FiClock, FiTrendingUp, FiAward, FiTarget, FiPieChart } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport SIH from \"../../public/assets/images/SIH.webp\";\r\nimport SIHLOGO from \"../../public/assets/images/awardlogos/sih.png\";\r\n// import SIH1 from \"../../public/assets/images/awardlogos/sih.png\";\r\n// import MyComponent from \"../elements/divWidth\";\r\nimport TNSILOGO from \"../../public/assets/images/awardlogos/tnsi.png\";\r\nimport { Carousel } from 'react-carousel-minimal';\r\nimport ImageSlider from \"../components/slider/ImageSlider\";\r\nimport ImageSlider1 from \"../components/slider/ImageSlider1\";\r\nimport { FaClock } from \"react-icons/fa\";\r\nimport TractionLayout from \"../components/tractionLayout\";\r\n\r\nimport SIH1 from \"../../public/assets/images/awardphotos/SIH/SIH (1).png\";\r\nimport SIH2 from \"../../public/assets/images/awardphotos/SIH/SIH (2).png\";\r\nimport SIH3 from \"../../public/assets/images/awardphotos/SIH/SIH (3).png\";\r\nimport SIH4 from \"../../public/assets/images/awardphotos/SIH/SIH (4).png\";\r\nimport SIH5 from \"../../public/assets/images/awardphotos/SIH/SIH (5).png\";\r\nimport SIH6 from \"../../public/assets/images/awardphotos/SIH/SIH (6).png\";\r\nimport SIH7 from \"../../public/assets/images/awardphotos/SIH/SIH (7).png\";\r\n\r\nimport TNSI1 from \"../../public/assets/images/awardphotos/TNSI/TNSI (1).png\";\r\nimport TNSI2 from \"../../public/assets/images/awardphotos/TNSI/TNSI (2).jpg\";\r\nimport TNSI3 from \"../../public/assets/images/awardphotos/TNSI/TNSI (3).jpg\";\r\nimport TNSI4 from \"../../public/assets/images/awardphotos/TNSI/TNSI (4).jpg\";\r\nimport TNSI5 from \"../../public/assets/images/awardphotos/TNSI/TNSI (5).jpg\";\r\nimport TNSI6 from \"../../public/assets/images/awardphotos/TNSI/TNSI (6).png\";\r\nimport TNSI7 from \"../../public/assets/images/awardphotos/TNSI/TNSI (7).jpg\";\r\n\r\nimport PRESS1 from \"../../public/assets/images/awardphotos/press/press (1).JPG\";\r\nimport PRESS2 from \"../../public/assets/images/awardphotos/press/press (2).jpg\";\r\nimport PRESS3 from \"../../public/assets/images/awardphotos/press/press (3).jpg\";\r\nimport PRESS4 from \"../../public/assets/images/awardphotos/press/press (4).JPG\";\r\n\r\n\r\n\r\nimport BEN1 from \"../../public/assets/images/benchmarksphotos/BENCH2.png\";\r\nimport BEN2 from \"../../public/assets/images/benchmarksphotos/PRESS.jpg\";\r\nimport BEN3 from \"../../public/assets/images/benchmarksphotos/BEN3.jpg\";\r\nimport BEN4 from \"../../public/assets/images/benchmarksphotos/BEN4.JPG\";\r\nimport BEN5 from \"../../public/assets/images/benchmarksphotos/BEN5.jpg\";\r\nimport BEN6 from \"../../public/assets/images/benchmarksphotos/BEN6.jpg\";\r\nimport BEN7 from \"../../public/assets/images/benchmarksphotos/BEN7.jpg\";\r\n\r\n\r\n\r\n// import ImageSlider from \"../components/slider/ImageSlider\";\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiPieChart/>,\r\n        title: 'Pillars of Unrivaled Excellence',\r\n        description: 'Setting the Premium Standard is what we do at Codehunters. Our operational standards are the cornerstone of our commitment to surpassing industry norms and consistently delivering top-tier solutions.'\r\n    },\r\n    {\r\n        icon: <FiTarget />,\r\n        title: 'Elevating Quality',\r\n        description: \"A Legacy of Excellence. We've set the bar high, and we continually raise it, ensuring that our work stands as a testament to being the absolute best drivING innovation and ensuring impeccable quality \"\r\n    },\r\n    {\r\n        icon:  <FiAward/>,\r\n        title: 'The Codehunters Way',\r\n        description: 'At Codehunters , where Perfection is the Norm , our operational standards represent a relentless pursuit of excellence, ensuring that every project we undertake is executed flawlessly, making us the undisputed leaders at the forefront of technological advancement.'\r\n    },\r\n    {\r\n        icon: <FiTrendingUp/>,\r\n        title: 'Excellence Redefined',\r\n        description: \"We don't strive for good; we aim for greatness. Our commitment to excellence isn't just a motto; it's our way of life. Explore our meticulously detailed operational standards, where every aspect is crafted to not just meet, but exceed industry norms.\"\r\n    },\r\n    \r\n]\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\n\r\nconst imgStyle = {height: '100%',objectFit: 'cover',transition: 'transform 0.3s',};\r\n\r\nconst borStyle={borderTop: '5px solid rgb(252,86,0)'};\r\nconst padStyle={paddingLeft : '10%',paddingRight : '10%'};\r\nconst cardTitle={color: '#ff5100', fontWeight: '900'};\r\nconst cardDesp={color: 'gray',paddingLeft: '10%',paddingRight: '10%'};\r\n\r\n\r\n\r\nconst buttonStyle = {\r\n    \r\n    backgroundColor: 'rgb(256, 81, 0)',\r\n    borderColor: 'rgb(255, 0, 0)',\r\n  };\r\n\r\n  const vignetteOverlayStyles = {\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: '100%', // Adjust the height of the vignette effect\r\n    background: 'radial-gradient(ellipse at center, transparent 85%, rgba(256, 52, 0, 1) 10%)'\r\n  };\r\n\r\nconst AwardsList1=[{\r\n     \r\n      logo : SIHLOGO,\r\n      title: \"SMART INDIA HACKATHON 2022\",\r\n      recognition: \"WORLD CHAMPIONS\",\r\n      description: \"The Smart India Hackathon 2022, a monumental event held in 75 locations with participants numbering in the lakhs, provided us with an opportunity to showcase our skills and innovation. Representing team CODESTRIX, we ventured into this journey with high hopes, facing challenges and overcoming obstacles along the way.The SIH2022 was more than just a competition; it was a testament to our resilience, teamwork, and unwavering determination. From facing adversity to emerging as winners, our journey taught us that with the right mindset and a dedicated team, the impossible becomes possible.\",\r\n      venue:\"ACS College of Engineering ,Bangalore\",\r\n      product: 'One Time Handshake Multifactor Authentication (PS-NR1162)',\r\n      tagId: [\r\n        {\r\n          image: SIHLOGO,\r\n        },\r\n        {\r\n          image: SIH1,\r\n          \r\n        },\r\n        {\r\n          image: SIH2,\r\n          \r\n        },\r\n        {\r\n          image: SIH3,\r\n        \r\n        },\r\n        {\r\n          image: SIH7,\r\n         \r\n        },\r\n        {\r\n          image: SIH5,\r\n        \r\n        },\r\n        {\r\n          image: SIH4,\r\n        \r\n        },\r\n        {\r\n          image: SIH6,\r\n          \r\n        },]\r\n     },\r\n\r\n]\r\nconst AwardsList2=[\r\n   {\r\n      logo : TNSILOGO,\r\n      title: \"TAMIL NADU STUDENT INNOVATORS AWARD 2021\",\r\n      recognition: \"STATE CHAMPIONS\",\r\n      description: \" The Tamil Nadu Student Innovators Programme, initiated by EDII-TN, aims to inspire student innovators and entrepreneurs from across Tamil Nadu. The program consists of a series of events, including awareness and ideation sessions, boot camps, and a final pitch competition. A panel of judges from the Startup Ecosystem selects innovative ideas for recognition, awarding each recipient Rs. 1.00 lakh to further develop their prototype and bring their product to market. We are proud to announce that our product received the Best Innovative Award and emerged as the winner of the TNSI 2021-22 Season. We were honored to be recognized by the Tamil Nadu MSME Minister for our outstanding achievement.\",\r\n      venue:\"Anna University , Guindy\",\r\n      product: 'Octus Women Safety Application',\r\n      tag: [\r\n        {\r\n          image: TNSILOGO,\r\n        },\r\n        {\r\n          image: TNSI1,\r\n          \r\n        },\r\n        {\r\n          image: TNSI2,\r\n          \r\n        },\r\n        {\r\n          image: TNSI3,\r\n        \r\n        },\r\n        \r\n        {\r\n          image:TNSI4,\r\n        \r\n        },\r\n        {\r\n          image: TNSI5,\r\n        \r\n        },\r\n        {\r\n          image: TNSI6,\r\n          \r\n        },{\r\n            image: TNSI7,\r\n            \r\n          },]\r\n     },\r\n\r\n]\r\n\r\nconst BenchmarksList=[{\r\n    logo : BEN1,\r\n    title: \"UMAGINE 2023\",\r\n    subtitle: \"Asia's Largest Tech Summit\",\r\n    description: \"Special Invitee of UMAGINE Chennai,organised by the Govt. of Tamil Nadu and ELCOT which stands as Asia’s largest three-day summit on technology and innovation with more than 250 industry veterans and over 10,000 delegates, from March 23 to 25, 2023.\",\r\n    venue:\"World Trade Center , Chennai\",\r\n    product: 'One Time Handshake Multifactor Authentication', },\r\n    {\r\n        logo : BEN2,\r\n        title: \"OCTUS PRODUCT SHOWCASE\",\r\n        subtitle: \"STATE WIDE PRESS MEET\",\r\n        description: \"An Official Press Meet to over 15+ Media Channels across Tamil Nadu for our Innovative Product OCTUS ,at the Project Day 2022, Which stands as the World's first Beacon themed security appication, with the moto to elevate the Safety and security of the Women of Our Country\",\r\n        venue:\"SRM Campus , Trichy\",\r\n        product: 'One Time Handshake Multifactor Authentication', },\r\n        {\r\n            logo : BEN5,\r\n            title: \"PROUD ESPERANZA'2023 SPONSOR\",\r\n            subtitle: \"GUEST SPEAKER\",\r\n            description: \"From Being the Student Coordinator of Esperanza'2020 to being the Sponsor of the Entire Symposium Event , Codehunters Paved the Way for the Event with prominent Guest Lecture by pride representative of our company\",\r\n            venue:\"Srm, Trichy\",\r\n            product: 'One Time Handshake Multifactor Authentication', },\r\n            {\r\n                logo : BEN3,\r\n                title: \"VISUALIZE THE FUTURE - Virtual Tech Talk\",\r\n                subtitle: \"GUEST SPEAKERs\",\r\n                description: \"Featured Guest Speakers with the session focussing on Hackathons, Interview Preparation, and Upcoming Tech, an opportunity to share our expertise and insights with the next generation of tech leaders. This moment underscores our commitment to mentorship and marks a significant benchmark in our journey as tech innovators. \",\r\n                venue:\"Bethlahem College of Engineering\",\r\n                product: 'Bethlahem College of Engineering', },\r\n                {\r\n                    logo : BEN4,\r\n                    title: \"Startup TN Brandlabs, 2022\",\r\n                    subtitle: \"Official Logo Launch\",\r\n                    description: \"Grand Logo Unveiling at Startup TN Brandlabs 2023: Our iconic logo was unveiled amid the presence of distinguished dignitaries, marking a momentous occasion in our journey. This event underscores our commitment to innovation and brand excellence.\",\r\n                    venue:\"BIT Campus, Trichy\",\r\n                    product: 'Bethlahem College of Engineering', },\r\n                    {\r\n                        logo : BEN6,\r\n                        title: \"Startup TN , 2022\",\r\n                        subtitle: \"Product Showcase\",\r\n                        description: \"We proudly showcased our flagship product, OCTUS, at Startup TN 2022, an event hosting thousands of startups. This dynamic marketing and networking experience exemplified our commitment to innovation and collaboration within the thriving startup ecosystem.\",\r\n                        venue:\"World Trade Center, Chennai\",\r\n                        product: 'World Trade Center, Chennai', }]\r\n\r\nclass WhatWeDid extends Component{\r\n\r\n    \r\n    render(){\r\n\r\n        // const { imageWidth } = this.state;\r\n        let title = 'What we did',\r\n        description = 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going.';\r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='What we did' />\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n                \r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'What we did'}\r\n                \r\n                bg='breadcrumb-area rn-bg-color ptb--150 bg-14' \r\n                headbelow_p = {\"We started as students ready to pursue our dreams with Passion and unwavering determination, embracing the roller-coaster ride of Entrepreneurship. Now we stand tall as one of the Leading Startup's of Tamil Nadu\"}    />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h3>Transforming Operational Standards</h3>\r\n                                    <p className=\"mt-5\">Elevating Excellence: Our operational standards are the foundation of our commitment to innovation, quality, and consistency. Dive into our rigorous processes that ensure every aspect of our work meets the highest industry benchmarks.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            {ServiceList.map( (val , i) => (\r\n                                <div className=\"col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12\" key={i}>\r\n                                    {/* <a className=\"\" href=\"/service-details\"> */}\r\n                                        <div className=\"service service__style--2\">\r\n                                            <div className=\"icon\">\r\n                                                {val.icon}\r\n                                            </div>\r\n                                            <div className=\"content\">\r\n                                                <h3 className=\"title\">{val.title}</h3>\r\n                                                <p>{val.description}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    {/* </a> */}\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n\r\n\r\n              \r\n\r\n  {/* Start Award & Recognitions */}\r\n         <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h3>Awards & Recognition</h3>\r\n                                    <p className=\"mt-5\">From winning the prestigious Tamil Nadu Student Innovation Challenge to conquering the Smart India Hackathon, our journey is etched with accolades .\r\n                                    Discover the pinnacle of our achievements through our benchmarks, where innovation, dedication, and exceptional performance converge to define our unwavering commitment to excellence</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                  </div>\r\n\r\n                  {AwardsList1.map( (vala , i) => (\r\n                                <div className=\"container mt-4\" key={i}>\r\n                                <div className=\"row\">\r\n\r\n                                    <div className=\"col-lg-12 col-md-12 mb-4\">\r\n                                    <div className=\"card border-2 shadow\">\r\n                                        \r\n                                        <div className=\"row no-gutters\">\r\n                                        <div\r\n                                            className=\"col-lg-12 \"\r\n                                            \r\n                                        >\r\n                                            <div className=\"card-body text-center mt-4 \">\r\n                                            <h3\r\n                                                className=\"card-title text-center text-orange \"\r\n                                                style={cardTitle}\r\n                                            >\r\n                                                {vala.title}\r\n                                            </h3>\r\n                                            <h6 className=\"card-subtitle mb-2 text-muted font-weight-bold\">{vala.recognition}</h6>\r\n                                            <div className=\"row mb-md-5 mb-sm-3\">\r\n                                                    <div className=\"col-lg-12 mb-sm-5\">\r\n                                                    <ImageSlider tag={vala.tagId}/> \r\n                                                    \r\n                                                    {console.log(vala.tagId)}\r\n                                                    </div>\r\n                                            \r\n                                             </div>\r\n                                            <p\r\n                                                className=\"card-text mt-4 text-center text-secondary text-justify \"\r\n                                                style={padStyle}\r\n                                            >\r\n                                               \r\n                                                {vala.description}\r\n                                                \r\n                                            </p>\r\n                                            <p className=\"card-text text-center mt-4 mb-0 text-secondary\" >\r\n                                                <strong className=\"text-dark\">Product Name:</strong> {vala.product}\r\n                                            </p>\r\n                                            <p className=\"card-text text-center mt-0 mb-0 text-secondary\">\r\n                                                <strong className=\"text-dark\">Felicitation Venue:</strong> {vala.venue}\r\n                                            </p>\r\n                                            </div>\r\n                                         \r\n                                        </div>\r\n                                        </div>\r\n                                       \r\n                                        <div className=\"text-center mt-4\">\r\n                                            {/* <button\r\n                                                type=\"button\"\r\n                                                className=\"btn btn-sm px-3 mr-1 btn-dark \"\r\n                                                \r\n                                            >\r\n                                                View Photos\r\n                                            </button> */}\r\n                                            <a href=\"/products\">\r\n                                                <button\r\n                                                    type=\"button\"\r\n                                                    className=\"btn btn-secondary btn-lg w-100 rn-bg-color font-weight-medium \" style={buttonStyle}\r\n                                                >\r\n                                                  <b>VIEW PRODUCT</b>  \r\n                                                </button>\r\n                                                </a>\r\n                                            </div>\r\n                                         </div>\r\n                                 \r\n                                    </div>\r\n                              \r\n\r\n\r\n                                </div>\r\n                           \r\n                        \r\n                             \r\n                                \r\n\r\n                        </div>\r\n                    ))}\r\n\r\n                    <br></br>\r\n                    {AwardsList2.map( (valax , i) => (\r\n                                <div className=\"container mt-4\" key={i}>\r\n                                <div className=\"row\">\r\n\r\n                                    <div className=\"col-lg-12 col-md-12 mb-4\">\r\n                                    <div className=\"card border-2 shadow\">\r\n                                        \r\n                                        <div className=\"row no-gutters\">\r\n                                        <div\r\n                                            className=\"col-lg-12 \"\r\n                                            \r\n                                        >\r\n                                            <div className=\"card-body text-center mt-4 \">\r\n                                            <h3\r\n                                                className=\"card-title text-center text-orange \"\r\n                                                style={cardTitle}\r\n                                            >\r\n                                                {valax.title}\r\n                                            </h3>\r\n                                            <h6 className=\"card-subtitle mb-2 text-muted font-weight-bold\">{valax.recognition}</h6>\r\n                                            <div className=\"row mb-md-5 mb-sm-3\">\r\n                                                    <div className=\"col-lg-12 \">\r\n                                                    {/* <ImageSlider tag={valax.tag}/>  */}\r\n                                                    <br></br>\r\n                                                    <img src={TNSI7} alt=\"\"/>\r\n                                                    {console.log(valax.tag)}\r\n                                                    </div>\r\n                                            \r\n                                             </div>\r\n                                            <p\r\n                                                className=\"card-text mt-4 text-center text-secondary text-justify \"\r\n                                                style={padStyle}\r\n                                            >\r\n                                               \r\n                                                {valax.description}\r\n                                                \r\n                                            </p>\r\n                                            <p className=\"card-text text-center mt-4 mb-0 text-secondary\" >\r\n                                                <strong className=\"text-dark\">Product Name:</strong> {valax.product}\r\n                                            </p>\r\n                                            <p className=\"card-text text-center mt-0 mb-0 text-secondary\">\r\n                                                <strong className=\"text-dark\">Felicitation Venue:</strong> {valax.venue}\r\n                                            </p>\r\n                                            </div>\r\n                                         \r\n                                        </div>\r\n                                        </div>\r\n                                       \r\n                                        <div className=\"text-center mt-4\">\r\n                                            {/* <button\r\n                                                type=\"button\"\r\n                                                className=\"btn btn-sm px-3 mr-1 btn-dark \"\r\n                                                \r\n                                            >\r\n                                                View Photos\r\n                                            </button> */}\r\n                                             <a href=\"/products\">\r\n                                                <button\r\n                                                    type=\"button\"\r\n                                                    className=\"btn btn-secondary btn-lg w-100 rn-bg-color font-weight-medium \" style={buttonStyle}\r\n                                                >\r\n                                                  <b>VIEW PRODUCT</b>  \r\n                                                </button> </a>\r\n                                            </div>\r\n                                         </div>\r\n                                 \r\n                                    </div>\r\n                              \r\n\r\n\r\n                                </div>\r\n                           \r\n                        \r\n                             \r\n                                \r\n\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n           \r\n  {/* End Award & Recognitions */}\r\n\r\n\r\n            \r\n\r\n{/* Traction Start*/}\r\n\r\n\r\n<div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h3>Track Records</h3>\r\n                                    <p className=\"mt-5\">Discover our chronicle of successes, milestones, and moments of innovation. From groundbreaking projects to prestigious awards, our track record showcases our unwavering commitment to excellence. </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                            <TractionLayout />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n{/* Traction End */}\r\n\r\n<div className=\"about-area   bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"call-to-action-wrapper call-to-action text-white-wrapper  ptb--25\">\r\n                            <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                        <div className=\"inner text-center\"><span>WANT TO GET IN TOUCH ?</span>\r\n                                            <h2> We'd Love to Hear from You </h2><a className=\"rn-button-style--2\" href=\"/contact\"><span>Get in Touch\r\n                                                    </span></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n    {/* Benchmarks */}\r\n    <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h3>KEY HIGHLIGHTS</h3>\r\n                                    <p className=\"mt-5\">From winning the prestigious Tamil Nadu Student Innovation Challenge to conquering the Smart India Hackathon, our journey is etched with accolades .\r\n                                    Discover the pinnacle of our </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row creative-service\">\r\n                   \r\n                        <div className=\"container mt-4\">\r\n                                <div className=\"row\">\r\n\r\n                                {BenchmarksList.map( (vala , i) => (\r\n                                    <div className=\"col-lg-12 col-md-12 mb-4\" key={i}>\r\n                                    <div className=\"card border-2 shadow\">\r\n                                        <div className=\"row no-gutters\">\r\n                                        <div className=\"col-lg-5 d-flex align-items-center justify-content-center\">\r\n                                            <img\r\n                                            src={vala.logo}\r\n                                            className=\"card-img img-fluid cover\"\r\n                                            style={imgStyle}\r\n                                            alt=\"Award Images\"\r\n                                            />\r\n                                            <div style={vignetteOverlayStyles}></div>\r\n                                        </div>\r\n                                        <div\r\n                                            className=\"col-lg-7\"\r\n                                            \r\n                                        >\r\n                                            <div className=\"card-body text-center mt-4 \">\r\n                                            <h5\r\n                                                className=\"card-title text-orange\"\r\n                                                style={cardTitle}\r\n                                            >\r\n                                                {vala.title}\r\n                                            </h5>\r\n                                            <h6 className=\"card-subtitle mb-2 text-muted font-weight-bold display-sm-4\"><b>{vala.subtitle}</b></h6>\r\n                                            <p\r\n                                                className=\"card-text mt-4 mb-4 text-center text-secondary text-justify \"\r\n                                                style={padStyle}\r\n                                            >\r\n                                               \r\n                                                {vala.description}\r\n                                                \r\n                                            </p>\r\n                                            {/* <p className=\"card-text mt-4 mb-0 text-secondary\" >\r\n                                                <strong className=\"text-dark\">Product Name:</strong> {vala.product}\r\n                                            </p> */}\r\n                                            <p className=\"card-text mt-0 mb-4 text-secondary\">\r\n                                                <strong className=\"text-dark\"> Event Venue:</strong> {vala.venue}\r\n                                            </p>\r\n                                            </div>\r\n                                            {/* <div className=\"text-center mb-4\">\r\n                                            <button\r\n                                                type=\"button\"\r\n                                                className=\"btn btn-sm px-3 mr-1 btn-dark mb-4\"\r\n                                                \r\n                                            >\r\n                                                View Photos\r\n                                            </button>\r\n                                            <button\r\n                                                type=\"button\"\r\n                                                className=\"btn btn-secondary btn-sm px-3 mb-4\" \r\n                                            >\r\n                                                View Product\r\n                                            </button>\r\n                                            </div> */}\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    </div>\r\n                                ))}\r\n\r\n\r\n                                </div>\r\n                                </div>\r\n                           \r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* Benchmarks */}\r\n\r\n                {/* Start work Area */}\r\n                {/* <div className=\"rn-column-area rn-section-gap pt--90 pb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"single-column\">\r\n                                    <h2 className=\"tilte text-center\">In what we are special</h2>\r\n                                    <p className=\"text-center\">Flexible and Reliable</p>\r\n                                </div>\r\n                                <div className=\"col-lg-12 col-12 order-1 order-lg-2\">\r\n                                    <div className=\"thumb position-relative\">\r\n                                        <img className=\"w-100\" src={SIH} alt=\"Service Images\"/>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n                {/* End work Area */}\r\n\r\n\r\n                 \r\n\r\n               \r\n\r\n                {/* Start CounterUp Area */}\r\n                {/* <div className=\"rn-counterup-area pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center\">\r\n                                    <h3 className=\"fontWeight500\">Our Fun Facts</h3>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <CounterOne />\r\n                    </div>\r\n                </div> */}\r\n                {/* End CounterUp Area */}\r\n\r\n                \r\n\r\n                \r\n\r\n                {/* Start Brand Area */}\r\n                <div className=\"rn-brand-area brand-separation bg_color--5 ptb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <BrandTwo />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Brand Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <Footer />\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default WhatWeDid;","import { useEffect } from \"react\";\r\nimport { withRouter } from 'react-router-dom';\r\n\r\n\r\nconst PageScrollTop = (props) => {\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    });\r\n    return props.children;\r\n};\r\nexport default withRouter(PageScrollTop);","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport Breadcrumb from \"../elements/common/Breadcrumb\";\r\nimport { FiCast , FiLayers , FiUsers , FiMonitor ,FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\n// import Header from \"../component/header/Header\";\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport Footer from \"../components/footer/Footer\";\r\nimport BrandTwo from \"../elements/BrandTwo\";\r\nimport OCTUS from \"../../public/assets/images/productsphotos/octus.png\";\r\nimport OTH from \"../../public/assets/images/productsphotos/OTH.png\";\r\nimport N2A from \"../../public/assets/images/productsphotos/n2a.png\";\r\nimport HASY from \"../../public/assets/images/productsphotos/hasy.png\";\r\nimport CRUIS from \"../../public/assets/images/productsphotos/cruis.png\";\r\nimport Whatsapp from \"../components/common/Whatsapp\";\r\n\r\nconst cardTitle={color:'#ff5100', fontWeight:'900'};\r\nconst padStyle={paddingLeft :'10%',paddingRight :'10%'};\r\n\r\nconst imgStyle = {height: '100%',objectFit: 'cover',transition: 'transform 0.3s',};\r\nconst buttonStyle = {\r\n    \r\n    backgroundColor: 'rgb(256, 81, 0)',\r\n    borderColor: 'rgb(255, 0, 0)',\r\n  };\r\n  const vignetteOverlayStyles = {\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: '100%', \r\n    background: 'radial-gradient(ellipse at center, transparent 85%, rgba(256, 52, 0, 1) 10%)'\r\n  };\r\nconst ServiceList = [   \r\n    {\r\n        icon: <FiCast />,\r\n        title: ' React Developers',\r\n        description: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n    {\r\n        icon: <FiLayers />,\r\n        title: 'Flutter Developers',\r\n        description: 'I throw myself down among the tall grass by the stream as I lie close to the earth.'\r\n    },\r\n    \r\n]\r\n\r\nconst ProductsList=[{\r\n    logo : OCTUS,\r\n    title: \"OCTUS Women Safety Application\",\r\n    recognition: \"World's First Beacon themed safety App\",\r\n    description: \"The Alert Trigger happens in less than 250 ms with capability to alert 6 million people in less than 30s. Functions with full efficiency even in the lack of internet .Various past Crime Scenarios can also be tracked down using OCTUS.Live Audio and Video access to trusted list members once SOS is triggeredModified T DES encryption Algorithm ensures no data breach happens\",\r\n    solution:\"Building an advanced SOS Application that would help the women with alerting the surrounding people & police.Track live location spontaneously even without internet ,forming an all round shield.\",\r\n    problem: 'Crime cases and harassment  against women raising at an alarming rate.The women of India aren’t having proper improvised security provisions. Lack of immediate help leading to most untoward incidents',\r\n    highlight: 'TAMIL NADU STUDENT INNOVATORS, 2021 - AWARD WINNING PRODUCT'\r\n   },{\r\n    logo : OTH,\r\n    title: \"One Time Handshake (OTH)\",\r\n    recognition: \"Multi Factor Authentication System\",\r\n    description: \"Highly secured Stand Alone System: OTH isn’t dependent on any external services and fully function by our pure  standalone Algorithm . Works even in Low Network Zone: OTH functions with same 100% efficiency even without internet . Cross Device Support- Works perfectly even for feature  phones , iOS as well as Android .Anti Breach System- Uncompromisable innovation\",\r\n    solution:\"USSD Triggered Quad level security based Multifactor authentication system that works even in the absence of internet named as 'One Time Handshake !'\",\r\n    problem: \"The Ministry of Defence's DRDO (Defence Research and Development Organization), under PS Code NS1162, seeking innovative solutions to address the challenge of OTP-based authentication in regions with poor mobile signal strength\",\r\n    highlight: 'SAMRT INDIA HACKATHON 2023 - AWARD WINNING PRODUCT'\r\n},{\r\n    logo : N2A,\r\n    title: \"Neural 2 Actions (N2A)\",\r\n    recognition: \"Pioneer Digital Healthcare Equipment\",\r\n    description: \"Realtime Patient Monitoring , Smartest & Effortless IoT Control ,Voice Control alongside Neural Intelligence , Every device can be made smart with our Custom IC Board controlled by our AI , Low cost IoT deployment eliminating need of new smart devices  AND Unpredictable mapping facilitating octa-layer protection ensures unbreakable security standards    \",\r\n    solution:\"Standalone AI System for Realtime Monitoring of every patient . Patient Disruptions will be tracked and alerted immediately. Turning the handicapped to hand-equipped through Neural Intelligence.  Thought / Voice based effortless control of every IoT device around\",\r\n    problem: 'Inability of hospitals to Monitor every Patient 24x7 , Critical Patients disruptions can’t be tracked immediately ,Differently abled people completely depend on abled persons AND Huge effort required even for the smallest of tasks',\r\n    highlight: 'TAMIL NADU STUDENT INNOVATORS, 2019 - AWARD WINNING PRODUCT'\r\n},\r\n{\r\n    logo : HASY,\r\n    title: \"HASY A.I.\",\r\n    recognition: \"Advanced AI based Healthcare Platform\",\r\n    description: \"Proficient Cloud Patient Monitoring system through ( HASY AI ) . Static Auto Report Generation of Patients visited and treated in the respective Health care centres .Patient Demographics, analytical and statistical report generation across all centres for the District healthcare officials .Unpredictable mapping facilitating octa-layer protection ensures unbreakable security standards\",\r\n    solution:\"Interconnected advanced  AI based platform to ensure immediate health guidance to patients and help  health care centres  as well as district officials to support and monitor the  patients \",\r\n    problem: 'Patients face problems in choosing the hospitals and specialized doctors for their treatment. No Platform to connect  health care centers ,patients and the district health officials for an efficient support and monitoring system',\r\n    highlight: 'TECHATHON 2022 - AWARD WINNING PRODUCT'\r\n},\r\n{\r\n    logo : CRUIS,\r\n    title: \"CRUIS Car A.I.\",\r\n    recognition: \"World's First Beacon themed safety App\",\r\n    description: \"‘From the seat’ Voice control of the entire functionalities of the car . Dynamic NLP Processing system with 56 different language Support . Monitor the entire state of the car in real time through cruis app powered by a New age Accident and Theft Alert System\",\r\n    solution:\"AI-driven virtual voice assistant for vehicles to enhance road safety, monitor real-time car status through a mobile app, and provide timely alerts to family members in case of accidents or theft prevention\",\r\n    problem: 'Urgent need to enhance road safety by tackling distracted driving, lack of  real-time car monitoring through a medium, increasing post-accident fatality rates de to lack of immediate help  and increasing car theft. This builds up as a multifaceted challenge ',\r\n    highlight: 'HONDA HACKATHON 2021 - WORLD TOP 25'\r\n},\r\n\r\n]\r\n\r\nconst first3Items = ServiceList.slice(0,3);\r\n\r\n\r\nclass Products extends Component{\r\n    render(){\r\n      \r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='Products' />\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n                \r\n                {/* Start Breadcrump Area */}\r\n                <Breadcrumb title={'CUtting Edge Innovations'}\r\n                bg='breadcrumb-area rn-bg-color ptb--150 bg-11' \r\n                headbelow_p={'Step into a world of boundless innovation and unrivaled functionality. Immerse yourself in our transformative product ecosystem, where innovation meets functionality to shape industries and exceed functional expectations.'}  />\r\n                {/* End Breadcrump Area */}\r\n\r\n                \r\n\r\n\r\n                {/* Start Service Area */}\r\n                <div className=\"service-area creative-service-wrapper pt--90 pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center mb--30\">\r\n                                    <h2>Our Products</h2>\r\n                                    <p>Discover Our Innovation Arsenal: Cutting-edge solutions designed to redefine industries. From pioneering apps to cybersecurity mastery, our products are the bridge between today's challenges and tomorrow's triumphs.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        {ProductsList.map( (vala , i) => (\r\n                        <div className=\" shadow mb-5\">\r\n                        <div className=\"mt-4\">\r\n                        \r\n                        <div className=\"row   \">\r\n                        \r\n                                    <div className=\"col-lg-12 col-md-12  \">\r\n                                    <div className=\"card\">\r\n                                        \r\n                                        <div className=\"row no-gutters \">\r\n                                        {/* <div className=\"col-lg-12 \"> */}\r\n                                            <div className=\"card-body text-center mt-4 \">\r\n                                            <h3\r\n                                                className=\"card-title text-center text-orange \"\r\n                                                style={cardTitle}\r\n                                            >\r\n                                                {vala.title}\r\n                                            </h3>\r\n                                            <h6 className=\"card-subtitle mb-2 text-muted font-weight-bold\">{vala.recognition}</h6>\r\n                                            <div className=\"row no-gutters d-flex align-items-center justify-content-center  mt-4 mb-md-5 mb-sm-3\">\r\n                                                    <div className=\"col-lg-5 d-flex align-items-center mr-lg-4 mt-md-4  mb-sm-4 shadow justify-content-center \"> \r\n                                                                <img src={vala.logo}  style={imgStyle} alt=\"\"/>\r\n                                                                <div className=\"\" style={vignetteOverlayStyles}></div>\r\n                                                    </div>\r\n                                                    <div className=\"col-lg-6 mt-4 px-4 align-items-center justify-content-center\">\r\n                                                        {/* <img src={vala.logo}  style={imgStyle} alt=\"\"/>\r\n                                                        <div style={vignetteOverlayStyles}></div>   */}\r\n                                                          <p className=\"card-text text-left mb-2 text-secondary\" >\r\n                                                               <strong className=\"text-dark\">PROBLEM STATEMENT :<br></br></strong> \r\n                                                               {vala.problem}\r\n                                                          </p>\r\n                                                          <p className=\"card-text text-left mt-0 mb-0 text-secondary\">\r\n                                                                <strong className=\"text-dark\">SOLUTION:<br></br></strong> \r\n                                                                {vala.solution}\r\n                                                           </p>\r\n                                                  </div>\r\n                                                     </div>\r\n                                            \r\n                                            \r\n\r\n\r\n                                            <p\r\n                                                className=\"card-text mt-4 text-center text-secondary text-justify \"\r\n                                                style={padStyle}\r\n                                            >\r\n                                               \r\n                                                {vala.description}\r\n                                                \r\n                                            </p>\r\n                                          \r\n                                            </div>\r\n                                         \r\n                                        </div>\r\n                                              \r\n                                        <div className=\"text-center mt-4\">\r\n                                 \r\n                                                <button\r\n                                                    type=\"button\"\r\n                                                    className=\"btn btn-secondary btn-lg w-100 rn-bg-color font-weight-medium \" style={buttonStyle}\r\n                                                >\r\n                                                  <b>{vala.highlight}</b>  \r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                 \r\n                                         </div>\r\n                                 \r\n                                  </div>\r\n                               \r\n                         </div>\r\n                        \r\n                       \r\n                        \r\n                        </div>\r\n                    \r\n                    \r\n                    // </div>\r\n                    ))}\r\n                    </div>\r\n                </div>\r\n                {/* End Service Area */}\r\n\r\n                \r\n                {/* Start About Area */}\r\n                <div className=\"about-area   bg_color--1\">\r\n                    <div className=\"about-wrapper\">\r\n                        <div className=\"call-to-action-wrapper call-to-action text-white-wrapper  ptb--25\">\r\n                            <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                        <div className=\"inner text-center\"><span>WANT TO GET IN TOUCH ?</span>\r\n                                            <h2> We'd Love to Hear from You </h2><a className=\"rn-button-style--2\" href=\"/contact\"><span>Get in Touch\r\n                                                    </span></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End About Area */}\r\n\r\n                \r\n                \r\n\r\n\r\n                 \r\n\r\n               \r\n\r\n                {/* Start CounterUp Area */}\r\n                {/* <div className=\"rn-counterup-area pb--120 bg_color--1\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title text-center\">\r\n                                    <h3 className=\"fontWeight500\">Our Fun Facts</h3>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <CounterOne />\r\n                    </div>\r\n                </div> */}\r\n                {/* End CounterUp Area */}\r\n\r\n                \r\n\r\n                \r\n\r\n                {/* Start Brand Area */}\r\n                <div className=\"rn-brand-area brand-separation bg_color--5 ptb--120\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <BrandTwo />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* End Brand Area */}\r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                {/* <Whatsapp/> */}\r\n                <Footer />\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Products;","import React, { Component } from \"react\";\r\nimport PageHelmet from \"../components/common/Helmet\";\r\nimport {FiChevronUp } from \"react-icons/fi\";\r\nimport ScrollToTop from 'react-scroll-up';\r\nimport HeaderFive from \"../components/header/HeaderFive\";\r\nimport Footer from \"../components/footer/FooterTwo\";\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass Er extends Component{\r\n    render(){\r\n        \r\n        return(\r\n            <React.Fragment>\r\n                <PageHelmet pageTitle='404' />\r\n\r\n                <HeaderFive headerPosition=\"header--static logoresize\" logo=\"all-dark\" color=\"color-black\"/>\r\n                \r\n               \r\n\r\n                <main className=\"page-wrapper\">\r\n            \r\n            <div className=\"error-page-inner bg_color--4\">\r\n                <div className=\"container\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-12\">\r\n                            <div className=\"inner\">\r\n                                <h1 className=\"title theme-gradient\">404!</h1>\r\n                                <h3 className=\"sub-title\">Page not found</h3><span>The page you were looking for could not\r\n                                    be found.</span>\r\n                                <div className=\"error-button\">\r\n                                    <a className=\"rn-button-style--2 btn_solid\" href=\"/\">Back To Homepage</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            \r\n        </main>\r\n                \r\n\r\n                \r\n\r\n                \r\n\r\n                {/* Start Back To Top */}\r\n                <div className=\"backto-top\">\r\n                    <ScrollToTop showUnder={160}>\r\n                        <FiChevronUp />\r\n                    </ScrollToTop>\r\n                </div>\r\n                {/* End Back To Top */}\r\n                \r\n                <Footer />\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\nexport default Er;","import React, { Component } from \"react\";\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter, Switch, Route  } from 'react-router-dom';\n\nimport Home from \"./pages/Home\";\nimport \"./App.scss\"\nimport Contact from \"./pages/Contact\";\nimport DigiMarketing from \"./pages/DigitalMarketing\"\nimport Career from \"./pages/Career\"\nimport Education from \"./pages/Education\"\nimport GraphicDesign from \"./pages/GraphicDesign\"\nimport HowWeWork from \"./pages/HowWeWork\"\nimport MobileAppDevelopment from \"./pages/MobileAppDevelopment\"\nimport Team from \"./pages/Team\"\nimport WebDevelopment from \"./pages/WebDevelopment\"\nimport Wwd from \"./pages/WhatWeDid\"\nimport PageScrollTop from \"./components/PageScrollTop\";\nimport WhatWeDid from \"./pages/WhatWeDid\";\nimport Products from \"./pages/Products\";\nimport Er from \"./pages/Er\";\n\n\n\n\n\nclass App extends Component{\n  render(){\n      return(\n        <BrowserRouter basename={'/'}>\n        <PageScrollTop>\n            <Switch>\n                <Route exact path={`${process.env.PUBLIC_URL}/`} component={Home}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/contact`} component={Contact}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/digital-marketing`} component={DigiMarketing}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/mobile-app-development`} component={MobileAppDevelopment}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/web-development`} component={WebDevelopment}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/education`} component={Education}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/graphic-design`} component={GraphicDesign}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/team`} component={Team}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/how-we-work`} component={HowWeWork}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/what-we-did`} component={WhatWeDid}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/career`} component={Career}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/products`} component={Products}/>\n\n                <Route exact path={`${process.env.PUBLIC_URL}/*`} component={Er}/>\n\n\n\n            \n\n    \n              {/*  <Route exact path={`${process.env.PUBLIC_URL}/main-demo`} component={MainDemo}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/dark-main-demo`} component={DarkMainDemo}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/startup`} component={Startup}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/paralax`} component={Paralax}/>\n    \n                <Route exact path={`${process.env.PUBLIC_URL}/digital-agency`} component={DigitalAgency}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/creative-agency`} component={CreativeAgency}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/personal-portfolio`} component={PersonalPortfolio}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/studio-agency`} component={StudioAgency}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/business`} component={Business}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/portfolio-home`} component={HomePortfolio}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/portfolio-landing`} component={PortfolioLanding}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/creative-landing`} component={CreativeLanding}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/home-particles`} component={HomeParticles}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/dark-portfolio-landing`} component={DarkPortfolioLanding}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/designer-portfolio`} component={DesignerPortfolio}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/creative-portfolio`} component={CreativePortfolio}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/interior-landing`} component={InteriorLanding}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/corporate-business`} component={CorporateBusiness}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/interactive-agency`} component={InteractiveAgency}/> */}\n    \n                {/* Element Layot \n                <Route exact path={`${process.env.PUBLIC_URL}/service`} component={}/>\n                \n                <Route exact path={`${process.env.PUBLIC_URL}/service-details`} component={ServiceDetails}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/contact`} component={Contact}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/about`} component={About}/>\n    \n                \n                <Route exact path={`${process.env.PUBLIC_URL}/what-we-did`} component={Wwd}/>\n                \n                <Route exact path={`${process.env.PUBLIC_URL}/how-we-work`} component={Hww}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/career`} component={Career}/>\n    \n                {/* <Route exact path={`${process.env.PUBLIC_URL}/about`} component={About}/> \n               \n    \n    \n                <Route exact path={`${process.env.PUBLIC_URL}/portfolio-details`} component={PortfolioDetails}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/blog`} component={Blog}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/blog-details`} component={BlogDetails}/>\n    \n                 Blocks Elements  \n                <Route exact path={`${process.env.PUBLIC_URL}/team`} component={Team}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/counters`} component={Counters}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/testimonial`} component={Testimonial}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/portfolio`} component={Portfolio}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/video-popup`} component={VideoPopup}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/gallery`} component={Gallery}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/clint-logo`} component={Brand}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/progressbar`} component={ProgressBar}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/contact-form`} component={ContactForm}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/google-map`} component={GoogleMap}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/columns`} component={Columns}/>\n                <Route exact path={`${process.env.PUBLIC_URL}/pricing-table`} component={PricingTable}/>\n    \n    \n                \n                <Route path={`${process.env.PUBLIC_URL}/404`} component={error404}/>\n                <Route component={error404}/>\n                */}\n    \n            </Switch>\n        </PageScrollTop>\n    </BrowserRouter>\n      )\n  }\n}\nexport default App;\n","import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nclass Root extends Component{\n  render(){\n      return(\n    <React.StrictMode>\n      <App/>\n    </React.StrictMode>\n    );\n  }\n}\n\nReactDOM.render(<Root/>, document.getElementById('root'));\n","module.exports = __webpack_public_path__ + \"static/media/sih.97171b32.png\";","module.exports = __webpack_public_path__ + \"static/media/tnsi.ac14cb19.png\";","module.exports = __webpack_public_path__ + \"static/media/TNSI (7).3a625ba1.jpg\";"],"sourceRoot":""}