indiatimes markup

.html

<div class="container">
  <header class="header">
    <nav>
      <ul class="header__menu">
        <li class="header__menu-item">item 1</li>
        <li class="header__menu-item">item 2</li>
        <li class="header__menu-item">item 3</li>
      </ul>
    </nav>
    <h1 class="header__title">indiatimes</h1>
    <div class="header__user">
      <img src="http://design.canonical.com/wp-content/uploads/design-team-ant-dillon.jpg" class="header__user-image" />
      <p class="header__user-name">Anthony Dillon</p>
    </div>
  </header>

  <main class="recipe">
    <header class="recipe__hero">
      <img src="http://www.cspinet.org/nah/images/RedLentilCurry.jpg" alt="Bowl of curry" />
    </header>

    <nav class="recipe__nav js__open-nav">
      <ul class="recipe__menu--options">
        <li class="recipe__menu-item">Save</li>
        <li class="recipe__menu-item">Send</li>
        <li class="recipe__menu-item">Remove</li>
      </ul>
      <a href="" class="recipe__menu--forward js__forward" /></a>
    </nav>
    <h1 class="recipe__title">Vegetables For A Healthy Diet</h1>
    <p class="recipe__body">Vegetables are a healthy part of any diet. Whether you're interesting in sculping your body, or just want to tone it that extra bit, vegtables help in improving your overall health by maximizing your weight loss efforts. It is said that just eating 8-9 servings of vegetables in a day. you can improve your body's immunity.</p>
  </main>
</div>