CINXE.COM

Section Awards and Recognition

<!doctype html> <html class="no-js" lang=""> <head> <title>Section Awards and Recognition</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="Section Awards and Recognition"/> <meta name="description" content="Section awards recognize those that succeed in fulfilling SPE’s mission by serving local members."/> <meta name="apple-mobile-web-app-title" content="Section Awards and Recognition"> <!-- ANALYTICS SCRIPTS --> <!-- Google Tag Manager Script --> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"content": {"category": "sections"}}); (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 = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T8JL43'); </script> <!-- END Google Tag Manager --> <!-- Marketo Muchkin Script --> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('833-LLT-087'); } } var mkto_script = document.createElement('script'); mkto_script.type = 'text/javascript'; mkto_script.async = true; mkto_script.src = '//munchkin.marketo.net/munchkin.js'; mkto_script.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; mkto_script.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(mkto_script); })(); </script> <!-- END Marketo Muchkin Script --> <!-- Marketo RTP tag --> <script type='text/javascript'> (function(c,h,a,f,i,e){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; c[a].a=i;c[a].e=e;var g=h.createElement("script");g.async=true;g.type="text/javascript"; g.src=f+'?aid='+i;var b=h.getElementsByTagName("script")[0];b.parentNode.insertBefore(g,b); })(window,document,"rtp","//sjrtp4-cdn.marketo.com/rtp-api/v1/rtp.js","spe"); rtp('send','view'); rtp('get', 'campaign',true); </script> <!-- END Marketo RTP tag --> <!-- GLOBAL STYLING FOR ALL PAGES --> <style> blockquote { padding: .5rem 1rem; border-left: .25rem solid #eceeef; } .zoom { transition: transform .2s; } .zoom:hover { -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari 3-8 */ transform: scale(1.2); } </style> <!-- TEMPLATE page.html --> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://kit.fontawesome.com/9cbc9abb19.css" crossorigin="anonymous"> <!-- Bootstrap --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="/static/js/spe_scroller_jquery.css" integrity="sha384-juWNVEQZ4R0g8fb7EbjVR1vTBSa33iiBazKbFD4OJ3EfMKSse0jLNit6ZSRwdBfp" crossorigin="anonymous"/> <link rel="stylesheet" type="text/css" href="/static/css/spe/2021/stylesheet.css"> <!-- GLOBAL JS FOR ALL PAGES (loaded in head tag) --> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <!-- Start GPT Tag --> <script async src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'></script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { var mapping1 = googletag.sizeMapping() .addSize([700, 200], [[160, 600]]) .addSize([0, 0], [[0, 0]]) .build(); googletag.defineSlot('/57789820/SPE_ORG_160x600', [[160,600]], 'div-gpt-ad-6795482-1') .defineSizeMapping(mapping1) .addService(googletag.pubads()); googletag.pubads().collapseEmptyDivs(); googletag.pubads().setCentering(true); googletag.enableServices(); }); </script> <!-- End GPT Tag --> </head> <body> <!-- Google Tag Manager Script --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T8JL43" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- END Google Tag Manager --> <div class="container-liquid mb-3" style="position: relative; z-index: 100;"> <!--Main Navigation--> <header id="page-header"> <!-- SPE HEADER BAR --> <div id="spe-header" class="row m-0"> <div id="logo-box" class="col-4 col-sm-4 col-md-3 col-lg-2 py-2 mx-auto my-2"> <a href="/"><img src="/static/www/img/spe_vert_white.svg" alt="SPE Logo" id="spelogo" class="img-fluid"></a> </div> <div id="menublock" class="col-12 col-md p-0"> <!-- ***************** --> <!-- SPE LOGIN TOP BAR --> <div id="loginbar" class="container-fluid"> <nav id="global-nav" class="row"> <ul class="nav ml-auto pr-4"> <li class="nav-item"><a href="https://www.spe.org/about/" class="nav-link">About SPE</a></li> <li class="nav-item"><a href="https://www.spe.org/contact/" class="nav-link">Contact Us</a></li> <li class="nav-item"><a href="https://www.spe.org/jobs/" class="nav-link">Jobs</a></li> <li class="nav-item"><a href="https://search.spe.org/i2kweb/SPE/search" class="nav-link"><i class="fa fa-plus" aria-hidden="true"></i> Research Portal</a></li> <li class="nav-item" style="float: right;"><a href="https://www.spe.org/sso/protected_login.html?redirect_target=https%3A//www.spe.org/en/sections/awards/" id="global_login" class="nav-link loginLink"><i class="fas fa-user"></i> Sign In</a></li> </ul> </nav> </div> <!-- SPE LOGIN TOP BAR --> <!-- ***************** --> <!-- ******** --> <!-- MAIN NAV --> <div id="mainnavbar" class="container-fluid pb-2"> <nav id="mainnav" class="row pr-5 navbar navbar-expand-lg"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".topcollapse" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <ul class="topcollapse nav collapse navbar-collapse"> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/members/">Membership</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/events/about-events/">Events</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/publications/">Publications</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/training/">Training</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/industry/">Resources</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/en/community/">Community</a></h4></li> </ul> <!-- ****** --> <!-- Search --> <div class="searching my-auto text-right"> <a href="javascript:void(0)" class="search-open"> <i class="fa fa-search"></i> </a> <div class="search-inline pt-4"> <form> <div class="GoogleSiteSearch search-inline-sub"> <div class="form-wrapper"> <div class="gse-search"> <!-- These styles fix CSE and Bootstrap 3 conflict --> <style type="text/css"> .gsc-adBlock { opacity: 0.5; } .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after, .gsc-inline-block { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button { box-sizing: content-box; line-height: normal; background-image: none !important; } .gsc-control-cse { padding: 0; } </style> <script async src="https://cse.google.com/cse.js?cx=007919311804914109615:_7f3pu6glfg"></script> <div class="gcse-search"></div> </div> </div> </div> <div class="search-close-div search-inline-sub"> <a href="javascript:void(0)" class="search-close"> <i class="fa fa-times"></i> </a> </div> </form> </div> <!-- SEARCH --> </div> <!-- Search --> <!-- ****** --> </nav> </div> <!-- MAIN NAV --> <!-- ******** --> </div> </div><!-- end id="spe-header" --> <div id="headerspacer" class="row py-2 m-0"></div> </header> </div> <!--Main Navigation--> <!--Main layout--> <div class="container-liquid page-content background"> <div class="bg-white container" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;"> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row py-4 grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <style> #customized_navbar_items.d-none { display: block !important; } </style> <nav class="navbar navbar-light customnav navbar-expand-sm px-0 flex-row flex-nowrap "> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div id="customized_navbar_items" class="nav flex-sm-column flex-row subbynav"> <a class="nav-link" href="/sections/"> Sections Home </a> <a class="nav-link" href="https://www.spe.org/sections/list"> Find a Section </a> <a class="nav-link" href="/sections/policy-to-establish-and-maintain-an-spe-section/"> Establish a Section </a> <a class="nav-link" href="/chapters/"> Chapters Home </a> <a class="nav-link" href="/members/"> Members Home </a> </div> </div> </nav> </div> <div class="col col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h1>Section Awards and Recognition</h1> <p>Section awards and recognition recognize those that go above and beyond to fulfill SPE’s mission by serving local members. The awards honor exemplary efforts in the categories of technical dissemination, professional development, engaging, retaining, and growing membership, community involvement, operations and planning, and student support.</p> <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/47/60/476003bf-e744-4079-b4e8-8106091ac83e/section_presidential_award_logo_2023.png__310.0x250.0_subsampling-2.png" width="150" height="121" class="img-fluid img-responsive float-right pull-right mt-1 mb-1 mr-3" alt="Presidential Award Logo" > </div> <h3>Presidential Award for Outstanding Section</h3> <p>The Presidential Award for Outstanding Section recognizes up-to-the top 10 percent of eligible applications received, per award category, per size range. The awards are presented at the SPE Annual Technical Conference and Exhibition.</p> <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/9f/ee/9fee91d4-e8a6-4869-975c-80ae6a8e4964/section_awards_group_shot_2024.jpg__1000.0x384.0_q85_subsampling-2.jpg" srcset=" /media/filer_public_thumbnails/filer_public/9f/ee/9fee91d4-e8a6-4869-975c-80ae6a8e4964/section_awards_group_shot_2024.jpg__576x576_q85_subsampling-2.jpg 576w, /media/filer_public_thumbnails/filer_public/9f/ee/9fee91d4-e8a6-4869-975c-80ae6a8e4964/section_awards_group_shot_2024.jpg__768x768_q85_subsampling-2.jpg 768w, /media/filer_public_thumbnails/filer_public/9f/ee/9fee91d4-e8a6-4869-975c-80ae6a8e4964/section_awards_group_shot_2024.jpg__992x992_q85_subsampling-2.jpg 992w, /media/filer_public_thumbnails/filer_public/9f/ee/9fee91d4-e8a6-4869-975c-80ae6a8e4964/section_awards_group_shot_2024.jpg__1000.0x384.0_q85_subsampling-2.jpg 1000.0w " sizes=" (max-width: 576px) 576px, (max-width: 768px) 768px, (max-width: 992px) 992px, 1000.0px " class="img-fluid img-responsive mx-auto d-block mt-4 mb-4" alt="Section Award winners" > </div> <h3><a href="/sections/section-award-winners/" target="_self" class style="opacity: 1.0;">View Award Winners</a></h3> <h3> </h3> <h3>Application Process</h3> <p>Award applications are separate from the annual report – but share the same <strong>1 June</strong> deadline. A maximum of two application forms, in two different categories below, are permitted per section.</p> <p><strong>Categories:</strong></p> <ul> <li>Technical Dissemination – technical activities such as field trips, symposiums, technical presentations, and training courses</li> <li>Professional Development – professional activities such as career events, mentor programs, and soft skills training</li> <li>Engaging, Retaining, and Growing Membership - member programs such as awards, networking, new member welcome, volunteer recognition, unemployed members, Young Professionals, and Senior Professionals; methods for growth retention, and student-to-professional conversion; programs made exclusive to members only</li> <li>Community Involvement – community activities such as youth and teacher education and community service </li> <li>Operations and Planning – goals, use of committees, succession plan, and communications -</li> <li>Student Support – programming for students such as the Ambassador Lecturer Program (ALP), student chapter support, scholarships, student specific events, mentoring programs  </li> </ul> <p> </p> <h3>Eligibility and Judging</h3> <p>Only sections meeting <a href="https://www.spe.org/en/sections/policy-to-establish-and-maintain-an-spe-section/" target="_blank" rel="noopener" class style="opacity: 1.0;">maintenance criteria</a> as of the 1 June annual report deadline are eligible for awards. Those not meeting maintenance criteria as of 1 June, or are non-compliant, are not eligible for awards.</p> <p>The awards program recognizes up-to-the top 10 percent of applications received, per award category, in the size ranges below. The ranges are set and will not change each year. Size groups are not equally divided.</p> <style type="text/css">.tg {border-collapse:collapse;border-color:#ccc;border-spacing:0;} .tg td{background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{background-color:#f0f0f0;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-abx8{background-color:#c0c0c0;font-weight:bold;text-align:left;vertical-align:top} .tg .tg-kftd{background-color:#efefef;text-align:left;vertical-align:top} .tg .tg-cobb{background-color:#FFF;text-align:left;vertical-align:top} </style> <table class="tg" style=""> <colgroup> <col style="width: 115px;"> <col style="width: 194px;"> </colgroup> <thead> <tr> <th class="tg-abx8" style="text-align: center;">Size Label</th> <th class="tg-abx8" style="text-align: center;">Range of Members<br> (based on year-end)</th> </tr> </thead> <tbody> <tr> <td class="tg-cobb" style="text-align: center;">A</td> <td class="tg-cobb" style="text-align: center;">25 - 100</td> </tr> <tr> <td class="tg-kftd" style="text-align: center;">B</td> <td class="tg-kftd" style="text-align: center;">101 - 300</td> </tr> <tr> <td class="tg-cobb" style="text-align: center;">C</td> <td class="tg-cobb" style="text-align: center;">301 - 500</td> </tr> <tr> <td class="tg-kftd" style="text-align: center;">D</td> <td class="tg-kftd" style="text-align: center;">501 - 1,000</td> </tr> <tr> <td class="tg-cobb" style="text-align: center;">E</td> <td class="tg-cobb" style="text-align: center;">1,001 - 2,000</td> </tr> <tr> <td class="tg-kftd" style="text-align: center;">F</td> <td class="tg-kftd" style="text-align: center;">2001+</td> </tr> </tbody> </table> <p><br> Recipients are selected through two rounds of review. In the first round, a group of volunteer judges, nominated by the Regional Directors, review and rank the groups in their judging categories. The highest ranked groups advance to the final round. In the final round, a workgroup reporting to the membership standing committee review and rank the groups in their judging categories and select the recipients. </p> <p> </p> <h3>Regional Section Recognition</h3> <p>This program aims to spotlight those doing excellent work within their SPE regions but not achieving a global Presidential Award. The program recognizes those that are innovative, have a particularly noteworthy program, or are making great progress. </p> <p>Regional Directors establish the selection process for their respective region(s). The regional winners should not exceed 25% of all sections not achieving a global award that year. A certificate is emailed to all recognized sections.<br>  </p> </div> </div> </div> </div> <!--Main layout--> <!-- GLOBALLY ADDING COOKIE BAR TO ALL PAGES --> <style type="text/css"> #cookie-bar { background: #111111; height: auto; line-height: 24px; color: #eeeeee; text-align: center; padding: 3px 0; } #cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; } #cookie-bar.fixed.bottom { bottom: 0; top: auto; } #cookie-bar p { margin: 0; padding: 0; } #cookie-bar a { color: #ffffff; display: inline-block; border-radius: 3px; text-decoration: none; padding: 0 6px; margin-left: 8px; } #cookie-bar a.learnLink { color: #a3bce4; } #cookie-bar .cb-enable { background: #89C3E5; } </style> <!--Footer--> <footer id="page-footer"> <!-- #spe-footer 2020 Short --> <footer id="spe-footer"> <div class="container"> <div id="footer-nav" class="row p-2"> <ul class="nav m-auto"> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/members/">Membership</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/events/about-events/">Events</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/publications/">Publications</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/training/">Training</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/industry/">Resources</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/en/community/">Community</a></h4></li> </ul> </div> <div id="footer-mega" class="row mt-2 mb-0"> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/">About SPE</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/disciplines/">SPE Disciplines</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/regions/">SPE Regions</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/privacypolicy/">Privacy Policy</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/professional-code-of-conduct/">Code of Conduct</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/terms-of-service/">Terms of Service</a></h5> </div> </div> <div id="footer-socials" class="row"> <nav id="social-media-links-footer" class="ml-auto"> <ul> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.facebook.com/spemembers" id="facebook" title="Connect with SPE on Facebook"><i class="fab fa-facebook-square"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://twitter.com/SPEtweets" id="twitter" title="Follow SPE Events on Twitter"><i class="fa-brands fa-square-x-twitter"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.linkedin.com/company/23356/" id="linkedin" title="Join SPE's professional network on LinkedIn"><i class="fab fa-linkedin"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.youtube.com/2012SPE" id="youtube" title="Explore SPE videos on YouTube"><i class="fab fa-youtube-square"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://instagram.com/spengineers/" id="instagram" title="Connect with SPE on Instagram"><i class="fab fa-instagram"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://connect.spe.org/" id="connect" title="SPE’s online communities – SPE Connect"><i class="fas fa-comment-alt"></i></a></li> </ul> </nav> </div> <div id="footer-copyright" class="row"> <div id="copyrightcol" class="col mb-5">&copy; Copyright 2003-2024, Society of Petroleum Engineers. All rights reserved.</div> </div> </div> </footer> <!-- #spe-footer 2020 Short --> </footer> <!--/.Footer--> <!-- GLOBAL JS FOR ALL PAGES (loaded in head tag) --> <!-- removing ckeditor reference since not needed; do not use ckeditor CDN! --> <!-- Bootstrap 4 --> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script> // short helper function to check the results of a jquery search results $.fn.exists = function () { return this.length !== 0; }; // fix ie in case the console.logs get out there if (typeof console === "undefined") { console = {log: function() {}}; } $( document ).ready(function() { $(".customnav").hide(); // NOTE: we only append once on load! // use jquery to get all .spe-context-menu(.subbynav) let ctx_menus = $(".subbynav"); if (ctx_menus.exists()) { ctx_menus.each( function (index) { console.log(' [' + index + '] ' + $(this)[0].tagName + '- ' + $(this).attr('class')); // perform a deep copy of nodes to append to the menu (with click events) // add appropriate styles to display only when we want $(this).clone().addClass("d-block d-lg-none menuNested").appendTo("#navbarNavAltMarkup", true); // add a new class to mark the inline menu items for show hide $(this).addClass("d-none d-lg-block menuNotNested"); $(".customnav").show(); }); } // NOTE: from this point on bootstrap should handle the heavy lifting of breakpoints for us! }); </script> <!-- ************* --> <!-- SEARCH SCRIPT --> <script> $(document).ready(function () { // console.log("ready!"); var sp = document.querySelector('.search-open'); var searchbar = document.querySelector('.search-inline'); var shclose = document.querySelector('.search-close'); function changeClass() { searchbar.classList.add('search-visible'); } function closesearch() { searchbar.classList.remove('search-visible'); } sp.addEventListener('click', changeClass); shclose.addEventListener('click', closesearch); const $dropdown = $(".dropdown"); const $dropdownToggle = $(".dropdown-toggle"); const $dropdownMenu = $(".dropdown-menu"); const showClass = "show"; $(window).on("load resize", function () { if (this.matchMedia("(min-width: 768px)").matches) { $dropdown.hover( function () { const $this = $(this); $this.addClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "true"); $this.find($dropdownMenu).addClass(showClass); }, function () { const $this = $(this); $this.removeClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "false"); $this.find($dropdownMenu).removeClass(showClass); } ); } else { $dropdown.off("mouseenter mouseleave"); } }); }); </script> <!-- END SEARCH SCRIPT --> <!-- ***************** --> <!-- TODO: Add future script includes here; keep blank for default bootstrap theme --> <style> body { background-color: #f1f2f7; } </style> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10