<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
	<title>Nathalie Paget</title>
  
  <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/style.css"> 

</head>
<body>
   <div class="container-fluid">
   
      <header class="row">
        <div class="col-12 col-sm-4 col-md-4">
          <?php
            $custom_logo_id = get_theme_mod( 'custom_logo' );
            $image = wp_get_attachment_image_src( $custom_logo_id , 'full' );                    
          ?>
          <img src="<?php echo $image[0]; ?>" alt="<?php bloginfo('title'); ?>" /> 
          <br><br>
          <h1><?php bloginfo('title'); ?></h1>
        </div>
        <div class="col-12 col-sm-8 col-md-8">

          <nav class="navbar navbar-expand-lg navbar-light">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
          
            <div class="collapse navbar-collapse" id="navbarToggleExternalContent">
                <?php wp_nav_menu( array( 'container' => '','items_wrap' => '<ul class="navbar-nav mr-auto">%3$s</ul>' ) ); ?>
              </div>
            </nav>
          
        </div>
      </header>