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

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title><?php wp_title(''); ?></title>
    <?php wp_head(); ?>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Beth+Ellen&display=swap" rel="stylesheet">
</head>

<body  <?php body_class(); ?>>
<!-- wrapper START -->
<div id="wrap">

<!-- masthead -->
    <header>
        <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <p><?php bloginfo('description'); ?></p>
    </header>

<!-- main nav -->
<nav class="sitenav" role="navigation">
    <button class="menu-toggle" aria-label="Toggle menu">
        <span></span>
        <span></span>
        <span></span>
    </button>
    <div class="menu-wrapper">
        <?php wp_nav_menu( array( 'theme_location' => 'sitenav', 'container' => '',  ) ); ?>
    </div>
</nav>