get_theme_file_uri example

front-page.php

<?php get_header();

?>
<div class="Home-Banner" style="background-image: url(<?php echo get_theme_file_uri('/images/HomeSection1.png') ?>);">
    <div style="width:60%">
        <h1 >We Are WordPress Website Creators</h1>
        <button class="Hero-btn">Know More About Us</button>
    </div>        
</div>

<div class="Home-three-column" style="background-color: #101728">
    <div style="width:33%; background-color:#220964a4; border-radius:10px; padding:20px; margin:10px;" >
    <img width="150" height="150" src="<?php echo get_theme_file_uri('images/WordPressDevelopment.png') ?>" alt="WordPress Development"/>
        <h1 >WordPress Development</h1>
        <button class="Hero-btn">Future Vision</button>
    </div> 
    <div style="width:33%; background-color:#220964a4; border-radius:10px; padding:20px; margin:10px;">
        <h1 >WordPress Creation</h1>
        <button class="Hero-btn">Product Design</button>
    </div>
    <div style="width:33%; background-color:#220964a4;border-radius:10px; padding:20px; margin:10px;">
        <h1 >WordPress Technical Support</h1>
        <button class="Hero-btn">Innovative Solution</button>
    </div>       
</div>

<?php get_footer();

?>