BC Section
This Block is used to be the most versatile block we have. It can be used for CTA’s, or just plain ole content sections.
Section:
- ID
- Classes
- background image
- background video
- background overlay
Add 50% Image:
- Inc image
- Which side image displays
- Width of the image
- Image
Section Rows:
- Custom classes
- Section inside classes
- Section insides background image
- Section content
- -list-icons
- This is add an icon for ul elements. Add the class to this section
Global Changes
PHP
/bc/wp-content/themes/bc3/default-blocks/bc-block-section.php
SCSS
/bc/wp-content/themes/bc3/default-blocks/bc-block-section.scss
Overrides
Create a new SCSS file for individual blocks that need independent styling
Example file path/name: /bc/wp-content/themes/bc3/components/bc-block-section__main-content.scss
Section Variations
I am a section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor,
I am a 50/50 section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor.
I am a 50/50 section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor.
I am a 50/50 section
Add a custom class to add another section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor.
Call Us (407) 992-8877I am a 50/50 section
Add a custom class to add another section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor.
Request a QuoteI am a section with overlay and image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor,
I am a section with overlay
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor,
I am a section with overlay and no container
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit eros at luctus malesuada. In a molestie nunc, molestie dictum lorem. Vestibulum consequat diam hendrerit vehicula dapibus. Mauris rutrum ligula tortor,
I am using the section inside background image and classes
Our tethered drones are fielded by branches of the Armed Forces and industry partners to provide a mobile ad-hoc network of flying communications or ISR nodes.
I am using the section inside background image and classes
Hoverfly Technologies is the leader in tether-powered drone systems. Over time, we have evolved from creating flight controllers to designing and providing industry leading tethered drones for defense, communication, and security solutions.
