en en en en vi en en en en en en en en en en en en en en en en en en en en en en en en en pt en en en en en en en en id de ca en en en en ceb en en en en en en en la en la en en la en la en la en en la en en en en en en en en en en en en en en es en it en de en en en en en en en
B12es_home | B12 Enterprise Solutions
Agile, Automation, and Advanced Technology
For the love of innovation
Application Lifecycle Management (ALM) in the Cloud
B12 is your one-stop shop for your business.
Our team is made up of seasoned executives and industry executives with decades of leadership in thier respective lines of business.
Agile Head and Strategist
VP, Enterprise Solutions and Strategy
WHAT OUR CLIENTS ARE SAYING...
Fusce vehicula dolor arcu, sit amet blandit dolor mollis nec. Donec viverra eleifend lacus, vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices. Donec euismod scelerisque ligula. Maecenas eu varius risus, eu aliquet arcu. Curabitur fermentum suscipit est, tincidunt mattis lorem luctus id. Donec eget massa a diam condimentum pretium. Aliquam erat volutpat..
erisque ligula. Maecenas eu varius risus, eu aliquet arcu. Curabitur fermentum suscipit est, tincidunt mattis lorem luctus id. Donec eget massa a diam condimentum pretium. Aliquam erat volutpat..Fusce vehicula dolor arcu, sit amet blandit dolor mollis nec. Donec viverra eleifend lacus, vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices. Donec euismod scel
Curabitur fermentum suscipit est, tincidunt mattis lorem luctus id. Donec eget massa a diam condimentum pretium. Aliquam erat volutpat..Fusce vehicula dolor arcu, sit amet blandit dolor mollis nec. Donec viverra eleifend lacus, vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices. Donec euismod scelerisque ligula. Maecenas eu varius risus, eu aliquet arcu.
WHAT OUR CLIENTS ARE SAYING...
Fusce vehicula dolor arcu, sit amet blandit dolor mollis nec. Donec viverra eleifend lacus, vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices. Donec euismod scelerisque ligula. Maecenas eu varius risus, eu aliquet arcu. Curabitur fermentum suscipit est, tincidunt mattis lorem luctus id. Donec eget massa a diam condimentum pretium. Aliquam erat volutpat..
erisque ligula. Maecenas eu varius risus, eu aliquet arcu. Curabitur fermentum suscipit est, tincidunt mattis lorem luctus id. Donec eget massa a diam condimentum pretium. Aliquam erat volutpat..Fusce vehicula dolor arcu, sit amet blandit dolor mollis nec. Donec viverra eleifend lacus, vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices. Donec euismod scel
Curabitur fermentum suscipit est, tincidunt mattis lorem luctus id. Donec eget massa a diam condimentum pretium. Aliquam erat volutpat..Fusce vehicula dolor arcu, sit amet blandit dolor mollis nec. Donec viverra eleifend lacus, vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices. Donec euismod scelerisque ligula. Maecenas eu varius risus, eu aliquet arcu.
Copyright 2018 © All rights reserved.
This header showcases a few main aspects of our bar styling options—but certainly not all!
First, we have a transparent, "absolute" bar overhanging everything. That bar is the one that houses this off canvas area.
Next, we have our "full-height" bar that is actually using a little bit of CSS magic to offset the height of the bar below it (notice how that bar is always positioned at the bottom of the screen). Additionally, notice how the text and buttons inside this bar respond to the sizing of the viewport all without the need for JavaScript.
Then, we have our last visible bar that houses our logo and navigation. This bar becomes sticky as you scroll down the screen, and also shrinks to a specified ratio of its original size. Notice how the links maintain their positioning and the logo scales automatically. Also, we've turned on our "content scrolling" for this bar, allowing its contents to be scrolled horizontally on smaller screens, a pattern we're seeing much more of on mobile devices these days.
Finally, as you scroll further down the page, you'll notice a final sticky bar slide in...from out of nowhere! This utilizes our "initially hidden" option, which allows you to bring in content further down a page as needed, perfect for the calls to action in our example.
This is only a sliver of what is possible with our new bar styling options available in our header builder. We've abstracted out a core set of useful features to achieve complex navigation layouts, and then our styling and JavaScript takes care of the rest intelligently. We look forward to seeing what you create with these new tools!