The Info section is used to image and text content and alignment can be alternated. Can also display buttons.
2 info section with different background colors. First info section is aligned left, Second info section is aligned right and has buttons.
sections: - template: info options: paddingTop: true # true/false paddingBottom: true # true/false borderTop: false # true/false borderBottom: false # true/false theme: base # "base", "base-offset", "primary", "primary-offset" - Uses color variables from `data/themes.json` to theme the section classes: "" # "my-class my-class-2" - Add custom classes to the section div for custom CSS styling align: left # "left", "right" - Aligns the text and image heading: Better Performance description: Why wait for pages to build on the fly when you can generate them at deploy time? When it comes to minimizing the time to first byte, nothing beats pre-built files served over a CDN. image: https://source.unsplash.com/qtYhAQnIwSE/800x600y buttons: - button: text: Features # "Read More" - Text on the button external: true # true/false - Use when linking to other websites, the button will open in a new window url: "/features" buttonTheme: primary # "base", "primary" - button: text: Blog # "Read More" - Text on the button external: true # true/false - Use when linking to other websites, the button will open in a new window url: "/posts" buttonTheme: base # "base", "primary"