From 868fe462304d497b0d73d5b04970ec0a86eb278c Mon Sep 17 00:00:00 2001
From: Fdom92 <fer.olmo92@gmail.com>
Date: Mon, 17 Feb 2020 10:35:32 +0100
Subject: [PATCH] fix(opportunities): scroll

---
 src/components.d.ts                           | 651 ++++++++++++++++++
 .../app-opportunities/app-opportunities.tsx   |  12 +-
 2 files changed, 662 insertions(+), 1 deletion(-)
 create mode 100644 src/components.d.ts

diff --git a/src/components.d.ts b/src/components.d.ts
new file mode 100644
index 00000000..384fff09
--- /dev/null
+++ b/src/components.d.ts
@@ -0,0 +1,651 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+
+
+import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
+import {
+  BlogPost,
+} from './model/blog-post.model';
+import {
+  MatchResults,
+  RouterHistory,
+} from '@stencil/router';
+
+export namespace Components {
+  interface AppAbout {}
+  interface AppBlog {}
+  interface AppBlogCard {
+    'blogPost': BlogPost;
+  }
+  interface AppBlogContent {
+    'blogPost': BlogPost;
+    'nextPostsHelper': any;
+  }
+  interface AppBlogFeatured {
+    'blogPost': BlogPost;
+  }
+  interface AppBlogFeaturedHome {
+    'blogPost': BlogPost;
+    'blogPost1': BlogPost;
+  }
+  interface AppBlogIndex {}
+  interface AppBlogPost {
+    'history': RouterHistory;
+    'match': MatchResults;
+    'preRenderBlogPost': BlogPost;
+  }
+  interface AppCarouselIndicators {
+    'activeIndex': string;
+  }
+  interface AppCaseStudy {}
+  interface AppContact {
+    'errorIconStyles': { display: string; marginBottom: string; paddingRight: string; };
+  }
+  interface AppCta {}
+  interface AppDetailedService {
+    'history': RouterHistory;
+    'match': MatchResults;
+  }
+  interface AppFooter {}
+  interface AppHome {
+    'history': RouterHistory;
+  }
+  interface AppImg {
+    'alt': string;
+    'fit': boolean;
+    'preLoad': boolean;
+    'src': string;
+  }
+  interface AppInput {
+    'inputId': string;
+    'label': string;
+    'maxlength': string;
+    'name': string;
+    'placeholder': string;
+    'required': boolean;
+    'slimmer': boolean;
+    'type': string;
+    'valid': boolean;
+  }
+  interface AppMembers {
+    'members': any[];
+  }
+  interface AppMembersSection {}
+  interface AppNavHeader {}
+  interface AppNotFound {}
+  interface AppOpportunities {
+    'errorIconStyles': { display: string; marginBottom: string; paddingRight: string; };
+    'history': RouterHistory;
+    'match': MatchResults;
+  }
+  interface AppOurWork {}
+  interface AppOurWorkSingle {
+    'history': RouterHistory;
+    'match': MatchResults;
+  }
+  interface AppPartners {}
+  interface AppRadio {
+    'label': string;
+    'name': string;
+    'required': boolean;
+    'value': string;
+  }
+  interface AppResources {
+    'errorIconStyles': { display: string; marginBottom: string; paddingRight: string; };
+    'history': RouterHistory;
+    'match': MatchResults;
+  }
+  interface AppSearchResults {}
+  interface AppServiceLevelAgreement {}
+  interface AppServices {}
+  interface AppSlider {
+    'label': string;
+    'name': string;
+  }
+  interface AppTeamLanding {
+    'history': RouterHistory;
+    'match': MatchResults;
+  }
+  interface AppTextarea {
+    'inputId': string;
+    'label': string;
+    'maxlength': string;
+    'name': string;
+    'placeholder': string;
+    'required': boolean;
+    'rows': number;
+  }
+  interface AppToolbox {}
+  interface AppTos {}
+  interface AppTranslate {
+    'keyword': string;
+    'params': {};
+  }
+  interface ContentGraphic {
+    'alt': string;
+    'imgUrl': string;
+    'inverseOrder': boolean;
+    'leftAlign': boolean;
+    'preLoadImg': boolean;
+    'reverse': boolean;
+    'smallerImg': boolean;
+    'wider': boolean;
+  }
+  interface LazyImg {
+    'alt': string;
+    'src': string;
+    'width': number;
+  }
+  interface OpenForgeApp {}
+}
+
+declare global {
+
+
+  interface HTMLAppAboutElement extends Components.AppAbout, HTMLStencilElement {}
+  var HTMLAppAboutElement: {
+    prototype: HTMLAppAboutElement;
+    new (): HTMLAppAboutElement;
+  };
+
+  interface HTMLAppBlogElement extends Components.AppBlog, HTMLStencilElement {}
+  var HTMLAppBlogElement: {
+    prototype: HTMLAppBlogElement;
+    new (): HTMLAppBlogElement;
+  };
+
+  interface HTMLAppBlogCardElement extends Components.AppBlogCard, HTMLStencilElement {}
+  var HTMLAppBlogCardElement: {
+    prototype: HTMLAppBlogCardElement;
+    new (): HTMLAppBlogCardElement;
+  };
+
+  interface HTMLAppBlogContentElement extends Components.AppBlogContent, HTMLStencilElement {}
+  var HTMLAppBlogContentElement: {
+    prototype: HTMLAppBlogContentElement;
+    new (): HTMLAppBlogContentElement;
+  };
+
+  interface HTMLAppBlogFeaturedElement extends Components.AppBlogFeatured, HTMLStencilElement {}
+  var HTMLAppBlogFeaturedElement: {
+    prototype: HTMLAppBlogFeaturedElement;
+    new (): HTMLAppBlogFeaturedElement;
+  };
+
+  interface HTMLAppBlogFeaturedHomeElement extends Components.AppBlogFeaturedHome, HTMLStencilElement {}
+  var HTMLAppBlogFeaturedHomeElement: {
+    prototype: HTMLAppBlogFeaturedHomeElement;
+    new (): HTMLAppBlogFeaturedHomeElement;
+  };
+
+  interface HTMLAppBlogIndexElement extends Components.AppBlogIndex, HTMLStencilElement {}
+  var HTMLAppBlogIndexElement: {
+    prototype: HTMLAppBlogIndexElement;
+    new (): HTMLAppBlogIndexElement;
+  };
+
+  interface HTMLAppBlogPostElement extends Components.AppBlogPost, HTMLStencilElement {}
+  var HTMLAppBlogPostElement: {
+    prototype: HTMLAppBlogPostElement;
+    new (): HTMLAppBlogPostElement;
+  };
+
+  interface HTMLAppCarouselIndicatorsElement extends Components.AppCarouselIndicators, HTMLStencilElement {}
+  var HTMLAppCarouselIndicatorsElement: {
+    prototype: HTMLAppCarouselIndicatorsElement;
+    new (): HTMLAppCarouselIndicatorsElement;
+  };
+
+  interface HTMLAppCaseStudyElement extends Components.AppCaseStudy, HTMLStencilElement {}
+  var HTMLAppCaseStudyElement: {
+    prototype: HTMLAppCaseStudyElement;
+    new (): HTMLAppCaseStudyElement;
+  };
+
+  interface HTMLAppContactElement extends Components.AppContact, HTMLStencilElement {}
+  var HTMLAppContactElement: {
+    prototype: HTMLAppContactElement;
+    new (): HTMLAppContactElement;
+  };
+
+  interface HTMLAppCtaElement extends Components.AppCta, HTMLStencilElement {}
+  var HTMLAppCtaElement: {
+    prototype: HTMLAppCtaElement;
+    new (): HTMLAppCtaElement;
+  };
+
+  interface HTMLAppDetailedServiceElement extends Components.AppDetailedService, HTMLStencilElement {}
+  var HTMLAppDetailedServiceElement: {
+    prototype: HTMLAppDetailedServiceElement;
+    new (): HTMLAppDetailedServiceElement;
+  };
+
+  interface HTMLAppFooterElement extends Components.AppFooter, HTMLStencilElement {}
+  var HTMLAppFooterElement: {
+    prototype: HTMLAppFooterElement;
+    new (): HTMLAppFooterElement;
+  };
+
+  interface HTMLAppHomeElement extends Components.AppHome, HTMLStencilElement {}
+  var HTMLAppHomeElement: {
+    prototype: HTMLAppHomeElement;
+    new (): HTMLAppHomeElement;
+  };
+
+  interface HTMLAppImgElement extends Components.AppImg, HTMLStencilElement {}
+  var HTMLAppImgElement: {
+    prototype: HTMLAppImgElement;
+    new (): HTMLAppImgElement;
+  };
+
+  interface HTMLAppInputElement extends Components.AppInput, HTMLStencilElement {}
+  var HTMLAppInputElement: {
+    prototype: HTMLAppInputElement;
+    new (): HTMLAppInputElement;
+  };
+
+  interface HTMLAppMembersElement extends Components.AppMembers, HTMLStencilElement {}
+  var HTMLAppMembersElement: {
+    prototype: HTMLAppMembersElement;
+    new (): HTMLAppMembersElement;
+  };
+
+  interface HTMLAppMembersSectionElement extends Components.AppMembersSection, HTMLStencilElement {}
+  var HTMLAppMembersSectionElement: {
+    prototype: HTMLAppMembersSectionElement;
+    new (): HTMLAppMembersSectionElement;
+  };
+
+  interface HTMLAppNavHeaderElement extends Components.AppNavHeader, HTMLStencilElement {}
+  var HTMLAppNavHeaderElement: {
+    prototype: HTMLAppNavHeaderElement;
+    new (): HTMLAppNavHeaderElement;
+  };
+
+  interface HTMLAppNotFoundElement extends Components.AppNotFound, HTMLStencilElement {}
+  var HTMLAppNotFoundElement: {
+    prototype: HTMLAppNotFoundElement;
+    new (): HTMLAppNotFoundElement;
+  };
+
+  interface HTMLAppOpportunitiesElement extends Components.AppOpportunities, HTMLStencilElement {}
+  var HTMLAppOpportunitiesElement: {
+    prototype: HTMLAppOpportunitiesElement;
+    new (): HTMLAppOpportunitiesElement;
+  };
+
+  interface HTMLAppOurWorkElement extends Components.AppOurWork, HTMLStencilElement {}
+  var HTMLAppOurWorkElement: {
+    prototype: HTMLAppOurWorkElement;
+    new (): HTMLAppOurWorkElement;
+  };
+
+  interface HTMLAppOurWorkSingleElement extends Components.AppOurWorkSingle, HTMLStencilElement {}
+  var HTMLAppOurWorkSingleElement: {
+    prototype: HTMLAppOurWorkSingleElement;
+    new (): HTMLAppOurWorkSingleElement;
+  };
+
+  interface HTMLAppPartnersElement extends Components.AppPartners, HTMLStencilElement {}
+  var HTMLAppPartnersElement: {
+    prototype: HTMLAppPartnersElement;
+    new (): HTMLAppPartnersElement;
+  };
+
+  interface HTMLAppRadioElement extends Components.AppRadio, HTMLStencilElement {}
+  var HTMLAppRadioElement: {
+    prototype: HTMLAppRadioElement;
+    new (): HTMLAppRadioElement;
+  };
+
+  interface HTMLAppResourcesElement extends Components.AppResources, HTMLStencilElement {}
+  var HTMLAppResourcesElement: {
+    prototype: HTMLAppResourcesElement;
+    new (): HTMLAppResourcesElement;
+  };
+
+  interface HTMLAppSearchResultsElement extends Components.AppSearchResults, HTMLStencilElement {}
+  var HTMLAppSearchResultsElement: {
+    prototype: HTMLAppSearchResultsElement;
+    new (): HTMLAppSearchResultsElement;
+  };
+
+  interface HTMLAppServiceLevelAgreementElement extends Components.AppServiceLevelAgreement, HTMLStencilElement {}
+  var HTMLAppServiceLevelAgreementElement: {
+    prototype: HTMLAppServiceLevelAgreementElement;
+    new (): HTMLAppServiceLevelAgreementElement;
+  };
+
+  interface HTMLAppServicesElement extends Components.AppServices, HTMLStencilElement {}
+  var HTMLAppServicesElement: {
+    prototype: HTMLAppServicesElement;
+    new (): HTMLAppServicesElement;
+  };
+
+  interface HTMLAppSliderElement extends Components.AppSlider, HTMLStencilElement {}
+  var HTMLAppSliderElement: {
+    prototype: HTMLAppSliderElement;
+    new (): HTMLAppSliderElement;
+  };
+
+  interface HTMLAppTeamLandingElement extends Components.AppTeamLanding, HTMLStencilElement {}
+  var HTMLAppTeamLandingElement: {
+    prototype: HTMLAppTeamLandingElement;
+    new (): HTMLAppTeamLandingElement;
+  };
+
+  interface HTMLAppTextareaElement extends Components.AppTextarea, HTMLStencilElement {}
+  var HTMLAppTextareaElement: {
+    prototype: HTMLAppTextareaElement;
+    new (): HTMLAppTextareaElement;
+  };
+
+  interface HTMLAppToolboxElement extends Components.AppToolbox, HTMLStencilElement {}
+  var HTMLAppToolboxElement: {
+    prototype: HTMLAppToolboxElement;
+    new (): HTMLAppToolboxElement;
+  };
+
+  interface HTMLAppTosElement extends Components.AppTos, HTMLStencilElement {}
+  var HTMLAppTosElement: {
+    prototype: HTMLAppTosElement;
+    new (): HTMLAppTosElement;
+  };
+
+  interface HTMLAppTranslateElement extends Components.AppTranslate, HTMLStencilElement {}
+  var HTMLAppTranslateElement: {
+    prototype: HTMLAppTranslateElement;
+    new (): HTMLAppTranslateElement;
+  };
+
+  interface HTMLContentGraphicElement extends Components.ContentGraphic, HTMLStencilElement {}
+  var HTMLContentGraphicElement: {
+    prototype: HTMLContentGraphicElement;
+    new (): HTMLContentGraphicElement;
+  };
+
+  interface HTMLLazyImgElement extends Components.LazyImg, HTMLStencilElement {}
+  var HTMLLazyImgElement: {
+    prototype: HTMLLazyImgElement;
+    new (): HTMLLazyImgElement;
+  };
+
+  interface HTMLOpenForgeAppElement extends Components.OpenForgeApp, HTMLStencilElement {}
+  var HTMLOpenForgeAppElement: {
+    prototype: HTMLOpenForgeAppElement;
+    new (): HTMLOpenForgeAppElement;
+  };
+  interface HTMLElementTagNameMap {
+    'app-about': HTMLAppAboutElement;
+    'app-blog': HTMLAppBlogElement;
+    'app-blog-card': HTMLAppBlogCardElement;
+    'app-blog-content': HTMLAppBlogContentElement;
+    'app-blog-featured': HTMLAppBlogFeaturedElement;
+    'app-blog-featured-home': HTMLAppBlogFeaturedHomeElement;
+    'app-blog-index': HTMLAppBlogIndexElement;
+    'app-blog-post': HTMLAppBlogPostElement;
+    'app-carousel-indicators': HTMLAppCarouselIndicatorsElement;
+    'app-case-study': HTMLAppCaseStudyElement;
+    'app-contact': HTMLAppContactElement;
+    'app-cta': HTMLAppCtaElement;
+    'app-detailed-service': HTMLAppDetailedServiceElement;
+    'app-footer': HTMLAppFooterElement;
+    'app-home': HTMLAppHomeElement;
+    'app-img': HTMLAppImgElement;
+    'app-input': HTMLAppInputElement;
+    'app-members': HTMLAppMembersElement;
+    'app-members-section': HTMLAppMembersSectionElement;
+    'app-nav-header': HTMLAppNavHeaderElement;
+    'app-not-found': HTMLAppNotFoundElement;
+    'app-opportunities': HTMLAppOpportunitiesElement;
+    'app-our-work': HTMLAppOurWorkElement;
+    'app-our-work-single': HTMLAppOurWorkSingleElement;
+    'app-partners': HTMLAppPartnersElement;
+    'app-radio': HTMLAppRadioElement;
+    'app-resources': HTMLAppResourcesElement;
+    'app-search-results': HTMLAppSearchResultsElement;
+    'app-service-level-agreement': HTMLAppServiceLevelAgreementElement;
+    'app-services': HTMLAppServicesElement;
+    'app-slider': HTMLAppSliderElement;
+    'app-team-landing': HTMLAppTeamLandingElement;
+    'app-textarea': HTMLAppTextareaElement;
+    'app-toolbox': HTMLAppToolboxElement;
+    'app-tos': HTMLAppTosElement;
+    'app-translate': HTMLAppTranslateElement;
+    'content-graphic': HTMLContentGraphicElement;
+    'lazy-img': HTMLLazyImgElement;
+    'open-forge-app': HTMLOpenForgeAppElement;
+  }
+}
+
+declare namespace LocalJSX {
+  interface AppAbout {}
+  interface AppBlog {}
+  interface AppBlogCard {
+    'blogPost'?: BlogPost;
+  }
+  interface AppBlogContent {
+    'blogPost'?: BlogPost;
+    'nextPostsHelper'?: any;
+  }
+  interface AppBlogFeatured {
+    'blogPost'?: BlogPost;
+  }
+  interface AppBlogFeaturedHome {
+    'blogPost'?: BlogPost;
+    'blogPost1'?: BlogPost;
+  }
+  interface AppBlogIndex {}
+  interface AppBlogPost {
+    'history'?: RouterHistory;
+    'match'?: MatchResults;
+    'preRenderBlogPost'?: BlogPost;
+  }
+  interface AppCarouselIndicators {
+    'activeIndex'?: string;
+  }
+  interface AppCaseStudy {}
+  interface AppContact {
+    'errorIconStyles'?: { display: string; marginBottom: string; paddingRight: string; };
+  }
+  interface AppCta {}
+  interface AppDetailedService {
+    'history'?: RouterHistory;
+    'match'?: MatchResults;
+  }
+  interface AppFooter {}
+  interface AppHome {
+    'history'?: RouterHistory;
+  }
+  interface AppImg {
+    'alt'?: string;
+    'fit'?: boolean;
+    'preLoad'?: boolean;
+    'src'?: string;
+  }
+  interface AppInput {
+    'inputId'?: string;
+    'label'?: string;
+    'maxlength'?: string;
+    'name'?: string;
+    'onValueChanged'?: (event: CustomEvent<any>) => void;
+    'placeholder'?: string;
+    'required'?: boolean;
+    'slimmer'?: boolean;
+    'type'?: string;
+    'valid'?: boolean;
+  }
+  interface AppMembers {
+    'members'?: any[];
+  }
+  interface AppMembersSection {}
+  interface AppNavHeader {}
+  interface AppNotFound {}
+  interface AppOpportunities {
+    'errorIconStyles'?: { display: string; marginBottom: string; paddingRight: string; };
+    'history'?: RouterHistory;
+    'match'?: MatchResults;
+  }
+  interface AppOurWork {}
+  interface AppOurWorkSingle {
+    'history'?: RouterHistory;
+    'match'?: MatchResults;
+  }
+  interface AppPartners {}
+  interface AppRadio {
+    'label'?: string;
+    'name'?: string;
+    'onValueChanged'?: (event: CustomEvent<any>) => void;
+    'required'?: boolean;
+    'value'?: string;
+  }
+  interface AppResources {
+    'errorIconStyles'?: { display: string; marginBottom: string; paddingRight: string; };
+    'history'?: RouterHistory;
+    'match'?: MatchResults;
+  }
+  interface AppSearchResults {
+    'onClose'?: (event: CustomEvent<any>) => void;
+  }
+  interface AppServiceLevelAgreement {}
+  interface AppServices {}
+  interface AppSlider {
+    'label'?: string;
+    'name'?: string;
+    'onValueChanged'?: (event: CustomEvent<any>) => void;
+  }
+  interface AppTeamLanding {
+    'history'?: RouterHistory;
+    'match'?: MatchResults;
+  }
+  interface AppTextarea {
+    'inputId'?: string;
+    'label'?: string;
+    'maxlength'?: string;
+    'name'?: string;
+    'onValueChanged'?: (event: CustomEvent<any>) => void;
+    'placeholder'?: string;
+    'required'?: boolean;
+    'rows'?: number;
+  }
+  interface AppToolbox {}
+  interface AppTos {}
+  interface AppTranslate {
+    'keyword'?: string;
+    'params'?: {};
+  }
+  interface ContentGraphic {
+    'alt'?: string;
+    'imgUrl'?: string;
+    'inverseOrder'?: boolean;
+    'leftAlign'?: boolean;
+    'preLoadImg'?: boolean;
+    'reverse'?: boolean;
+    'smallerImg'?: boolean;
+    'wider'?: boolean;
+  }
+  interface LazyImg {
+    'alt'?: string;
+    'onLazyImgloaded'?: (event: CustomEvent<HTMLImageElement>) => void;
+    'src'?: string;
+    'width'?: number;
+  }
+  interface OpenForgeApp {}
+
+  interface IntrinsicElements {
+    'app-about': AppAbout;
+    'app-blog': AppBlog;
+    'app-blog-card': AppBlogCard;
+    'app-blog-content': AppBlogContent;
+    'app-blog-featured': AppBlogFeatured;
+    'app-blog-featured-home': AppBlogFeaturedHome;
+    'app-blog-index': AppBlogIndex;
+    'app-blog-post': AppBlogPost;
+    'app-carousel-indicators': AppCarouselIndicators;
+    'app-case-study': AppCaseStudy;
+    'app-contact': AppContact;
+    'app-cta': AppCta;
+    'app-detailed-service': AppDetailedService;
+    'app-footer': AppFooter;
+    'app-home': AppHome;
+    'app-img': AppImg;
+    'app-input': AppInput;
+    'app-members': AppMembers;
+    'app-members-section': AppMembersSection;
+    'app-nav-header': AppNavHeader;
+    'app-not-found': AppNotFound;
+    'app-opportunities': AppOpportunities;
+    'app-our-work': AppOurWork;
+    'app-our-work-single': AppOurWorkSingle;
+    'app-partners': AppPartners;
+    'app-radio': AppRadio;
+    'app-resources': AppResources;
+    'app-search-results': AppSearchResults;
+    'app-service-level-agreement': AppServiceLevelAgreement;
+    'app-services': AppServices;
+    'app-slider': AppSlider;
+    'app-team-landing': AppTeamLanding;
+    'app-textarea': AppTextarea;
+    'app-toolbox': AppToolbox;
+    'app-tos': AppTos;
+    'app-translate': AppTranslate;
+    'content-graphic': ContentGraphic;
+    'lazy-img': LazyImg;
+    'open-forge-app': OpenForgeApp;
+  }
+}
+
+export { LocalJSX as JSX };
+
+
+declare module "@stencil/core" {
+  export namespace JSX {
+    interface IntrinsicElements {
+      'app-about': LocalJSX.AppAbout & JSXBase.HTMLAttributes<HTMLAppAboutElement>;
+      'app-blog': LocalJSX.AppBlog & JSXBase.HTMLAttributes<HTMLAppBlogElement>;
+      'app-blog-card': LocalJSX.AppBlogCard & JSXBase.HTMLAttributes<HTMLAppBlogCardElement>;
+      'app-blog-content': LocalJSX.AppBlogContent & JSXBase.HTMLAttributes<HTMLAppBlogContentElement>;
+      'app-blog-featured': LocalJSX.AppBlogFeatured & JSXBase.HTMLAttributes<HTMLAppBlogFeaturedElement>;
+      'app-blog-featured-home': LocalJSX.AppBlogFeaturedHome & JSXBase.HTMLAttributes<HTMLAppBlogFeaturedHomeElement>;
+      'app-blog-index': LocalJSX.AppBlogIndex & JSXBase.HTMLAttributes<HTMLAppBlogIndexElement>;
+      'app-blog-post': LocalJSX.AppBlogPost & JSXBase.HTMLAttributes<HTMLAppBlogPostElement>;
+      'app-carousel-indicators': LocalJSX.AppCarouselIndicators & JSXBase.HTMLAttributes<HTMLAppCarouselIndicatorsElement>;
+      'app-case-study': LocalJSX.AppCaseStudy & JSXBase.HTMLAttributes<HTMLAppCaseStudyElement>;
+      'app-contact': LocalJSX.AppContact & JSXBase.HTMLAttributes<HTMLAppContactElement>;
+      'app-cta': LocalJSX.AppCta & JSXBase.HTMLAttributes<HTMLAppCtaElement>;
+      'app-detailed-service': LocalJSX.AppDetailedService & JSXBase.HTMLAttributes<HTMLAppDetailedServiceElement>;
+      'app-footer': LocalJSX.AppFooter & JSXBase.HTMLAttributes<HTMLAppFooterElement>;
+      'app-home': LocalJSX.AppHome & JSXBase.HTMLAttributes<HTMLAppHomeElement>;
+      'app-img': LocalJSX.AppImg & JSXBase.HTMLAttributes<HTMLAppImgElement>;
+      'app-input': LocalJSX.AppInput & JSXBase.HTMLAttributes<HTMLAppInputElement>;
+      'app-members': LocalJSX.AppMembers & JSXBase.HTMLAttributes<HTMLAppMembersElement>;
+      'app-members-section': LocalJSX.AppMembersSection & JSXBase.HTMLAttributes<HTMLAppMembersSectionElement>;
+      'app-nav-header': LocalJSX.AppNavHeader & JSXBase.HTMLAttributes<HTMLAppNavHeaderElement>;
+      'app-not-found': LocalJSX.AppNotFound & JSXBase.HTMLAttributes<HTMLAppNotFoundElement>;
+      'app-opportunities': LocalJSX.AppOpportunities & JSXBase.HTMLAttributes<HTMLAppOpportunitiesElement>;
+      'app-our-work': LocalJSX.AppOurWork & JSXBase.HTMLAttributes<HTMLAppOurWorkElement>;
+      'app-our-work-single': LocalJSX.AppOurWorkSingle & JSXBase.HTMLAttributes<HTMLAppOurWorkSingleElement>;
+      'app-partners': LocalJSX.AppPartners & JSXBase.HTMLAttributes<HTMLAppPartnersElement>;
+      'app-radio': LocalJSX.AppRadio & JSXBase.HTMLAttributes<HTMLAppRadioElement>;
+      'app-resources': LocalJSX.AppResources & JSXBase.HTMLAttributes<HTMLAppResourcesElement>;
+      'app-search-results': LocalJSX.AppSearchResults & JSXBase.HTMLAttributes<HTMLAppSearchResultsElement>;
+      'app-service-level-agreement': LocalJSX.AppServiceLevelAgreement & JSXBase.HTMLAttributes<HTMLAppServiceLevelAgreementElement>;
+      'app-services': LocalJSX.AppServices & JSXBase.HTMLAttributes<HTMLAppServicesElement>;
+      'app-slider': LocalJSX.AppSlider & JSXBase.HTMLAttributes<HTMLAppSliderElement>;
+      'app-team-landing': LocalJSX.AppTeamLanding & JSXBase.HTMLAttributes<HTMLAppTeamLandingElement>;
+      'app-textarea': LocalJSX.AppTextarea & JSXBase.HTMLAttributes<HTMLAppTextareaElement>;
+      'app-toolbox': LocalJSX.AppToolbox & JSXBase.HTMLAttributes<HTMLAppToolboxElement>;
+      'app-tos': LocalJSX.AppTos & JSXBase.HTMLAttributes<HTMLAppTosElement>;
+      'app-translate': LocalJSX.AppTranslate & JSXBase.HTMLAttributes<HTMLAppTranslateElement>;
+      'content-graphic': LocalJSX.ContentGraphic & JSXBase.HTMLAttributes<HTMLContentGraphicElement>;
+      'lazy-img': LocalJSX.LazyImg & JSXBase.HTMLAttributes<HTMLLazyImgElement>;
+      'open-forge-app': LocalJSX.OpenForgeApp & JSXBase.HTMLAttributes<HTMLOpenForgeAppElement>;
+    }
+  }
+}
+
+
diff --git a/src/pages/app-opportunities/app-opportunities.tsx b/src/pages/app-opportunities/app-opportunities.tsx
index 077e4724..4030689e 100644
--- a/src/pages/app-opportunities/app-opportunities.tsx
+++ b/src/pages/app-opportunities/app-opportunities.tsx
@@ -272,7 +272,17 @@ export class AppOpportunities {
   handleSliders(e) {
     e.preventDefault();
     this.canRequestInterview = true;
-    document.getElementById('hero').scrollIntoView({ block: 'start', behavior: 'smooth' });
+    const element = document.getElementsByTagName('header')[0];
+    setTimeout(() => {
+      const headerOffset = 30;
+      const elementPosition = element.getBoundingClientRect().top;
+      const offsetPosition = elementPosition - headerOffset;
+
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth',
+      });
+    }, 100);
   }
 
   handleFile(e) {