--- title: Pike's Custom Module Library --- This is an optional promo bar 🎉 # This is Pike Theme The Custom Module Library This library is made up of modules that we have created for different clients and may not contain all the configuration parameters of the standard Pike modules. ### Index - [BOFU Cover ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#bofu_cover) - [Cards hidden info ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#cards_hidden_info) - [Cascading images v2 ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#cascading_images_v2) - [CTA case study ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#cta_case_study) - [Interactive maps ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#interactive_maps) - [Logos grid ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#logos_grid) - [Lottie files ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#lottie_files) - [Modal switcher ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#model_switcher) - [Step process ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#step_process) - [Sticky subnav bar ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#sticky_subnav_bar) - [Tags at top ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#tags_at_top) - [Testimonial carousel ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#testimonial_carousel) - [Video background ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#video_background) ## BOFU Cover ## Lorem ipsum dolor sit amet Nam efficitur, ligula ac accumsan porta, orci tellus aliquam libero, sit amet finibus arcu ipsum vel ex. [ Learn more ](https://www.instrumental.net) ## Cards hidden info ![Icon_cardShadow](https://8560332.fs1.hubspotusercontent-na1.net/hub/8560332/hubfs/Icon_cardShadow.png?width=40&height=40&name=Icon_cardShadow.png) #### [Here is the title](https://www.instrumental.net) Here is the short description [Button](https://www.instrumental.net) ![Icon_cardShadow](https://8560332.fs1.hubspotusercontent-na1.net/hub/8560332/hubfs/Icon_cardShadow.png?width=40&height=40&name=Icon_cardShadow.png) #### [Here is the title](https://www.instrumental.net) Here is the short description [Button](https://www.instrumental.net) ![Icon_cardShadow](https://8560332.fs1.hubspotusercontent-na1.net/hub/8560332/hubfs/Icon_cardShadow.png?width=40&height=40&name=Icon_cardShadow.png) #### [Here is the title](https://www.instrumental.net) Here is the short description [Button](https://www.instrumental.net) ![Icon_cardShadow](https://8560332.fs1.hubspotusercontent-na1.net/hub/8560332/hubfs/Icon_cardShadow.png?width=40&height=40&name=Icon_cardShadow.png) #### [Here is the title](https://www.instrumental.net) Here is the short description [Button](https://www.instrumental.net) ## Cascading images V2 ![generic_panoramic_photo](https://hubspot-developers-q29yfx-8519398.hs-sites.com/hubfs/generic_panoramic_photo.svg) ![generic_photo](https://hubspot-developers-q29yfx-8519398.hs-sites.com/hubfs/generic_photo.svg) ![generic_user](https://hubspot-developers-q29yfx-8519398.hs-sites.com/hubfs/generic_user.svg) ![joven-ejecutiva-tomando-curso-de-ingles-en-linea-1](https://hubspot-developers-q29yfx-8519398.hs-sites.com/hs-fs/hubfs/Imported_Blog_Media/joven-ejecutiva-tomando-curso-de-ingles-en-linea-1.jpg?width=800&height=600&name=joven-ejecutiva-tomando-curso-de-ingles-en-linea-1.jpg) ## CTA case study ![image](https://39671236.fs1.hubspotusercontent-na1.net/hub/39671236/hubfs/website-2023/homepage/image.png?width=260&height=147&name=image.png) ##### A step-by-step guide to secure your users' digital data ### Enhancing security within the banking industry Read the case Study ## Interactive maps Description of the module ![map-xs](https://20852411.fs1.hubspotusercontent-na1.net/hubfs/20852411/map-xs.svg) ## Experience True Belonging Experience worry-free living in our pet-friendly homes with elegant finishes, convenient amenities, and top-notch safety features. Our properties are thoughtfully located with your needs in mind, ensuring you have everything you and your family require to be utterly content. Plus, with our 24-hour customer service team always ready to lend a helping hand, you can truly enjoy peace of mind. ## Logos grid An alternative module to pike's "Logos Grid" module to solve the centering issue in rows with different numbers of logos. ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ![first-interstate-bank-logo-gray](https://go.360view.com/hs-fs/hubfs/Website%202023/images/client-logos/first-interstate-bank-logo-gray.png?width=480&height=300&name=first-interstate-bank-logo-gray.png) ## Lottie files ## Modal switcher ##### You are about to exit for another CIRCA Scientific Country- or Region-Specific Website Please be aware that the website you have requested is intended for the residents of a particular country or region, as noted on that site. As a result, the site may contain information on products or uses of those products that are not approved in other countries or regions. **Do you wish to continue and exit this website?** [ Continue in this region ](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#test) Yes, I want to change my region ##### Select Region ##### America ##### America ##### America ##### America ##### America click here ## Step process ![eis](https://22215659.fs1.hubspotusercontent-na1.net/hub/22215659/hubfs/3.1%20FAQs/eis.png?width=1878&height=1878&name=eis.png) ### Step 1 A query parameter is a string of text added to the end of a URL after a question mark (?). It is generally used to provide additional information about how a visitor accessed a page ![eis](https://22215659.fs1.hubspotusercontent-na1.net/hub/22215659/hubfs/3.1%20FAQs/eis.png?width=1878&height=1878&name=eis.png) ### Step 1 A query parameter is a string of text added to the end of a URL after a question mark (?). It is generally used to provide additional information about how a visitor accessed a page ![eis](https://22215659.fs1.hubspotusercontent-na1.net/hub/22215659/hubfs/3.1%20FAQs/eis.png?width=1878&height=1878&name=eis.png) ### Step 1 A query parameter is a string of text added to the end of a URL after a question mark (?). It is generally used to provide additional information about how a visitor accessed a page ![eis](https://22215659.fs1.hubspotusercontent-na1.net/hub/22215659/hubfs/3.1%20FAQs/eis.png?width=1878&height=1878&name=eis.png) ### Step 1 A query parameter is a string of text added to the end of a URL after a question mark (?). It is generally used to provide additional information about how a visitor accessed a page ![eis](https://22215659.fs1.hubspotusercontent-na1.net/hub/22215659/hubfs/3.1%20FAQs/eis.png?width=1878&height=1878&name=eis.png) ### Step 1 A query parameter is a string of text added to the end of a URL after a question mark (?). It is generally used to provide additional information about how a visitor accessed a page ![eis](https://22215659.fs1.hubspotusercontent-na1.net/hub/22215659/hubfs/3.1%20FAQs/eis.png?width=1878&height=1878&name=eis.png) ### Step 1 A query parameter is a string of text added to the end of a URL after a question mark (?). It is generally used to provide additional information about how a visitor accessed a page ## Sticky subnav bar ## Tags at top ### Recent Posts - [Tag A (3)](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/blog/tag/tag-a) - [Tag B (1)](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/blog/tag/tag-b) - [Tag C (1)](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/blog/tag/tag-c) - [Tag D (1)](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/blog/tag/tag-d) ### Filter by tag: Select Tag A Tag B Tag C Tag D ## Testimonial carousel ![generic_user](https://hubspot-developers-q29yfx-8519398.hs-sites.com/hubfs/generic_user.svg) Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Roberto Pacheco [ Web Strategist at Instrumental ](https://www.instrumental.net) ![generic_user](https://hubspot-developers-q29yfx-8519398.hs-sites.com/hubfs/generic_user.svg) Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Roberto Pacheco [ Web Strategist at Instrumental ](https://www.instrumental.net) ## Video background ## Algo contundente ### Dile más al lector El encabezado y su respectivo resumen nos dicen más sobre lo que [ofreces](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#) y el encabezado del formulario cierra el negocio. Aquí puedes explicar por qué tu oferta es tan buena que merece la pena rellenar un formulario. Recuerda: - Las viñetas son geniales - para mostrar los [beneficios](https://hubspot-developers-q29yfx-8519398.hs-sites.com/pike/custom-module-library#) y - convertir visitantes en leads.