Guttenberg Blocks

By: Logz.io
December 19, 2024

    Code Block:

       import { NestFactory } from '@nestjs/core';
       import { AppModule } from './app.module';
        
       async function bootstrap() {
        require('./tracing.js')
        const app = await NestFactory.create(AppModule);
        await app.listen(3000);
       }
       bootstrap();
       import { NestFactory } from '@nestjs/core';
       import { AppModule } from './app.module';
        
       async function bootstrap() {
        require('./tracing.js')
        const app = await NestFactory.create(AppModule);
        await app.listen(3000);
       }
       bootstrap();
       
       import { NestFactory } from '@nestjs/core';
       import { AppModule } from './app.module';
        
       async function bootstrap() {
        require('./tracing.js')
        const app = await NestFactory.create(AppModule);
        await app.listen(3000);
       }
       bootstrap();

    Quick Summary (Light Blue)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi. Aliquam porta suscipit leo quis volutpat. Aliquam a scelerisque tortor. Maecenas at varius nibh, et varius metus. Donec finibus tristique risus. Nullam vestibulum metus nisl, non tristique mi finibus in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor, convallis eleifend lorem porttitor. Nulla nec augue in magna rutrum porttitor non quis felis.

    Quick Summary (Yellow)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi. Aliquam porta suscipit leo quis volutpat. Aliquam a scelerisque tortor. Maecenas at varius nibh, et varius metus. Donec finibus tristique risus. Nullam vestibulum metus nisl, non tristique mi finibus in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor, convallis eleifend lorem porttitor. Nulla nec augue in magna rutrum porttitor non quis felis.

    Quick Summary (Dark Blue)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi. Aliquam porta suscipit leo quis volutpat. Aliquam a scelerisque tortor. Maecenas at varius nibh, et varius metus. Donec finibus tristique risus. Nullam vestibulum metus nisl, non tristique mi finibus in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor, convallis eleifend lorem porttitor. Nulla nec augue in magna rutrum porttitor non quis felis.

    Impact Block (3 in Row)

    Lorem ipsum
    blandit eu dolor id, ullamcorper fermentum lectus
    Donec dolor elit
    convallis quis tellus in, ultrices feugiat mi.
    Nullam quis mi nec
    urna consequat sodales non a quam

    Impact Block (2 in Row)

    Lorem ipsum
    blandit eu dolor id, ullamcorper fermentum lectus
    Donec dolor elit
    convallis quis tellus in, ultrices feugiat mi.

    Impact Block (1 in Row)

    Lorem ipsum
    blandit eu dolor id, ullamcorper fermentum lectus

    Impact Block (3 in Row + Big Font Size)

    Lorem ipsum
    blandit eu dolor id, ullamcorper fermentum lectus
    Donec dolor elit
    convallis quis tellus in, ultrices feugiat mi.
    Nullam quis mi nec
    urna consequat sodales non a quam

    Anchors Section

    Lorem ipsum dolor sit amet
    Learn More
    Integer ex risus, maximus in varius ut, cursus at augue
    See How
    Sed egestas dapibus mi non pulvinar
    Get in touch

    Accordion (FAQs)

    Lorem ipsum dolor sit amet, consectetur

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi. Aliquam porta suscipit leo quis volutpat. Aliquam a scelerisque tortor. Maecenas at varius nibh, et varius metus. Donec finibus tristique risus. Nullam vestibulum metus nisl, non tristique mi finibus in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor, convallis eleifend lorem porttitor. Nulla nec augue in magna rutrum porttitor non quis felis.

    Nullam quis mi nec urna consequat sodales

    Nullam quis mi nec urna consequat sodales non a quam. Suspendisse volutpat volutpat est, ac cursus orci. Integer mattis eros et cursus pulvinar. Quisque ac lectus orci. Duis sapien sem, pharetra vel ultricies nec, sagittis a erat. In porttitor mattis massa, sit amet vestibulum tortor semper vel. Sed cursus nibh a tellus aliquam, sed vestibulum est ornare. Fusce nisi augue, varius ut lectus nec, vulputate cursus lectus. Phasellus dapibus tincidunt lorem et ultrices. Suspendisse vestibulum neque in odio viverra, ac laoreet dolor sodales. Nunc ut felis vitae risus bibendum tincidunt dapibus vel est. In semper dui at est varius maximus. Duis non augue velit. Suspendisse bibendum iaculis euismod.

    Pellentesque habitant morb

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin quis dapibus mi. Proin dictum enim eget diam finibus, in eleifend ex ornare. Quisque dictum dolor in nisl accumsan molestie. Mauris vitae lorem velit. Suspendisse fermentum sed neque interdum mattis. In arcu est, mattis quis diam ac, finibus malesuada felis. Nam id justo sit amet nibh interdum tincidunt.

    Cards (3 Items)

    Lorem ipsum dolor
    Rulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi.
    Nullam vestibulum metus nisl
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor
    Nullam quis mi nec
    Duis sapien sem, pharetra vel ultricies nec, sagittis a erat. In porttitor mattis massa, sit amet vestibulum tortor semper vel

    Cards (2 Items)

    Lorem ipsum dolor
    Rulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi.
    Nullam vestibulum metus nisl
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor

    Cards (2 Items + Centred Content)

    Lorem ipsum dolor
    Rulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi.
    Nullam vestibulum metus nisl
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor

    Cards (2 Items + Centred Content + Dark Button)

    Lorem ipsum dolor
    Rulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi.
    Nullam vestibulum metus nisl
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor

    Cards (2 Items + Label)

    Step 1
    Lorem ipsum dolor
    Rulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi.
    Step 2
    Nullam vestibulum metus nisl
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor

    Numbered List (we can change the colors)

    1
    Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi. Aliquam porta suscipit leo quis volutpat.

    2
    Nullam quis mi nec urna consequat

    Nullam quis mi nec urna consequat sodales non a quam. Suspendisse volutpat volutpat est, ac cursus orci. Integer mattis eros et cursus pulvinar

    3
    Pellentesque habitant morbi

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin quis dapibus mi. Proin dictum enim eget diam finibus, in eleifend ex ornare. Quisque dictum dolor in nisl accumsan molestie. Mauris vitae lorem velit. Suspendisse fermentum sed neque interdum mattis. In arcu est, mattis quis diam ac, finibus malesuada felis. Nam id justo sit amet nibh interdum tincidunt.

    Cards With Numbers or Icons (DevOps 2024: Cards With Icons)

    1

    Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta. Curabitur mauris tortor, blandit eu dolor id, ullamcorper fermentum lectus. Donec dolor elit, convallis quis tellus in, ultrices feugiat mi. Aliquam porta suscipit leo quis volutpat. Aliquam a scelerisque tortor. Maecenas at varius nibh, et varius metus. Donec finibus tristique risus. Nullam vestibulum metus nisl, non tristique mi finibus in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare erat mattis lorem porttitor, convallis eleifend lorem porttitor. Nulla nec augue in magna rutrum porttitor non quis felis.

    2

    Nullam quis mi nec

    tortor semper vel. Sed cursus nibh a tellus aliquam, sed vestibulum est ornare. Fusce nisi augue, varius ut lectus nec, vulputate cursus lectus. Phasellus dapibus tincidunt lorem et ultrices. Suspendisse vestibulum neque in odio viverra, ac laoreet dolor sodales. Nunc ut felis vitae risus bibendum tincidunt dapibus vel est. In semper dui at est varius maximus. Duis non augue velit. Suspendisse bibendum iaculis euismod.

    3

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin quis dapibus mi. Proin dictum enim eget diam finibus, in eleifend ex ornare. Quisque dictum dolor in nisl accumsan molestie. Mauris vitae lorem velit. Suspendisse fermentum sed neque interdum mattis. In arcu est, mattis quis diam ac, finibus malesuada felis. Nam id justo sit amet nibh interdum tincidunt.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

    Listen On Buttons

    More On The Subject (3 Items in Row)

    More On The Subject (2 Items in Row)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur lectus ligula, at congue turpis egestas id. Curabitur lobortis luctus porta

    Get started for free

    Completely free for 14 days, no strings attached.