Site icon Hip-Hop Website Design and Development

How do I add a logo to my website?

I would like to know how to do add a logo to my website, before the site title.

<html <?php language_attributes(); ?>>

<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

<?php /* Embeds HTML5shiv to support HTML5 elements in older IE versions plus CSS Backgrounds */ ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5shiv.min.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<?php // Get Theme Options from Database
    $theme_options = smartline_theme_options();
?>

<div id="wrapper" class="hfeed">

    <div id="header-wrap">

        <?php // Display Top Navigation
        if ( has_nav_menu( 'secondary' ) ) : ?>

        <nav id="topnav" class="clearfix" role="navigation">
            <h5 id="topnav-icon"><?php _e('Menu', 'smartline-lite'); ?></h5>
            <?php wp_nav_menu(  array(
                'theme_location' => 'secondary', 
                'container' => false, 
                'menu_id' => 'topnav-menu', 
                'fallback_cb' => '', 
                'depth' => 1)
            );
            ?>
        </nav>

        <?php endif; ?>

        <header id="header" class="clearfix" role="banner">

            <div id="logo" class="clearfix">

                <?php do_action('smartline_site_title'); ?>

                <?php // Display Tagline on header if activated
                if ( isset($theme_options['header_tagline']) and $theme_options['header_tagline'] == true ) : ?>            
                <h2 class="site-description"><?php echo bloginfo('description'); ?></h2>
                <?php endif; ?>

            </div>

            <div id="header-content" class="clearfix">
                <?php get_template_part('inc/header-content'); ?>
            </div>

        </header>

    </div>

    <div id="navi-wrap">

        <nav id="mainnav" class="clearfix" role="navigation">
            <h4 id="mainnav-icon"><?php _e('Menu', 'smartline-lite'); ?></h4>
            <?php // Display Main Navigation
                wp_nav_menu( array(
                    'theme_location' => 'primary', 
                    'container' => false, 
                    'menu_id' => 'mainnav-menu', 
                    'echo' => true, 
                    'fallback_cb' => 'smartline_default_menu')
                );
            ?>
        </nav>

    </div>

    <?php // Display Custom Header Image
        smartline_display_custom_header(); ?>