HubSpot CMS

Header 2 Module

Header 2 module, modern.

Created by: il-hubspot

Tags: Header / Heros

Unverified
?

After receiving a minimum of 25 recommendations, an entry earns the "Community Approved" badge.

Please keep in mind, all entries are community created and may not be fully supported by HubSpot.

0 Recommendations

View on:

GitHub

HubSpot Marketplace

HTML + HUBL


{{ require_css("//cdn2.hubspot.net/hubfs/346178/designmodo/ui-kit/ui-kit-header/css/ui-kit-styles.css") }}
<!-- header-2 -->
<header class="header-2" style="display: none;"></header>
<section class="header-2-sub bg-{{ widget.background_color }}">
    <div class="background">&nbsp;</div>
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2">
                <div class="hero-unit">
                    {{ widget.header }}
                </div>
                <div class="btns">
                    {% if widget.button_1_link %}
                    <a class="btn btn-inverse" href="{{ widget.button_1_link }}">{{ widget.button_1_text }}</a>
                    {% endif %}
                    
                    {% if widget.button_2_link %}
                    <a class="btn btn-danger" href="{{ widget.button_2_link }}">{{ widget.button_2_text }}</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</section>

          
        
CSS
          
            
          
        
JS
          
            
          
        
Have Questions?

Ask technical questions in Slack.

HubSpot Developer Slack

Not a member yet? - join here
READ ME (VIEW IN GITHUB)

SUF HEADER 2

The Header module can be easily added to your existing HubSpot website and allows you create a centered header with text and custom colors


The HEADER 2 module demo can be visited here:

https://w.inboundlabs.co/header234demo


The HEADER 2 module is FREE and is part of the Startup Framework FREE and PAID packages:

https://marketplace.hubspot.com/products/inboundlabs/startup-framework-marketplace


Have Questions?

If you have questions, please email me at github (at) inboundlabs.co


HubSpot

Not developing on HubSpot CMS yet?

We'd love to have you a part of our developer community!

 
0 Recommendations

Other Open Source Projects

Browse all other open source projects

CrankShaft Framework

A modern framework for accelerating build times on the HubSpot CMS. Based on a modified Bootstrap 4 framework.

Lead developers: Jon McLaren

Developer Chrome Extension

Chrome/Chromium extension for HubSpot CMS Developers that adds a developer menu, dark theme and useful shortcuts to commonly used HubSpot query parameters, resources, and tools for making HubSpot Development easier and more enjoyable.

Lead developers: Jon McLaren , William Spiro , Gonzalo Torreras

VS Code HubL Language Extension

This extension enables super fast local development of CMS pages, and is a great compliment to using the new local HubL server. It contains comprehensive HubL tag, function, filter and expression test auto-complete snippets, as well as their documentation.

Lead developers: William Spiro

Not coding on HubSpot CMS yet?

We invite you to explore why thousands of developers LOVE coding with HubSpot!

Contribute
Made with  by community members: InboundLabs.co