It looks pretty clean, I like it. I’d suggest you add different colors (or add an indicator) to your Online/Offline statuses (maybe green text for Online and red for Offline).
Also, you are getting the horizontal scrollbar because of the .row div wrapping the .container. According to Bootstrap:
Content should be placed within columns, and only columns may be immediate children of rows.
so remove that first <div class="row"></div>, you don’t need it.
And lastly, you don’t need that <body> tag. The code you put to the HTML editor goes to <body> by default in Codepen.
Have fun coding!
Thank you for the feedback!