Changes in Index.HTML Not Showing

<header>
  <img src="http://placeimg.com/400/400/nature" alt="photo of nature" class="profile-image">
  <h1 class="tag name">Hello, I’m Leslie.</h1>
  <p class="tag location">My home is Milpitas, California.</p>
</header>

<main class="flex">
  <div class="card">
    <h2 class="card-title">Background</h2>
    <ul>
        <li>I’m an aspiring web designer who loves everything about the web. I've lived in lots of different places and have worked in lots of different jobs.</li>
        <li>I’m excited to bring my life experience to the process of building fantastic looking websites.</li>
        <li>I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</li>
        <li>To learn more, <a href="resume.html">view my resume.</a></li>
     </ul>
     <h3>A New Subsection</h3>
  </div> 

  <div class="card">
    <h2 class="card-title">Goals</h2>
    <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
    <ul class="skills">
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Ruby</li>
      <li>Rails</li>
    </ul>
    <p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
  </div> 

</main>
<footer>
  <ul>
    <li><a href="#" class="social twitter">Twitter</a></li>
    <li><a href="#" class="social linkedin">LinkedIn</a></li>
    <li><a href="#" class="social github">Github</a></li>
  </ul>
  <p class="copyright">Copyright 2015, Jane Smith</p>
</footer><script> document.querySelector("img").src += "?nocache=" +Math.random();</script>