header.php 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <?php wp_head(); ?>
  8. </head>
  9. <body>
  10. <header id="masthead" class="site-header container-fluid" role="banner">
  11. <div class="container site-branding">
  12. <a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('template_directory'); ?>/img/climatecontrol-new.png" width="300" alt="Climate Control Systems of Greenwood"></a>
  13. <div class="call-to-action right">
  14. <h3 class="work-sans">864-229-1409</h2>
  15. <div class="btn-group">
  16. <button type="button" class="btn btn-call dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  17. Service Request
  18. <span class="caret"></span>
  19. <span class="sr-only">Toggle Dropdown</span>
  20. </button>
  21. <ul class="dropdown-menu">
  22. <li><a href="service">Service Request</a></li>
  23. <li><a href="estimate">Estimate Request</a></li>
  24. <li><a href="survey">Survey</a></li>
  25. <li><a href="contact">Contact</a></li>
  26. </ul>
  27. </div>
  28. </div>
  29. </div>
  30. <nav class="container navbar navbar-default navbar-inverse" role="navigation">
  31. <div class="navbar-header">
  32. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. </button>
  37. </div>
  38. <div class="collapse navbar-collapse">
  39. <?php wp_nav_menu( array(
  40. 'menu' => 'primary',
  41. 'theme_location' => 'primary',
  42. 'depth' => 3,
  43. 'container' => false,
  44. 'menu_class' => 'nav navbar-nav',
  45. 'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
  46. 'walker' => new wp_bootstrap_navwalker())
  47. );
  48. ?>
  49. </div>
  50. </nav>
  51. </header>