Website Design Services For Energy Companies

<!DOCTYPE html> <html lang="en">  <head> <meta name=“p:domain_verify” content=“71dc7e053dd8c61548b3c0a304791cfc”/> <meta name="msvalidate.01" content="D7D3303DEB1ED7C224F94D8F1EDEC1D3" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M77K9S7');</script>  <title>Website Design Services For Energy Companies </title> <meta name="robots" content="index,follow"> <meta name="description" content="Energy Dais is a leading website design company for the energy industry. "> <meta name="keywords" content="digital marketing, website design, content marketing, web development, oil and gas companies" /> <meta name="author" content="Energydais" />   <meta property="og:title" content="Website Design Services For Energy Companies"> <meta property="og:site_name" content="Energy Dais"> <meta property="og:url"content="https://www.energydais.com/website-design-services-for-energy-companies/"> <meta property="og:description" content=" Energy Dais is a leading website design company for the energy industry."> <meta property="og:type" content="website"> <meta property="og:image" content="https://cdn.energydais.com/static/project/img/new/ed_og.jpg"> <meta content="en_US" property="og:locale">  <meta content="summary" property="twitter:card"> <meta content=@EnergyDais property="twitter:creator"> <meta content="Website Design Services For Energy Companies" property="twitter:title"> <meta content="Energy Dais is a leading website design company for the energy industry." property="twitter:description"> <meta content="https://www.energydais.com/website-design-services-for-energy-companies/"property="twitter:url"> <meta content="https://cdn.energydais.com/static/project/img/new/ed_og.jpg" property=twitter:image> <link rel="canonical" href="https://www.energydais.com/website-design-services-for-energy-companies/"> <link rel="author" href="https://plus.google.com/u/2/108233063544457963109">  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://www.energydais.com", "logo": "https://cdn.energydais.com/static/project/img/new/logo-w.png", "contactPoint": [{ "@type": "ContactPoint", "telephone": "+911145612788", "contactType": "customer service" }] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.energydais.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.energydais.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "name" : "Energy Dais - Oil & Gas Directory", "url" : "https://www.energydais.com", "logo": "https://cdn.energydais.com/static/project/img/new/logo-w.png", "sameAs" : [ "https://www.facebook.com/EnergyDaisonline/", "https://www.instagram.com/energydais/", "https://twitter.com/EnergyDais", "https://www.linkedin.com/company/13460092/" ] } </script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1,minimal-ui"> <meta name=“twitter:site” content=“@energydais” />  <link rel="shortcut icon" type="image/x-icon" href="https://cdn.energydais.com/static/project/img/favicon/favicon.ico">  <link rel="apple-touch-icon" type="image/png" sizes="57x57" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" type="image/png" sizes="72x72" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" type="image/png" sizes="114x114" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" type="image/png" sizes="144x144" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" type="image/png" sizes="152x152" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://cdn.energydais.com/static/project/img/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://cdn.energydais.com/static/project/img/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.energydais.com/static/project/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://cdn.energydais.com/static/project/img/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.energydais.com/static/project/img/favicon/favicon-16x16.png"> <link rel="manifest" href="https://cdn.energydais.com/static/project/img/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#2b72ea"> <meta name="msapplication-TileImage" content="https://cdn.energydais.com/static/project/img/favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#2b72ea"> <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" type = "text/css" />  <link href="https://cdn.energydais.com/static/project/css/bootstrap.min.css" rel="stylesheet" type = "text/css">  <link href="https://cdn.energydais.com/static/project/css/owl.carousel.min.css" rel="stylesheet" type = "text/css"> <link href="https://cdn.energydais.com/static/project/css/owl.theme.default.min.css" rel="stylesheet" type = "text/css"> <link href="https://cdn.energydais.com/static/project/css/lightslider.css" rel="stylesheet" type = "text/css"> <link href="https://cdn.energydais.com/static/project/css/animate.css" rel="stylesheet" type = "text/css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>   <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" /> <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#252e39" }, "button": { "background": "#14a7d0" } }, "theme": "edgeless", "position": "bottom-left", "content": { "message": "This website uses cookies to ensure you get the best experience on our website.", "dismiss": "Got it!", "link": "Learn more", "href": "https://www.energydais.com/privacy-policy/" } }); }); </script>   <script src="https://app.evolution360.com/JavascriptClick/Tracker?cid=1714956" defer></script>  <link href="https://cdn.energydais.com/static/project/css/custom.css" rel="stylesheet" type="text/css">  </head > <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M77K9S7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="text/javascript" src="https://a.optmstr.com/app/js/api.min.js" data-account="52889" data-user="46761" async></script>  <style> .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(https://cdn.energydais.com/static/project/img/energyloader.gif) center no-repeat rgba(255, 255, 255, 0.99); background-size: 11% auto; background-position: 50% 40%; } /* added to fix labels design on platform on 17/12/19 */ label{ color:#323232!important; } </style> <div class="se-pre-con" id="loader"> </div> <style> .se-pre-con#loader { display: none; } .search-icon-mobile { margin-top: 19px; display: inline-block; margin-left: 65px; color: #004361; } /* new header main -css */ #mobile-nav .m-t-0 { margin-top: 0; } .mega-menu-wrap nav.navbar-megamenu { border-color: #f5f5f5; -webkit-box-shadow: 0px -6px 18px #888; box-shadow: 0px -6px 18px #888; padding: 6px 0; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic.long-btn, .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic.long-btn.is-solid { padding: 10px; width: 200px; text-transform: capitalize; font-size: 14px; margin-top: 7px; margin-left: 0; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic { /*color: #5080d1;*/ padding: 6px 10px; margin-top: 7px; margin-left: 8px; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic.main-head-btn { color: #5080d1; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic.dropdown-button, #mobile-nav ul li a.ed-button-basic.dropdown-button { color: #fff; padding: 6px 10px; margin-top: 7px; margin-left: 0; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic.dropdown-button:hover, #mobile-nav ul li a.ed-button-basic.dropdown-button:hover { border-color: !important; background: #1b50a8 !important; color: #fff; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic:hover { background: #5080d1 !important; color: #fff !important; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li a.ed-button-basic:active { color: #fff; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li>a { font-family: 'museo-500', sans-serif; color: #004361; font-size: 14px; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; text-transform: uppercase; letter-spacing: 0.1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: auto; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li.header-btn a { margin-top: 0; border: 1px solid #4f7fd2; color: #4f7fd2 !important; background: transparent; padding: 10px; margin-top: 5px; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li.header-btn:hover a { color: #fff !important; } .header-btn a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background-color: #5080d1; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); transform: scale(0.5, 1); } .header-btn a:hover::before { opacity: 1; -webkit-transform: scale(1, 1); border: 1px solid #5080d1; -ms-transform: scale(1, 1); transform: scale(1, 1); } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li>a:hover { color: #5080d1; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li>a#marketplace { color: #5080d1; background: #dce8ff; } .navbar-right.navbar-nav>li>a { padding: 5px 10px; margin: 10px 3px; border-radius: 6px; ; } .mega-menu-wrap .m-b-30 { margin-bottom: 30px; } /* #dropdown-menu-1 .p-20{ padding-left: 0px; margin-left: -15px; } */ .mega-menu-wrap .p-20 { padding: 20px 18px; } .mega-menu-wrap .p-20.sec-col { padding-left: 0; } /* .white-box{ background: #fff; height: 200px; width: 100px; }*/ .mega-menu-wrap ul.navbar-nav.navbar-right { position: relative; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu { top: 121%; padding: 0; border: 0; background-color: #fff; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.12s ease .05s; -o-transition: all 0.12s ease .05s; transition: all 0.12s ease .05s; border-radius: 5px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); ; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-1 { /* width: 812px;*/ width: 840px; /*right: -18px;*/ right: -356px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-2 { width: 380px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-3 { width: 300px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-4 { width: 330px; } #oppor-li:hover ul.dropdown-menu#dropdown-menu-1 { /*transform: translate(-1%, 0);*/ visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-1 .row.custom-padd { padding: 8px 0px 18px 0px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-1 h4.mb-custom-30 { margin-bottom: 30px; } #about-li:hover ul.dropdown-menu#dropdown-menu-2 { /* transform: translate(-1%, 0);*/ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #resource-li:hover ul.dropdown-menu#dropdown-menu-3, #marketplace-li:hover ul.dropdown-menu#dropdown-menu-4 { /*transform: translate(-1%, 0);*/ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu label { /* color: #c1c4c9;*/ color: #a6adb8; margin-bottom: 0px; font-size: 15px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu li { display: block; margin-bottom: 15px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu h4 { font-size: 17px; color: #5f6977; margin-top: 10px; margin-bottom: 10px; font-family: 'museo-sans500', sans-serif; } #marketplace-li .mega-menu-wrap ul.navbar-nav ul.dropdown-menu h4 { margin-top: 15px; margin-bottom: 15px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu a .fa-caret-right { -webkit-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px); -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; color: #c9d2d8; position: relative; top: 2px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu a:hover h4 { color: #5080d1; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu a:hover .fa-caret-right { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu a:hover .fa-caret-right::before { content: "\f178"; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu p { color: #83888d; font-family: "museo-sans500", sans-serif; margin: 0; font-size: 14.5px; line-height: 1.42857143; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu img { background: #f4fbfd; border-radius: 50%; padding: 5px; position: relative; top: 6px; height: 60px; width: 60px; } .headerNav-dropdownArrow { overflow: hidden; position: relative; /* display: block; */ width: 28px; height: 14px; top: 16px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #about-li ul.dropdown-menu#dropdown-menu-2 .headerNav-dropdownArrow { left: 84%; } #resource-li ul.dropdown-menu#dropdown-menu-3 .headerNav-dropdownArrow, #marketplace-li ul.dropdown-menu#dropdown-menu-4 .headerNav-dropdownArrow { left: 77.8%; } ul.dropdown-menu#dropdown-menu-2 .special-row { background: rgba(86, 133, 203, 0.10); padding: 10px 0px 18px 0px; ; } .special-row .p-r-0 { padding-right: 0px; } .special-row .p-l-0 { padding-left: 0px; } .m-b-0 { margin-bottom: 0px !important } ul.dropdown-menu#dropdown-menu-2 .p-20 { padding-bottom: 0px; } ul.dropdown-menu#dropdown-menu-2 .special-row { padding-left: 5px; } ul.dropdown-menu#dropdown-menu-3 li, ul.dropdown-menu#dropdown-menu-4 li { margin-bottom: 0px; } ul.dropdown-menu#dropdown-menu-3 label, ul.dropdown-menu#dropdown-menu-4 label { margin-bottom: 8px; } .headerNav-dropdownArrow::after { position: absolute; display: block; width: 20px; height: 20px; top: -24px; background-color: #fff; border-radius: 3px 0 0 0; -webkit-box-shadow: -2px -2px 3px -2px rgba(0, 0, 0, 0.3); box-shadow: -2px -2px 3px -2px rgba(0, 0, 0, 0.3); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .mega-menu-wrap ul.navbar-nav li.search-bar-li-text { width: 15em; } .mega-menu-wrap ul.navbar-nav li.search-bar-li-text a { padding-right: 0; padding-top: 6px; } .mega-menu-wrap ul.navbar-nav li.search-bar-li-icon a { padding-left: 0px; margin-left: -16px; } .mega-menu-wrap ul.navbar-nav .search-bar-li-text #custom-search { float: none; margin: 0; } .border-right-header { border-right: 1px solid #f2f2f2; } /* ///////////////////////////for Mobile*/ /* ///////////////////////////for Mobile*/ .menu-button { color: #4e4e4e; cursor: pointer; font-size: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 14px 12px; position: fixed; right: 0; } .open-menu { display: inline-block; color: #333; cursor: pointer; font-size: 14px; padding: 10px; position: absolute; width: 100%; height: 33px; right: 0; top: 5px; -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); -o-transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); } .open-menu.fa::before { position: absolute; right: 0; } .open-menu.rotate { /* transform:rotate(135deg); */ font-size: 15px; padding: 20px; padding-top: 20px; height: 45px; position: fixed; width: 85%; border-bottom: 2px solid #ececeb; z-index: 99; top: 60px; background: #fff; /* right: 0; */ left: 0; margin: 0 auto; } .open-menu.rotate::after { font-family: 'museo-sans500', sans-serif; content: 'BACK'; padding: 0 10px; } .open-menu.rotate::before { content: '\f053'; float: left; position: absolute; left: 3px; } /* Generated Overflow Element */ .overflow { margin-top: 57px; overflow-x: hidden; overflow-y: hidden; } /* Menu Styles */ #mobile-nav { background-color: #fff; margin-bottom: 0px; border-color: #f5f5f5; -webkit-box-shadow: 0px -6px 18px #888; box-shadow: 0px -6px 18px #888; position: fixed; top: 0; width: 100%; z-index: 999; padding: 0 12px; } #mobile-nav label { margin: 20px 0 5px; text-transform: uppercase; color: #c1c4c9; } #mobile-nav ul { background-color: rgba(0, 0, 0, .1); display: none; margin: 0 1px; padding: 0; position: relative; height: 92vh; overflow: scroll; padding: 20px 10px 8px; border-top: 1px solid #cacaca; } #mobile-nav ul:first-child { background-color: transparent; } #mobile-nav ul li { border-top: 1px solid rgba(255, 255, 255, .075); list-style: none; margin-bottom: 0; position: relative; -webkit-transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s; transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s; -o-transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s; transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s; transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s; } #mobile-nav ul li.parent { display: list-item; } #mobile-nav ul li a { color: #333; display: inline-block; padding: 12px 0; text-decoration: none; width: 100%; font-size: 16px; line-height: 1.23543; font-weight: 400; letter-spacing: -.022em; border-bottom: 1px solid #cacaca; } #mobile-nav ul li a.ed-button-basic.is-solid { color: #fff; ; } #mobile-nav ul li a.ed-button-basic { border-bottom: 1.5px solid #5080d1; color: #5080d1; margin-top: 10px; text-transform: capitalize; } #mobile-nav ul ul.child-ul { margin: 0; position: fixed; background: #fff; padding-top: 55px; padding: 20px 30px 8px; padding-top: 60px; top: 58px; left: 0; opacity: 1; z-index: 9; } .navbar-brand img { width: auto; } #mobile-nav ul ul.child-ul li { border-top: none; } @media screen and (max-width:1400px) { .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-1 { width: 728px; right: -300px; } } @media screen and (max-width:1024px) { .mega-menu-wrap ul.navbar-nav li.search-bar-li-text { display: none; } .mega-menu-wrap nav.navbar-megamenu.navbar-default .navbar-nav>li>a { padding: 5px 3px; } .mega-menu-wrap ul.navbar-nav li.search-bar-li-icon a { margin-left: 0; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-1 { width: 342px; right: -32px; } .mega-menu-wrap ul.navbar-nav ul.dropdown-menu#dropdown-menu-1 .row.custom-padd { padding: 8px 0 0 35px; } #oppor-li ul.dropdown-menu#dropdown-menu-1 .headerNav-dropdownArrow { left: 76%; } } /* For small mobiles*/ @media screen and (max-width:325px) { .search-icon-mobile { margin-left: 40px; } #mobile-nav ul li a { padding: 10px 0; font-size: 12px; } } @media screen and (min-width: 380px) and (max-width: 569px) { .search-icon-mobile { margin-left: 100px; } } @media screen and (min-width: 570px) and (max-width: 760px) { .search-icon-mobile { position: relative; left: 80%; } } </style> <div class="mega-menu-wrap">  <nav class="navbar navbar-megamenu navbar-default navbar-fixed-top navbar-on-home hidden-xs" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.energydais.com"><img src="https://cdn.energydais.com/static/project/img/new/ED.svg" alt="Energy Dais Logo" height="50" width="100%"></a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">  <ul class="nav navbar-nav"> <li class="hidden-sm">     </li> <li class="search-bar-li-text"> <a href="https://www.energydais.com/search/"> <div id="custom-search"> <h6 class="searchplaceholder">Search for <span class="txt-rotate" data-period="2000" data-rotate='[ "Companies", "Products", "Services"]'></span> </h6> </div> </a> </li> <li class="search-bar-li-icon"><a href="https://www.energydais.com/search/"> <i class="fa fa-search" aria-hidden="true"></i></a></li> </ul>  <ul class="nav navbar-nav navbar-right"> <li><a href="https://www.energydais.com/augury2022">Augury</a></li>  <li class="dropdown" id="marketplace-li"> <a href="https://www.energydais.com/oil-field-equipment-marketplace/" id="marketplace"><i class="fa fa-cart-plus"></i>  Marketplace</a>   </li>  <li class="dropdown" id="oppor-li"> <a href="#" class="dropdown-toggle" id="oppo" data-toggle="dropdown">SOLUTIONS</a> <ul class="dropdown-menu" id="dropdown-menu-1"> <span class="headerNav-dropdownArrow"></span> <div class="row custom-padd"> <div class="col-lg-7 col-md-12 col-sm-12"> <div class="border-right-header p-20"> <li> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 hidden-sm">   </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> <label>FOR COMPANIES</label> </div> </div> </li> <li> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-right hidden-sm"> <img src="https://cdn.energydais.com/static/project/img/icons/header/directory-grad.svg" alt="companydirectory icons energydais" width="50" height="50"> </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> <a href="https://www.energydais.com/directory-of-oil-and-gas-products-and-services/"> <h4>Company Directory</h4> <p>Simplifying search for the right products and services <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-right hidden-sm"> <img src="https://cdn.energydais.com/static/project/img/icons/header/business-opp-grad.svg" alt="business opprotunity" width="50" height="50"> </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> <a href="https://www.energydais.com/global-oil-and-gas-business-opportunities/"> <h4>Live Business Opportunities</h4> <p>Respond to the industry requirements from all over the world <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-right hidden-sm"> <img src="https://cdn.energydais.com/static/project/img/icons/header/recruitment-grad.svg" alt="recruitment-serivce" width="50" height="50"> </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> <a href="https://www.energydais.com/recruitment-solutions/"> <h4>HR Solutions</h4> <p>Simplifying your search for the right candidate <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-right hidden-sm"> <img src="https://cdn.energydais.com/static/project/img/icons/header/why-join-ed.svg" alt="why-join" width="50" height="50"> </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> <a href="https://www.energydais.com/why-join/"> <h4>Why Join</h4> <p>Learn why registering with us is the right step <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li style="margin-top: 22px;"> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-right hidden-sm"> <img src="https://cdn.energydais.com/static/project/img/icons/header/digital_marketing.svg" alt="why-join" width="50" height="50" style="padding: 12px;"> </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> <a href="https://www.energydais.com/digital-marketing-services-for-energy-companies/"> <h4>Digital Marketing</h4> <p>Expand the reach of your business with our marketing solutions <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li>  </div> </div> <div class="col-lg-5 col-md-12 col-sm-12"> <div class="p-20 sec-col"> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <label>FOR JOB SEEKERS</label> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://user.energydais.com"> <h4 class="m-b-30 mb-custom-30">Job Seeker Portal <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i> </span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://jobs.energydais.com/"> <h4 class="m-b-30 mb-custom-30">Current Job Openings <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://user.energydais.com/free-resume-builder/"> <h4 class="m-b-30 mb-custom-30">Resume Builder <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://user.energydais.com/search/oil-and-gas-courses/"> <h4 class="m-b-30 mb-custom-30">Oil & Gas Courses <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/category/learning-resources/career-help/"> <h4 class="m-b-30 mb-custom-30">Career Help & Insights <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> </div> </div> </div> </ul> </li> <li class="dropdown hidden" id="about-li"> <a href="#" class="dropdown-toggle" id="about" data-toggle="dropdown">About Us</a> <ul class="dropdown-menu" id="dropdown-menu-2"> <span class="headerNav-dropdownArrow"></span> <div class="row"> <div class="col-md-12"> <div class="p-20"> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://www.energydais.com/about-us"> <h4>Who We Are</h4> <p>Learn about Energy Dais <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://www.energydais.com/careers/"> <h4>Careers</h4> <p>Work with us to simplify energy <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li>  <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://www.energydais.com/contact-us/"> <h4>Contact Us</h4> <p>Reach out to us for any queries <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://www.energydais.com/our-clients"> <h4>Our Clients And Partners</h4> <p>Meet some of our exclusive members <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> <li class="m-b-0"> <div class="row special-row"> <div class="col-md-3 p-r-0"> <img src="https://cdn.energydais.com/static/project/img/icons/header/customized-solutions.svg" alt="Energy Dais Logo" width="50" height="50"> </div> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 p-l-0"> <a href="https://www.energydais.com/pricing/#customized-service" class="customized"> <h4>Customized Services</h4> <p>Additional services customized for your needs <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </p> </a> </div> </div> </li> </div> </div> </div> </ul> </li> <li class="dropdown" id="resource-li"> <a href="#" class="dropdown-toggle" id="resources" data-toggle="dropdown">Resources</a> <ul class="dropdown-menu" id="dropdown-menu-3"> <span class="headerNav-dropdownArrow"></span> <div class="row"> <div class="col-sm-12"> <div class="p-20"> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://news.energydais.com/"> <h4>News Stories <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div>  </div> </li> <li> <hr> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <label>HOW TO</label> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/category/all-about-companies/howto/tenders/"> <h4>Become a Supplier <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://user.energydais.com/start-coaching-energy-industry/"> <h4>Become a Career Coach <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/category/all-about-companies/howto/jobs/"> <h4>Apply for Jobs<span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span></h4> </a> </div> </div> </li> <br> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <label>ARTICLES</label> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/"> <h4>Featured Articles <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href=" https://insights.energydais.com/category/blogposts/new-development/ "> <h4>Key Developments <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/category/all-about-companies/csr/"> <h4>CSR in Oil & Gas <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/category/all-about-companies/work-culture/"> <h4>Work Culture <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="https://insights.energydais.com/category/learning-resources/career-help/"> <h4>Career help & insights <span class="icon"><i class="fa fa-caret-right" aria-hidden="true"></i></span> </h4> </a> </div> </div> </li> </div> </div> </div> </ul> </li>    <li><a href="https://www.energydais.com/login/">Log in</a></li> <li class=" list_y_business_li"><a class="ed-button-basic main-head-btn" href="https://www.energydais.com/registration-step1/">List Your Business</a></li>     </ul> </div>  </div>  </nav>   <div id="mobile-nav" class="navbar visible-xs"> <div class="navbar-brand logo"> <a class="navbar-brand" href="https://www.energydais.com/"><img src="https://cdn.energydais.com/static/project/img/new/ED.svg" alt="Energy Dais Logo" height="56"></a> <a class="search-icon-mobile" href="https://www.energydais.com/search"><i class="fa fa-lg fa-search pull-right " aria-hidden="true"></i></a> </div> <div class="menu-button"><span class="fa fa-reorder"></span></div> <ul> <li><a href="https://www.energydais.com/augury2022">Augury</a></li> <li><a href="https://www.energydais.com/oil-field-equipment-marketplace/">Marketplace</a></li>  <li class="parent"> <a href="#">Solutions</a> <ul class="child-ul"> <li><label class="m-t-0">For Companies</label></li> <li><a href="https://www.energydais.com/directory-of-oil-and-gas-products-and-services/">Company Directory</a></li> <li><a href="https://www.energydais.com/global-oil-and-gas-business-opportunities/">Live Business Opportunities</a></li> <li><a href="https://www.energydais.com/recruitment-solutions/">HR Solutions </a></li> <li><a href="https://www.energydais.com/why-join/">Why Join </a></li> <li><a href="https://www.energydais.com/digital-marketing-services-for-energy-companies/">Digital Marketing </a></li> <li><label>For Job Seekers</label></li> <li><a href="https://user.energydais.com/">Job Seeker Portal</a> </li> <li><a href="https://jobs.energydais.com/">Current Job Openings</a></li> <li><a href="https://user.energydais.com/free-resume-builder/">Resume Builder</a></li> <li><a href="https://user.energydais.com/search/oil-and-gas-courses/">Oil & Gas Courses</a></li> <li><a href="https://insights.energydais.com/category/learning-resources/career-help/">Career help & insights</a></li>   </ul> </li> <li class="parent"> <a href="#">About Us</a> <ul class="child-ul"> <li><a href="https://www.energydais.com/about-us/">Who We Are</a></li> <li><a href="https://www.energydais.com/why-join/">Why Join </a></li> <li><a href="https://www.energydais.com/careers/">Careers</a></li>  <li><a href="https://www.energydais.com/contact-us/">Contact Us </a></li> <li><a href="https://www.energydais.com/our-clients/">Our Clients And Partners</a></li> <li><a href="https://www.energydais.com/pricing/#customized-service" class="customized">Customized Services</a></li> </ul> </li> <li class="parent"> <a href="#">Resources</a> <ul class="child-ul"> <li><a href="https://news.energydais.com/">News Stories</a></li>  <li><label>How To</label></li> <li><a href="https://insights.energydais.com/category/all-about-companies/howto/tenders/">Become a Supplier</a></li> <li><a href="https://user.energydais.com/start-coaching-energy-industry/">Become a Career Coach</a></li> <li><a href="https://insights.energydais.com/category/all-about-companies/howto/jobs/">Apply for Jobs</a></li> <li><label>Articles</label></li> <li><a href="https://insights.energydais.com/">Featured Articles </a></li> <li><a href="https://insights.energydais.com/category/blogposts/new-development/">New Developments </a></li> <li><a href="https://insights.energydais.com/category/all-about-companies/csr/">CSR in Oil & Gas</a></li> <li><a href="https://insights.energydais.com/category/all-about-companies/work-culture/">Work Culture</a></li> <li><a href="https://insights.energydais.com/category/learning-resources/career-help/">Career help & insights</a></li> </ul> </li>  <li><a href="https://www.energydais.com/search/">Search</a></li>  <li><a href="https://www.energydais.com/login/">Log in</a></li> <li class=" list_y_business_li"><a class="ed-button-basic" href="https://www.energydais.com/registration-step1/">List Your Business</a></li> </ul> </div> </div> <script> /* $('ul.nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(10).fadeIn(150); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(10).fadeOut(150); }); */ $(document).ready(function () { // append plus symbol to every list item that has children $('#mobile-nav li.parent').prepend('<span class="open-menu fa fa-chevron-right fa-6"></span>'); // fix non-scrolling overflow issue on mobile devices $('#mobile-nav > ul').wrap('<div class="overflow"></div>'); $(window).on('load resize', function () { var vph = $(window).height() - 57; // 57px - height of #mobile-nav $('.overflow').css('max-height', vph); }); // global variables var menu = $('.overflow > ul'); var bg = $('html, body'); // toggle background scrolling function bgScrolling() { // if menu has toggled class... * if (menu.hasClass('open')) { // * disable background scrolling bg.css({ 'overflow-y': 'hidden', 'height': 'auto' }); // if menu does not have toggled class... * } else { // * enable background scrolling bg.css({ 'overflow-y': 'auto', 'height': 'auto' }); } } // menu button click events $('.menu-button').on('click', function (e) { e.preventDefault(); // activate toggles menu.slideToggle(250); menu.toggleClass('open'); $(this).children().toggleClass('fa-reorder fa-remove'); bgScrolling(); }); // list item click events $('.open-menu').on('click', function (e) { e.preventDefault(); $(this).parent().find('ul').first().fadeToggle(10); $(this).toggleClass('rotate'); }); }); // var current_origin = window.location.origin; // console.log('origin',origin) // if(current_origin=='https://user.energydais.com' || current_origin=='https://jobs.energydais.com' ){ // $('.list_y_business_li').addClass('hidden') // } // else{ // $('.list_y_business_li').removeClass('hidden') // } </script> <style> .m-0{ margin: 0 !important; } .mt-0{ margin-top: 0 !important; } .pr-0{ padding-right: 0 !important; } .pl-0{ padding-left: 0 !important; } .mt-10{ margin-top: 10rem; } .mt-5{ margin-top: 5rem; } .wow { visibility: hidden; } .mb-5{ margin-bottom: 5rem; } ul.pointers{ list-style-type: none; padding-left: 10px; } ul.pointers li{ display: block; line-height: 1.7; margin-top: 1.5rem; font-size: 15px; } ul li .fa-check{ padding-right: 1rem; } .customer-bannerpage{ /* background: #0966ca; */ /* overflow: hidden; */ position: relative; display: block; padding-top: 20vh; color: #fff; height: 46rem; } .banner-content-page{ z-index: 1; position: relative; } .banner-content-page .custom-btn{ font-size: 16px; padding: 1rem 3rem; } /* .customer-bannerpage::before{ content: ""; position: absolute; background: linear-gradient(to right,#1958d2 40%,#1a79e0 ,#0f9af1 ); top: -6%; background-size: 100% 80%; bottom: 0; width: 100%; transform: skewY(-5deg); } */ .customer-bannerpage::before { content: ""; position: absolute; background: linear-gradient(to right,#1958d2d1 40%,#1a79e0d9 ,#0f9af1d9 ), url(https://cdn.energydais.com/static/project/img/marketing/website-design/banner.jpg); top: -6%; background-size: contain; background-repeat: no-repeat; bottom: 0; width: 100%; transform: skewY(-5deg); } .company-card{ border-radius: 10px; background: #fff; min-height: 31rem; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); position: relative; margin: 0 3rem 0 0; padding: 4rem 4rem 0 4rem; } .company-card .custom-btn{ position: absolute; bottom: 3.3rem; color: #fff; background: linear-gradient(90deg,#487ee3,#2990ec); } .company-card p{ font-size: 15px; } .company-card .h3.title{ font-family: 'museo-700',sans-serif; font-size: 18px; margin: 25px 0 13px; } .company-card .img-container-box img{ width: 80px; height: 80px; } h1.heading-size1{ font-family: 'museo-500',sans-serif; font-size: 35px; line-height: 1.5; letter-spacing: 1px; margin-bottom: 4rem; } h1.heading-size1 span{ font-size: 20px; } .customer-bannerpage .hex-transparent{ position: absolute; right: 0; padding: 0; top: 0; transform: skewY(-10deg); } .customer-bannerpage .hex-transparent img{ width: 100%; } .custom-btn{ background: #fff; padding: .5rem 2rem; border-radius: 30px; font-size: 14px; font-weight: 900; text-transform: uppercase; color: #5080d1; border: 1px solid #5080d1; font-weight: bold; transition: all .3s ease; } .custom-btn:hover, .custom-btn:focus{ outline: none; text-decoration: none; background: linear-gradient(90deg,#2990ec,#487ee3); color: #fff; } section#counter-stats { margin-top: 90px; } .stats .stat-number { position: relative; font-size: 35px; display: flex; margin: 10px 0 0; font-weight: 900; } .stats p{ font-size: 16px; } .expert .stats .stat-number{ justify-content: center; } /*/ end count stats /*/ .m-t-neg-34{ margin-top: -34rem !important; } .big-heading{ font-family: 'museo-700',sans-serif; font-size: 35px; margin-top: 20px; margin-bottom: 10px; } .hidden-md { display: none; } p.txt{ font-size: 16px; line-height: 1.7; margin-top: 2rem; } /* section-2 */ .section-2 img{ object-fit: cover; width: 85%; height: 28rem; } .client-images{ margin-top: 10rem; } .client-images img{ padding-left: 2rem; position: relative; height: 7rem; margin: 1rem auto 1rem; } /* section-2 end */ .client-images-section{ margin: 10rem 0 4rem; } /* testimonial */ #customers-testimonials .owl-nav{ position: absolute; bottom: 10rem; right: -9rem; display: block; } #customers-testimonials .owl-nav svg{ margin: 0 auto; } #customers-testimonials .disabled,#customers-testimonials .owl-next.disabled, #customers-testimonials .owl-prev.disabled { opacity: .7; background: #fff } #customers-testimonials .disabled,#customers-testimonials .owl-next.disabled svg .change-my-color, #customers-testimonials .owl-prev.disabled svg .change-my-color{ stroke:#000!important; } #customers-testimonials{ position: relative; } #customers-testimonials .item{ text-align: left; margin-bottom: 0px; } #customers-testimonials .owl-next, #customers-testimonials .owl-prev { width: 28px; height: 28px; line-height: 21px; text-align: center; background: #fff; border: none; background: linear-gradient(90deg,#2990ec,#487ee3) ; padding: 6px; border-radius: 50%; position: absolute; -webkit-box-shadow: 0 10px 50px rgba(0,0,0,0.1); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.23); } #customers-testimonials .owl-prev{ left: 0; } #customers-testimonials .owl-next{ left: 40px; } #testimonial-section{ position: relative; margin: 0 0rem !important; } #testimonial-section .testimonial-col{ position: absolute; left: -12rem; width: 60%; } .testimonial-card{ margin: 3rem 2rem 5rem 2rem; padding: 3rem; background: #fff; -webkit-box-shadow: 0 10px 50px rgba(0,0,0,0.1); box-shadow: 0 10px 50px rgba(0,0,0,0.1); border-radius: 7px; height: 28rem; position: relative; } .testimonial-card-quote{ position: absolute; left: 15px; top: 10px; font-size: 20px; color: #5080d1; opacity: .4; } #testimonial-section{ background: #fff; position: relative; background-image: linear-gradient(-18deg, #f7f7f7 50%, transparent 0); width: 100%; height: 43rem; padding-top: 10rem; } #testimonial-section .big-heading { font-size: 25px; margin-top: 4rem; } .testimonial-card p{ font-size: 14px; line-height: 1.6; margin-bottom: 35px; } .testimonial-card .image img{ object-fit: contain; width: 70px; border-radius: 50%; } .testimonial-card .identity b{ font-size: 18px; } .testimonial-card .col-sm-12{position: unset;} .testimonial-card .identity-col{ position: absolute; bottom: 8%; left: 9%; right: 0; } /* testimonial end */ .section-cta-form{ position: relative; margin-top: 5rem; } .section-cta-form .card{ padding: 1rem 0 2rem; } .section-cta-form .custom-btn{ margin: 15px 0; position: relative; display: inline-block; color: #fff; background: linear-gradient(90deg,#487ee3,#2990ec); } .section-cta-form .big-heading{ font-size: 25px; } .fit-here-block{ padding: 50px 0; } .faq h3{ font-size: 20px; } .pricing-table-container{ box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.12); padding: 20px; width: 100%; margin: 0 auto 15px; display: flex; } .w-50{ width: 50%; } .right-part{ padding: 0 0 0 20px; border-left: 1px solid #d6d6d6; display: flex; align-items: center; } .right-part ul li{ align-items: center; margin-top: 3rem; margin-bottom: 0rem; } .right-part .plan-name h5{ margin: 0px 0 25px; } .right-part .feature-listing li img{ margin-right: 15px; } .right-part .feature-listing li p{ font-size: 15px; } .right-part .feature-listing{ width: 70%; margin: 0 auto; } .left-part{ padding: 0 20px 0 0; } ul.feature-listing{ line-height: 2.5; text-align: left; list-style: none !important; padding: 0px 0; } .feature-listing li { list-style: unset; display: flex; align-items: baseline; padding: 10px 0; } .feature-listing li p{ line-height: 1.5; margin: 0; } .feature-listing li img{ margin-right: 7px; height: 100%; } .plan-name h5 { font-size: 22px; text-transform: capitalize; color: #333; margin: 0px 0 20px; font-family: 'museo-500', sans-serif; position: relative; } .plan-name p{ font-size: 13px; } .plan-name h5:before{ content: " "; position: absolute; margin: 0 auto; border: 1.5px solid #5080d1; bottom: -10px; left: 0; right: 0; width: 12%; } .process-img{ display: flex; align-items: center; justify-content: flex-end; height: 400px; } @media (max-width: 768px){ .right-part .feature-listing{ width: 100%; } .process-img{ height: auto; } .right-part ul li{ margin-top: 1rem; } .pricing-table-container{ width: 100%; min-height: 100%; display: block; } .w-50{ width: 100%; } .plan-name h5{ margin-top: 4rem; } .right-part{ padding: 5rem 0 0; border-left: none; } .delivery .mb-5{ margin-bottom: 2rem; } .our-process.mt-10{ margin-top: 5rem; } .our-process.section-2 img{ margin-top: 2rem; } .mb-5{ margin-bottom: 0rem; } .section-cta-form .big-heading{ font-size: 20px; } .fit-here-block { padding: 50px 0 0; } .testimonial-card .identity-col{ left: 7%; } .customer-bannerpage{ padding-top: 15vh; height: 43rem; margin-bottom: 0rem; } section#counter-stats{ margin-top: 65px; } .pl-0 { padding-left: 15px !important; } .m-t-neg-34{ margin-top: -4rem !important; } .customer-bannerpage::before{ background-size: 100% 88%; } .section-2 img{ width: 100%; } .company-card{ margin: 0 0 3rem; } .client-images{ margin-top: 5rem; } .section-cta-form .card { padding: 1rem 1rem 2rem; } .stats{ margin-bottom: 3rem; } .mt-10.mt-mob{ margin-top: 5rem; } #testimonial-section{ padding-top: 0rem; height: 64rem; } .section-cta-form{ top: 2rem; } #customers-testimonials .owl-nav svg{ width: 10px; } #customers-testimonials { margin-bottom: 8rem; } #customers-testimonials .owl-nav{ position: absolute; bottom: 1rem; right: 0; left: 35%; } #testimonial-section .testimonial-col{ position: relative; left: 0; width: 100%; right: 0; } .mt-10 { margin-top: 0rem; } .hidden-md { display: block; } .client-images-section{ margin: 5rem 0 4rem; } .big-heading{ font-size: 26px; } .testimonial-card{ margin: 3rem 1rem 3rem 1rem; padding: 3rem 2rem; } .testimonial-card-quote { position: absolute; left: 1rem; top: 1rem; } .banner-content-page h1.heading-size1 { font-size: 22px; line-height: 1.3; } .banner-content-page h1.heading-size1 span{ font-size: 16px; position: relative; top: 1rem; } .banner-content-page h3 { font-size: 20px; margin-top: 0px; } .customer-bannerpage .banner-content-page{ margin-top: 0px; } } @media (min-width: 1400px){ .customer-bannerpage{ padding-top: 15vh; } } @media (min-width: 1900px){ .customer-bannerpage::before{ top: -18%; } } </style> <div class="businesspage customerpage-new why-get-listed" id=""> <div class="customer-bannerpage"> <div class="container"> <div class="banner-content-page text-center"> <h1 class="heading-size1 t wow fadeInDown" data-wow-delay=".01s"> Impressive Web Designs for Energy Industry <span><br>Empower your business with brilliantly designed websites </span> </h1>  <a type="button" class="custom-btn typeform-share" href="/contact-us/">Request a callback</a>  </div> </div> </div> <section class="section-2 mt-10"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="header-of-section"> <p class="big-heading m-0 wow fadeInLeft" data-wow-delay="0.2s">Design that sets you apart</p> <p class="txt wow fadeInLeft" data-wow-delay="0.5s">We know how important it is for a website to be easy on eyes. Your website is your company’s first introduction to the oil and gas industry and thus, it should have all the relevant information that draws the attention of your prospects. Our team of web designing experts decide:</p> <ul class="pointers"> <li><i class="fa fa-check"></i> The complete UI of the website</li> <li><i class="fa fa-check"></i> Content that communicates clearly</li> <li><i class="fa fa-check"></i> Attractive design yet easy on eyes </li> </ul> </div> </div> <div class="col-md-6 text-right"> <img src="https://cdn.energydais.com/static/project/img/marketing/website-design/section2.jpg" alt="oil jobs usa banner" class="wow zoomIn" data-wow-delay="0.6s"> </div> </div> <div class="row mt-10 mt-mob"> <div class="col-md-6 hidden-xs"> <img src="https://cdn.energydais.com/static/project/img/marketing/website-design/section3.jpg" alt="oil jobs usa banner" width="80%" class="wow zoomIn animated" data-wow-delay="0.6s"> </div> <div class="col-md-6"> <div class="header-of-section"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Why Energy Companies Need A Good Website?</p> <p class="txt wow fadeInLeft" data-wow-delay="0.5s">Over 70% of the purchasing happens online now. A good website creates a positive impact on the buyer’s mind. It aligns with the needs of your potential customers and helps them understand your business better. When you work hard to be on a top priority of your prospects then your website should work harder to make it happen. </p> </div> </div> <div class="col-md-6 hidden-md"> <img src="https://cdn.energydais.com/static/project/img/marketing/website-design/section3.jpg" alt="oil jobs usa banner" width="100%" class="wow zoomIn animated" data-wow-delay="0.6s"> </div> </div> </div> </section> <section class="expert"> <div class="container"> <div class="row mt-5 mt-mob"> <div class="col-md-12"> <div class="header-of-section text-center"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Our Expertise</p> <p class="txt wow fadeInLeft" data-wow-delay="0.5s">The web designing team of Energy Dais utilizes its 20+ years of experience in the field to provide <br>with the results that set you apart from your competitors.</p> </div> </div>  <div id="counter-stats" class="col-md-12 wow fadeInRight text-center" data-wow-duration="1.4s"> <div class="row mt-5"> <div class="col-lg-4 stats"> <img src="https://cdn.energydais.com/static/project/img/icons/layout.png" alt="Pie 2" width="70"> <div class="stat-number"><div class="counting" data-count="150">0 </div><span>+</span></div> <p>Layouts to choose from</p> </div> <div class="col-lg-4 stats"> <img src="https://cdn.energydais.com/static/project/img/icons/home/hr-solutions-icon.png" alt="Pie 2" width="70"> <div class="stat-number">$<div class="counting" data-count="450">0 </div><span>+</span></div> <p>Clients</p> </div> <div class="col-lg-4 stats"> <img src="https://cdn.energydais.com/static/project/img/icons/home/analytics-and-reports-icon.png" alt="Pie 2" width="70"> <div class="stat-number"><div class="counting" data-count="20">0 </div><span>+</span></div> <p>years of experience</p> </div> </div>  </div>  </div> </div> </section> <section class="section-pads section-custom-lr-pad m-0" id="testimonial-section"> <div class="container"> <div class="row"> <div class="col-sm-offset-7 col-sm-5 pl-0 hidden-md"> <div class="header-of-section"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Client Testimonials</p> <p class="txt">Our 450+ clients across the oil & gas industry come to us for out-of-the-box brand positioning and effective lead generation. Read their reviews of Energy Dais here!</p> </div> </div> <div class="col-sm-7 testimonial-col"> <div id="customers-testimonials" class="owl-carousel owl-theme"> <div class="item"> <div class="testimonial-card"> <div class="row"> <div class="col-sm-12"> <div class="testimonial-card-quote"> <i class="fa fa-quote-left" aria-hidden="true"></i> </div> <p class="testimonial-content">Web Design is a team sport and we are happy we found this team. The team of Energy Dais has worked very closely with us to give us exactly what we wanted. They have been very supportive all this while and have good knowledge of this field.</p> <div class="row identity-col">  <div class="col-md-9 col-xs-9"> <div class="identity"> <p class="m-0"><b>James Patras</b></p> <small>A Fortune 500 Company</small> </div> </div> </div> </div> </div> </div> </div> <div class="item"> <div class="testimonial-card"> <div class="row"> <div class="col-sm-12"> <div class="testimonial-card-quote"> <i class="fa fa-quote-left" aria-hidden="true"></i> </div> <p class="testimonial-content"> The workflow provided by the team of Energy Dais while designing our website was very easy to follow. The most important thing was that they never gave us any technical jargons to confuse or extend the timeline. It was a very nice experience working with this team of experts.</p> <br> <div class="row identity-col">  <div class="col-md-9 col-xs-9"> <div class="identity"> <p class="m-0"><b>Nilay Kumar</b></p> <small>A Fortune 500 Company</small> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-sm-offset-7 col-sm-5 pl-0 hidden-xs"> <div class="header-of-section"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Client Testimonials</p> <p class="txt">Our 450+ clients across the oil & gas industry come to us for out-of-the-box brand positioning and effective lead generation. Read their reviews of Energy Dais here!</p> </div> </div> </div> </div> </section> <section class="section-2 mt-10 our-process"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="header-of-section"> <p class="big-heading m-0 wow fadeInLeft" data-wow-delay="0.2s">Our Process</p> <p class="txt wow fadeInLeft" data-wow-delay="0.5s">Our team goes through your company profile and understands your products and services properly which helps in coming up with suitable web design. The most effective way to start with is</p> <ul class="pointers"> <li><i class="fa fa-check"></i> A brief understanding of your business</li> <li><i class="fa fa-check"></i>A wireframe of the website is built according to the business</li> <li><i class="fa fa-check"></i>Content development</li> <li><i class="fa fa-check"></i>Developing information architecture</li> <li><i class="fa fa-check"></i>Planning navigation</li> <li><i class="fa fa-check"></i>Final development</li> </ul> </div> </div> <div class="col-md-6 text-right process-img"> <img src="https://cdn.energydais.com/static/project/img/marketing/website-design/section6.jpg" alt="oil jobs usa banner" class="wow zoomIn" data-wow-delay="0.6s"> </div> </div> </div> </section> <section class="expert delivery"> <div class="container"> <div class="row mt-5 mt-mob"> <div class="col-md-12"> <div class="header-of-section text-center mb-5"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Deliverables</p>  </div>  <div class="col-sm-10 col-sm-offset-1 text-center"> <div class="pricing-table-container"> <div class="w-50 left-part"> <ul class="feature-listing"> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>A Responsive Wordpress website</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Custom Web Design</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Proper competitor and keyword research during content planning</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Professional Website Copywriting</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>SEO-friendly site architecture</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Social Media integration</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Content Management System Integration</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Contact forms with mail sender and autoresponder (if needed)</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>Database Integration</p></li> <li><img src="https://cdn.energydais.com/static/project/img/resume-writing-icons/tick.png" alt="feature-1"> <p>End to end project management</p></li> </ul> </div> <div class="w-50 right-part"> <div class=""> <div class="plan-name"> <h5 class="">Additional Services</h5> <p class="pt-4">These services have been added in the package as add-ons to enhance your experience with Energy Dais</p> </div> <ul class="feature-listing"> <li><img src="https://cdn.energydais.com/static/project/img/icons/corporate-video.svg" alt="feature-1" width="45"> <p>Corporate Video to feature your company</p></li> <li><img src="https://cdn.energydais.com/static/project/img/icons/logo-design.svg" alt="feature-1" width="45"> <p>Designing a logo for your brand</p></li> </ul> </div> </div> </div> </div>  </div> </div> </div> </section> <div class="row section-cta-form"> <div class="col-sm-offset-2 col-sm-8"> <div class="card text-center"> <div class="header-of-section"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Want to recreate your brand with us?</p>   <a class="custom-btn typeform-share" href="https://form.typeform.com/to/dxtea59M" data-mode="drawer_right" >Setup a Meeting With Us</a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>  </div> </div> </div> </div>  <section class="fit-here-block" id="fit-here-block"> <div class="container"> <div class="section-padding"> <div class="col-md-12"> <div class="header-of-section text-center"> <p class="big-heading wow fadeInLeft" data-wow-delay="0.2s">Web Design FAQs</p> </div> </div> <div class="row faq"> <div class="col-sm-6 col-xs-12"> <h3>How can I tell if my website needs to be updated?</h3> <p>Your website is the first introduction of your business and hence, if the messaging is not clear and the user gets lost after landing on your website, it needs to be updated. A few checks to keep in mind are mobile-friendly website, AMP pages, design updates after every 2-3 years.</p> <br> <h3>How does my website impact my business?</h3> <p>Your website is the first impression on your potential client. It should have all the information about your products and services, aesthetically good and easy to navigate. This might help the buyers do their research and send out RFIs based on your offerings or create a shortlist. </p> </div> <div class="col-sm-6 col-xs-12"> <h3>Do websites really matter in the energy sector?</h3> <p>Yes! Websites have become one of the very important must-haves for businesses in the energy sector. With an increase in online buying behaviour in the industry, the focus has now shifted towards strengthing the online presence, which starts with a corporate site. </p> <br> <h3 class="mt-0">How much time will you take to build my website?</h3> <p>Developing a website involves a lot of factors, viz, type of business, number of pages to be made, availability of content, etc. Typically from start to launch, it takes 15-16 weeks depending on the availability of desired resources.</p> <br> </div> </div> </div> </div> </section>  </div>  <style> .footer-logos ul{ padding: 0; display: inline-block; } .footer-logos ul li{ float: left; margin: 0 20px; } .footer-logos img{ width: 200px; height: 100%; padding: 20px 0; } .oil-footer .menus-footer .footer-col h4{ height: 35px; } .oil-footer h4 { color: #ffffff; font-size: 17px; line-height: 1.3; font-family: 'museo-500',sans-serif; } .c-icon{ filter: brightness(0) invert(1); max-width: 20px; max-height: 20px; object-fit: contain; height: auto; width: auto; } .oil-footer h4.social-heading{ font-size: 13px; margin: 10px 0 5px; } footer{ text-align: left; border: none; padding: 0 !important; } .footer-links li, .footer-text{ display: block; font-size: 13px; font-family: 'museo-sans500',sans-serif; } p.footer-text { text-transform: capitalize; transition: all .25s ease; color: #fff; line-height: 2; } a.footer-text{ color: #fff; text-transform: none; } a.footer-text:hover{ text-decoration: underline!important; } .p-b-20{ padding-bottom: 20px; } .footer-col{ padding: 20px 0px 25px; } .p-l-15{ padding-left: 15px; } .border-right{ border-right: 1.5px solid rgba(143, 187, 247, 0.86); height: 30.5em; } .border-bottom{ border-bottom: 1.6px solid rgb(143, 187, 247); } .col-left-padding{ padding-left: 30px; } .col-left-padding.col-left-padding-0{ padding-left: 0px; } .copyright.oil-lower-footer{ background: #145dd6; padding: 17px 0 5px; } .copyright.oil-lower-footer a{ font-size: 14px; margin-left: 35px; } .copyright.oil-lower-footer .footer-bottom{ display: inline-block; margin: 0; } .copyright.oil-lower-footer .footer-bottom li{ float: left; } .copyright.oil-lower-footer a:hover .fa-facebook{ /* color: #3b5998;*/ color: #d5e5ff; } .copyright.oil-lower-footer a:hover .fa-twitter{ /* color: #00aced;*/ color: #d5e5ff; } .copyright.oil-lower-footer a:hover .fa-linkedin{ /* color: #007bb6;*/ color: #d5e5ff; } .copyright.oil-lower-footer a:hover .fa-instagram{ /* color: #C32AA3;*/ color: #d5e5ff; } .copyright .f-14, .copyright a{ color: #fff; } .footer-links li span.sub-text{ /* color: #6cf6eb;*/ color: #dcdcdc; font-size: 12px; display: block; padding-bottom: 4px; margin-top: 10px; text-transform: uppercase; } .footer-links li:last-child a{ padding-bottom: 0px; } .footer-links li a { opacity: 1; display: block; color: #fff; padding-bottom: 7px; text-transform: capitalize; transition: all .25s ease; color: #fff; text-decoration: none; } .footer-links li a:hover { /* color: #16ff89;*/ color: #d5e5ff; text-decoration: underline!important; } .flex-block{ display: flex; flex-direction: column; justify-content: center; } .positioned-icon{ position: relative; top: 0px; } /* mobile accordian*/ .wrapper .panel-group .panel{ background: transparent; border: 0; /*padding: 15px 0px;*/ border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .wrapper .panel-default>.panel-heading{ background: transparent; /* background: #125ee2; border-color: #125ee2; */ } .wrapper .panel-default>.panel-heading a{ color: #72c5e7; display: block; padding: 15px 0px; } .wrapper .panel-heading { padding: 0; border:0; } .wrapper .panel-title>a, .wrapper .panel-title>a:active{ display:block; padding:15px; color:#555; font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; word-spacing:3px; text-decoration:none; } .wrapper .panel-heading a:before { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; transition: all 0.5s; } .wrapper .panel-heading.active a:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } ul.footer-social-links { text-align: right; padding: 0px; margin: 0; } ul.footer-social-links li a{ margin: 0px; background: #ffffff2b; font-size: 15px; width: 28px; display: inline-flex; height: 28px; border-radius: 3px; align-items: center; justify-content: center; } .footer-partners{ filter: brightness(0) invert(1); margin: 5px 0; } /* mobile accordian*/ @media screen and (max-width:900px){ /* #collapseOne ul { width: 49%; display: inline-block; } */ ul.footer-social-links { padding: 0px; margin-top: 20px; text-align: center; text-align: -webkit-center; } .copyright.oil-lower-footer{ padding: 0px 40px; top: 20px; } .col-left-padding,.footer-col{ padding: 0; } #sticky.stick{ position: static; } .menu-opportunity.nav-tabs>li{ direction: block; width: 100%; } .menu-opportunity svg{ display: none; } .menu-opportunity .nav-tabs > li > a{ line-height: 1; } .col-left-padding{ margin-top: 25px; } .border-right{ border: 0; height: auto; } .wrapper{ margin-top: 30px; } .footer-links { padding-left: 0; margin-top: 18px; } .oil-footer { background: rgb(18, 94, 226); } .last-footer-link { margin-top: 20px; } .last-footer-link::after{ content: none; } .copyright.oil-lower-footer .pull-right{ float: none!important; } .copyright.oil-lower-footer .text-right, .copyright.oil-lower-footer{ text-align: center; } } @media screen and (min-width:2101px){ .copyright.oil-lower-footer{ margin-top: 100px; padding: 0px 40px; } } @media screen and (min-width:2201px){ .copyright.oil-lower-footer{ margin-top: 200px; } } </style>  <div class="container footer-logos"> <div class="row"> <div class="col-md-12 text-center"> <ul class=""> <li class=""> <a href="https://www.energydais.com/online-marketplace-for-oil-and-gas/"> <img src="https://cdn.energydais.com/static/project/img/footer-icon/1.png" class="img-fluid"> </a> </li> <li class=""> <a href="https://user.energydais.com"> <img src="https://cdn.energydais.com/static/project/img/footer-icon/2.png" class="img-fluid"> </a> </li> <li class=""> <a href="https://insights.energydais.com/on-the-dais/"> <img src="https://cdn.energydais.com/static/project/img/footer-icon/3.png" class="img-fluid"> </a> </li> <li class=""> <a href="https://www.energydais.com/oil-field-equipment-rental/"> <img src="https://cdn.energydais.com/static/project/img/footer-icon/4.png" class="img-fluid"> </a> </li> </ul> </div> </div> </div> <footer class="oil-footer"> <div class="container"> <div class="row hidden-xs hidden-for-resume-page"> <div class="col-sm-9 col-lg-10 menus-footer"> <div class="footer-col"> <div class="row hidden-xs"> <div class="col-sm-2"> <div class=""> <h4 class="m-b-20">About Us</h4> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/about-us/">Who we are?</a></li>  <li class="footer-text"><a href="https://www.energydais.com/our-clients/">Our clients & partners</a></li> <li class="footer-text"><a href="https://www.energydais.com/why-get-listed/">Why get listed with us?</a></li> <li class="footer-text"><a href="https://www.energydais.com/contact-us/">Contact Us</a></li> </ul> </div> </div> <div class="col-sm-2"> <div class="col-left-padding col-left-padding-0"> <h4 class="m-b-20">Marketplace</h4> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/buy-oil-and-gas-equipment-online/">Buy through marketplace</a></li> <li class="footer-text"><a href="https://www.energydais.com/sell-with-energydais/">Sell through marketplace</a></li> </ul> </div> </div> <div class="col-sm-2"> <div class="col-left-padding col-left-padding-0"> <h4 class="m-b-20 media-footer">Business Opportunities</h4> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/directory-of-oil-and-gas-products-and-services/">Company Directory</a></li> <li class="footer-text"><a href="https://www.energydais.com/search/">Search Companies</a></li> <li class="footer-text"><a href="https://www.energydais.com/recruitment-solutions/">HR Solutions</a></li> </ul> </div> </div> <div class="col-sm-2"> <div class="col-left-padding col-left-padding-0"> <h4 class="m-b-20 media-footer">For Job Seekers</h4> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://user.energydais.com/">Job Seeker Portal</a></li> <li class="footer-text"><a href="https://user.energydais.com/free-resume-builder/">Resume Builder</a></li> <li class="footer-text"><a href="https://user.energydais.com/search/oil-and-gas-courses/">Oil & Gas Courses</a></li> <li class="footer-text"><a href="https://insights.energydais.com/category/learning-resources/career-help/">Career Help & Insights</a></li> </ul> </div> </div> <div class="col-sm-2"> <div class="col-left-padding col-left-padding-0"> <h4 class="m-b-20 media-footer">Custom Services</h4> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/website-design-services-for-energy-companies/">Design Agency</a></li> <li class="footer-text"><a href="https://www.energydais.com/digital-marketing-services-for-energy-companies/">Marketing Agency</a></li> <li class="footer-text"><a href="https://www.youtube.com/c/EnergyDais/videos">On the dais</a></li> </ul> </div> </div> <div class="col-sm-2"> <div class="col-left-padding col-left-padding-0"> <h4 class="m-b-20">Articles</h4> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://insights.energydais.com/">Featured Articles</a></li> <li class="footer-text"><a href="https://insights.energydais.com/write-for-us/">Write for us</a></li> <li class="footer-text"><a href="https://news.energydais.com/">News stories</a></li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-3 col-lg-2 p-r-0 border-left"> <div class="footer-col"> <h4 class="m-b-20 no-bottom">Keep in Touch</h4> <div class="m-t-10"> <div class="row "> <div class="col-xs-2"> <img src="https://cdn.energydais.com/static/project/img/optimised-img/phoneicon.png" class="positioned-icon c-icon"> </div> <div class="col-xs-10"> <p class="footer-text"><a class="footer-text" href="tel:+918130244424">+91-8130244424 </a> </p> </div> </div> </div> <div class="m-t-10 p-b-10 border-bottom"> <div class="row"> <div class="col-xs-2"> <img src="https://cdn.energydais.com/static/project/img/icons/messageicon.png" class="c-icon"> </div> <div class="col-xs-10"> <p class="footer-text"><a href="mailto:contact@energydais.com" class="footer-text">contact@energydais.com</a> </p> </div> </div> </div> <div class="m-t-30 hidden"> <img src="https://cdn.energydais.com/static/project/img/optimised-img/energydais-white-transparent-logo.png" class="img-responsive"> </div> <h4 class="m-b-10 m-t-10 no-bottom">One Platform. <br>Endless Opportunities</h4> <div class="m-t-10"> <div class="row"> <div class="col-xs-12"> <a href="javascript:void(0)"> <img src="https://cdn.energydais.com/static/project/img/new/ED.svg" class="m-t-10 footer-partners" width="100" height="auto"></a> </div> <div class="col-xs-12"> <div class="copyright"> <h4 class="social-heading">Follow us on</h4> <ul class="footer-social-links m-t-0" style="text-align:left;"> <li> <a href="https://www.linkedin.com/company/energydais/" rel="nofollow" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a> </li> <li> <a href="https://www.facebook.com/EnergyDaisonline/" rel="nofollow" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a> </li> <li> <a href="https://twitter.com/EnergyDais" rel="nofollow" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a> </li> <li> <a href="https://www.instagram.com/energydais/" rel="nofollow" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <div class="row visible-xs hidden-for-resume-page"> <div class="footer-col"> <div class="col-md-12"> <div class="m-b-20 hidden"> <img src="https://cdn.energydais.com/static/project/img/optimised-img/energydais-white-transparent-logo.png" class="img-responsive"> </div> <h4 class="m-b-20 no-bottom">One Platform. Endless Opportunities</h4> <div class="m-t-10"> <div class="row"> <div class="col-xs-12"> <a href="javascript:void(0)"> <img src="https://cdn.energydais.com/static/project/img/new/ED.svg" class="m-t-10 footer-partners" width="180" height="auto"></a> </div> </div> </div> </div> <div class="col-md-12"> <div class="wrapper center-block m-t-30"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="margin-0 media-footer"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#foocollapseOne" aria-expanded="false" aria-controls="foocollapseOne">About Us </a></h4> </div> <div id="foocollapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="row"> <div class="col-xs-12"> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/about-us/">Who We Are</a></li>  <li class="footer-text"><a href="https://www.energydais.com/our-clients/">Our clients & partners</a></li> <li class="footer-text"><a href="https://www.energydais.com/why-get-listed">Why get listed with us?</a></li> <li class="footer-text"><a href="https://www.energydais.com/contact-us/">Contact Us</a></li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="margin-0 media-footer"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#foocollapseTwo" aria-expanded="false" aria-controls="foocollapseTwo"> Marketplace </a> </h4> </div> <div id="foocollapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div class="row"> <div class="col-xs-12"> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/buy-oil-and-gas-equipment-online/">Buy through marketplace</a></li> <li class="footer-text"><a href="https://www.energydais.com/sell-with-energydais/">Sell through marketplace</a></li> <li class="footer-text"><a href="https://www.energydais.com/advertise/">Advertise</a></li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="margin-0 media-footer"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#foocollapseThree" aria-expanded="false" aria-controls="foocollapseThree"> Business Opportunities </a> </h4> </div> <div id="foocollapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div class="row"> <div class="col-xs-12"> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/directory-of-oil-and-gas-products-and-services/">Company Directory</a></li> <li class="footer-text"><a href="https://www.energydais.com/search/">Search Companies</a></li> <li class="footer-text"><a href="https://www.energydais.com/recruitment-solutions/">HR Solutions</a></li> <li class="footer-text"><a href="https://www.energydais.com/privacy-policy/">Privacy Policy</a></li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingFour"> <h4 class="margin-0 media-footer"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#foocollapseFour" aria-expanded="false" aria-controls="foocollapseFour"> For Job Seekers </a> </h4> </div> <div id="foocollapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> <div class="row"> <div class="col-xs-12"> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://user.energydais.com/">Job Seeker Portal</a></li> <li class="footer-text"><a href="https://user.energydais.com/free-resume-builder/">Resume Builder</a></li> <li class="footer-text"><a href="https://user.energydais.com/search/oil-and-gas-courses/">Oil & Gas Courses</a></li> <li class="footer-text"><a href="https://insights.energydais.com/category/learning-resources/career-help/">Career Help & Insights</a></li> <li class="footer-text"><a href="https://www.energydais.com/careers/">Work with us</a></li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingFive"> <h4 class="margin-0 media-footer"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#foocollapseFive" aria-expanded="false" aria-controls="foocollapseFive"> Custom Services </a> </h4> </div> <div id="foocollapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive"> <div class="row"> <div class="col-xs-12"> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://www.energydais.com/website-design-services-for-energy-companies/">Design Agency</a></li> <li class="footer-text"><a href="https://www.energydais.com/digital-marketing-services-for-energy-companies/">Marketing Agency</a></li> <li class="footer-text"><a href="https://www.youtube.com/c/EnergyDais/videos">On the dais</a></li> <li class="footer-text"><a href="https://www.energydais.com/terms-and-conditions/">Terms Of Use</a></li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingSix"> <h4 class="margin-0 media-footer"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#foocollapseSix" aria-expanded="false" aria-controls="foocollapseSix"> Articles </a> </h4> </div> <div id="foocollapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix"> <div class="row"> <div class="col-xs-12"> <ul class="footer-links mobile-margin-top"> <li class="footer-text"><a href="https://insights.energydais.com/">Featured Articles</a></li> <li class="footer-text"><a href="https://insights.energydais.com/write-for-us/">Write for us</a></li> <li class="footer-text"><a href="https://news.energydais.com/">News stories</a></li> <li class="footer-text"><a href="https://www.energydais.com/faq/">FAQ's</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <h4 class="m-b-20 m-t-30 no-bottom">Keep in Touch</h4> <div class="m-t-10"> <div class="row "> <div class="col-xs-2"> <img src="https://cdn.energydais.com/static/project/img/optimised-img/phoneicon.png" class="positioned-icon" width="25" height="25"> </div> <div class="col-xs-10"> <p class="footer-text"><a class="footer-text" href="tel:+918130244424">+91-8130244424 </a> </p> </div> </div> </div> <div class="m-t-10"> </div> <div class="m-t-10 p-b-20 border-bottom"> <div class="row"> <div class="col-xs-2"> <img src="https://cdn.energydais.com/static/project/img/icons/messageicon.png" width="25" height="25"> </div> <div class="col-xs-10"> <p class="footer-text" style="text-transform:none;">contact@energydais.com     </p> </div> </div> </div> </div> </div> </div> <div class="copyright oil-lower-footer hidden-xs"> <div class="container"> <div class="row "> <div class="col-md-4"> <div class="c-white f-14"> © Copyright 2021 Energy Dais</div> </div> <div class="col-md-8 text-right"> <ul class="footer-bottom"> <li class="footer-text"><a href="https://www.energydais.com/advertise/">Advertise</a></li> <li class="footer-text"><a href="https://www.energydais.com/privacy-policy/">Privacy Policy</a></li> <li class="footer-text"><a href="https://www.energydais.com/careers/">Work with us</a></li> <li class="footer-text"><a href="https://www.energydais.com/terms-and-conditions/">Terms Of Use</a></li> <li class="footer-text"><a href="https://www.energydais.com/faq/">FAQ's</a></li> </ul> </div> </div> </div> </div> </footer> <script> $('.wrapper .panel-collapse').on('show.bs.collapse', function () { $(this).siblings('.panel-heading').addClass('active'); }); $('.wrapper .panel-collapse').on('hide.bs.collapse', function () { $(this).siblings('.panel-heading').removeClass('active'); }); //view profile smooth acroll </script>     <script type="text/javascript"> (function(w,d){ w.HelpCrunch=function(){w.HelpCrunch.q.push(arguments)};w.HelpCrunch.q=[]; function r(){var s=document.createElement('script');s.async=1;s.type='text/javascript';s.src='https://widget.helpcrunch.com/';(d.body||d.head).appendChild(s);} if(w.attachEvent){w.attachEvent('onload',r)}else{w.addEventListener('load',r,false)} })(window, document) </script> <script type="text/javascript"> HelpCrunch('init', 'energydais', { applicationId: 1, applicationSecret: 'xriwkvVUPi1xltqQWDVMTvXd5niNeNZ+xzPvoPrDCmZ+PyfCMyZrcGUhYS1/WEW5M/6rZv/G/cQzvg1uVp3dVQ==', }); HelpCrunch('showChatWidget'); </script>      <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/bootstrap.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59eee83c3c42ac1a"></script> <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/custom.js"></script> <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/counter.js"></script> <script type="text/javascript" src="https://use.fontawesome.com/c5c25a361c.js"></script> <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/wow.min.js"></script> <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/lightslider.min.js"></script> <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/lightgallery.min.js"></script> <script type="text/javascript" src="https://cdn.energydais.com/static/project/js/owl.carousel.min.js"></script> <script> wow = new WOW( { boxClass: 'wow', // default animateClass: 'animated', // default offset: 0, // default mobile: false, // default live: true // default } ) wow.init(); toastr.options = { "preventDuplicates": true, "preventOpenDuplicates": true }; </script>  <script type="text/javascript"> $('.counting').each(function() { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text()}).animate({ countNum: countTo }, { duration: 3000, easing:'linear', step: function() { $this.text(Math.floor(this.countNum)); }, complete: function() { $this.text(this.countNum); } }); }); </script> <script> jQuery(document).ready(function($) { "use strict"; $('#customers-testimonials').owlCarousel( { loop: true, items: 1, margin: 0, autoplay: true, dots:false, nav:true, navText: ['<svg width="86%" height="90%" viewBox="0 0 11 20"><path class="change-my-color" style="fill:none;stroke-width: 2px;stroke: #fff;" d="M9.554,1.001l-8.607,8.607l8.607,8.606"/></svg>','<svg width="86%" height="90%" viewBox="0 0 11 20" version="1.1"><path class="change-my-color" style="fill:none;stroke-width: 2px;stroke: #fff;" d="M1.054,18.214l8.606,-8.606l-8.606,-8.607"/></svg>'], responsive: { 0: { items: 1 }, 768: { items: 1 }, 1170: { items: 2 } } }); }); </script> </body> </html>

CINXE.COM

Website Design Services For Energy Companies