<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <? wp_head(); ?>
</head>

<body <? body_class(); ?>>

    <!-- <div id="preloader">
        <div id="loader">
            <div class="lds-facebook">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div> -->

    <header class="header <? is_front_page() ? print 'header--absolute': '' ?>">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="header__content scrollreveal">
                        <div class="header__logo">
                            <a href="#">
                                <img src="<? bloginfo('template_url') ?>/assets/images/logo.jpg" alt="">
                            </a>
                        </div>
                        <div class="header__search">
                            <form action="">
                                <input type="text" placeholder="O que você procura?">
                                <button type="submit" title="Pesquisar"><i class="fa-solid fa-magnifying-glass"></i></button>
                            </form>
                        </div>
                        <div class="header__nav-btn">
                            <div class="header__nav-icon">
                                <div class="header__nav-icon-bar header__nav-icon-bar--1"></div>
                                <div class="header__nav-icon-bar header__nav-icon-bar--2"></div>
                                <div class="header__nav-icon-bar header__nav-icon-bar--3"></div>
                            </div>
                            <span>Menu</span>
                        </div>
                        <nav class="header__nav">
                            <ul class="header__nav-list">
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--home">Home</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--mapas">Mapas conceituais</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--sobre">Sobre Joel Pontin</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--livro">Adquira o livro</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--blog">Blog</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--podcasts">Podcasts</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--video">Vídeo Aulas</a>
                                </li>
                                <li class="header__nav-item">
                                    <a href="#" class="header__nav-link header__nav-link--contato">Contato</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- <a href="https://api.whatsapp.com/send?phone=5511999225544" target="_blank" class="whatsapp-fixed" title="WhatsApp">
        <i class="fab fa-whatsapp"></i>
    </a> -->
    <main>