Learn to Create WordPress Themes by Building 5 Projects

Adding the sidebar

In the index.html file, copy the w3-col classes and put that down under the header as shown here:

  </header>    <div class="w3-row">      <div class="w3-col m9 l9">        <h1><span>Photo</span>Genik</h1>      </div>      <div class="w3-col m3 l3">        <input class="w3-input" type="text"         placeholder="Search...">      </div>    </div>  </header></body></html>

Because we want the sidebar on the left, we'll switch the columns, and then we can just get rid of the content inside as shown here:

</header>  <div class="w3-row">    <div class="w3-col m3 l3">          </div>    <div class="w3-col m9 l9">          </div>  </div></body></html>

For the three columns (the first w3-col class in the preceding code), we'll add a list of categories. So let's add <ul> and give it a class of w3-ul