I removed the breaks as it was placing my cursor on the next line.

Used the following:

              <h3 class="animated hiding type-text" data-animation="fadeIn" data-delay="600"></h3><br><br>

    <script>
    $( function() {
        $( '.type-text' ).teletype( {
            text: [ 'This is my awesome example' ],
            typeDelay: 5,
            loop: 1,
            preserve: true,
            cursor: '_',
        } );
    } );
    </script>