JSFiddle - React, Tailwind, and code Playground

by the_high_ground_way

HTML

<section class="intro">
      <nav>
        <a href="#" id="menu-icon"></a>
        <ul>
          <li><a href="#about">About Me</a></li>
          <li><a href="#port">Portfolio</a></li>
          <li><a href="#serv">Services</a></li>
          <li><a href="#contact">Contact Me</a></li>
        </ul>
      </nav>
      <div ckass="inner">
        <div class="content">
          <h1>Photography</h1>
          <p>my pictures</p>
        </div>
      </div>
      </section>

CSS

.intro {
      height: 100%;
      width: 100%;
      margin: auto;
      background: url("https://static.pexels.com/photos/248159/pexels-photo-248159.jpeg") no-repeat 50% 50%;
}

JavaScript

<!-- begin snippet: js hide: false console: true babel: null -->

<!-- language: lang-html -->

<!-- end snippet -->