ocaoimh/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Spotify Clone</title>
    <link rel="stylesheet" href="styles/style.css" />
  </head>

  <body>
    <header>
      <div>
        <div>
          <img
            class="spotify-logo"
            src="images/spotify-logo.png"
            alt="spotify logo"
          />
        </div>
        <nav>
          <ul>
            <li><a href="#">Premium </a></li>
            <li><a href="#">Discover </a></li>
            <li><a href="#">Help </a></li>
            <li><a href="#">Download </a></li>
          </ul>
        </nav>
      </div>
    </header>

    <section class="background">
      <h1>Music for everyone.</h1>
      <p>
        Spotify is now free on mobile, tablet and computer. Listen to the right
        music, wherever you are.
      </p>
    </section>

    <h2 class="spot">What's on Spotify?</h2>
    <section class="middle">
      <article class="container">
        <img class="music-icon" src="images/music-icon.png" alt="music icon" />
        <h3>Millions of Songs</h3>
        <p>There are millions of songs on Spotify</p>
      </article>

      <article class="container">
        <img
          class="high-quality"
          src="images/high-quality-icon.png"
          alt="high quality icon"
        />
        <h3>HD Music</h3>
        <p>Listen to music as if you were listening live</p>
      </article>

      <article class="container">
        <img
          class="devices-icon"
          src="images/devices-icon.png"
          alt="devices icon"
        />
        <h3>Stream Everywhere</h3>
        <p>Stream music on your smartphone, tablet or computer</p>
      </article>
    </section>

    <section class="end">
      <div>
        <div class="container2">
          <h2>It's as yeezy as Kanye West.</h2>
          <h3>Search</h3>
          <p>Know what you want to listen to? Just search and hit play.</p>
          <h3>Browse</h3>
          <p>
            Check out the latest charts, brand new releases and great playlists
            for right now.
          </p>
          <h3>Discover</h3>
          <p>
            Enjoy new music every Monday with your own personal playlist. Or sit
            back and enjoy Radio.
          </p>
        </div>
      </div>
      <div>
        <img
          class="spotify app"
          src="images/spotify-app.jpg"
          alt="spotify app"
        />
      </div>
    </section>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Spotify Clone</title>
	<link rel="stylesheet" href="styles/style.css" />
	</head>

	<body>
	<header>
	<div>
	<div>
	<img
	class="spotify-logo"
	src="images/spotify-logo.png"
	alt="spotify logo"
	/>
	</div>
	<nav>
	<ul>
	<li><a href="#">Premium </a></li>
	<li><a href="#">Discover </a></li>
	<li><a href="#">Help </a></li>
	<li><a href="#">Download </a></li>
	</ul>
	</nav>
	</div>
	</header>

	<section class="background">
	<h1>Music for everyone.</h1>
	<p>
	Spotify is now free on mobile, tablet and computer. Listen to the right
	music, wherever you are.
	</p>
	</section>

	<h2 class="spot">What's on Spotify?</h2>
	<section class="middle">
	<article class="container">
	<img class="music-icon" src="images/music-icon.png" alt="music icon" />
	<h3>Millions of Songs</h3>
	<p>There are millions of songs on Spotify</p>
	</article>

	<article class="container">
	<img
	class="high-quality"
	src="images/high-quality-icon.png"
	alt="high quality icon"
	/>
	<h3>HD Music</h3>
	<p>Listen to music as if you were listening live</p>
	</article>

	<article class="container">
	<img
	class="devices-icon"
	src="images/devices-icon.png"
	alt="devices icon"
	/>
	<h3>Stream Everywhere</h3>
	<p>Stream music on your smartphone, tablet or computer</p>
	</article>
	</section>

	<section class="end">
	<div>
	<div class="container2">
	<h2>It's as yeezy as Kanye West.</h2>
	<h3>Search</h3>
	<p>Know what you want to listen to? Just search and hit play.</p>
	<h3>Browse</h3>
	<p>
	Check out the latest charts, brand new releases and great playlists
	for right now.
	</p>
	<h3>Discover</h3>
	<p>
	Enjoy new music every Monday with your own personal playlist. Or sit
	back and enjoy Radio.
	</p>
	</div>
	</div>
	<div>
	<img
	class="spotify app"
	src="images/spotify-app.jpg"
	alt="spotify app"
	/>
	</div>
	</section>
	</body>
	</html>