After creating LWC now create the HTML file

In the cloud_Pub_Sub.html file paste this code

<template>
    <div class="slds-card">
      <div class="slds-card__header slds-grid">
            <header class="slds-media slds-media_center slds-has-flexi-truncate">
                <div class="slds-media__body">
                    <h2 class="slds-card__header-title">
                        <a href="#" class="slds-card__header-link slds-truncate" title="Data From Website">
                            <span>Data From Website</span>
                        </a>
                    </h2>
                </div>
                <div class="slds-no-flex">
                    <button class="slds-button slds-button_neutral" onclick={getMessages}>View Data</button>
                </div>
            </header>
        </div>
        <div class="slds-card__body slds-card__body_inner ">
            <template if:true={messages} for:each={messages} for:item="message">
                <div key={message.messageId} class="shadow-box " >
                    <p>Full Name: {message.data.name}</p>
                    <p>Email: {message.data.email}</p>
                    <p>Phone: {message.data.phone}</p>
                    <p>Website: {message.data.website}</p>
                    <p>Message: {message.data.message}</p>
                </div>
            </template>
        </div>
    </div> 
</template>