<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Pedro Miguel</title>
	<script src="style.js" defer></script>
	<script src="styleguide.js" defer></script>
	<script src="globals.js" defer></script>
    <script src="script.js" defer></script>
  </head>
  <body>
    <div class="loading-screen" id="loadingScreen">
      <div class="spinner-container">
        <div class="spinner"></div>
        <img class="loading-image" src="img/loader.png" alt="Loading" />
      </div>
    </div>

    <div class="profiles-page">
      <div class="overlap-group-wrapper">
        <div class="overlap-group">
          <header class="header">
            <div class="logo">
              <a href="index.html"><div class="logo-img-wrapper"><img class="logo-img" src="img/logo.png" /></div></a>
            </div>
          </header>
          <div class="content">
            <div class="text-wrapper">Who’s watching?</div>
            <div class="profile-cards">
              <div class="profile-card" data-link="coming-soon.html">
                <div class="profile-picture"></div>
                <div class="murat">Client</div>
              </div>
              <div class="profile-card" data-link="https://www.linkedin.com/in/pedro639/">
                <div class="profile-picture-1"></div>
                <div class="murat-2">Recruiter</div>
              </div>
              <div class="profile-card" data-link="coming-soon.html">
                <div class="profile-picture-2"></div>
                <div class="murat-3">Non-Profit</div>
              </div>
              <div class="profile-card" data-link="coming-soon.html">
                <div class="profile-picture-3"></div>
                <div class="murat-4">Just Curious</div>
              </div>
            </div>
            <div class="profilleri-ynet">
				<div class="PROF-LLER-y-NET"><a href="mailto:create@pmiguel.com">create@pmiguel.com</a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>