search-results.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Resultado da Pesquisa</title>

  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital&family=Ubuntu:ital,wght@1,700&:ital,wght@0,700;1,300&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="/styles/search-results.css">
  <link rel="stylesheet" href="/styles/main.css">

  <link rel="stylesheet" href="/styles/responsive.css">
</head>
<body>

  <div id="page-search-results">


      <header>
    
        <img src="/assets/logo.svg" alt="logomarca">
    
        <a href="index.html">
        <span></span>
        Voltar para home
        </a>
      </header>
      
      <main>

        <h4>
          <strong>2 pontos</strong> encontrados
        </h4>

        <div class="cards">

          <div class="card">
            <img src="https://images.unsplash.com/photo-1516992654410-9309d4587e94?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="Colectoria">
            <h1>Colectoria</h1>
            <h3>Resíduos Eletronicos, Lâmpadas</h3>
            <p>
              Rio do Sul, Santa Catarina <br/>
              Guilherme Gemballa, jardim América <br/>
              Nº 260
            </p>
          </div>
          
          <div class="card">
            <img src="https://images.unsplash.com/photo-1528323273322-d81458248d40?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="Paperside">
            <h1>Papersider</h1>
            <h3>Papéis e Papelão</h3>
            <p>
              Rio do Sul, Santa Catarina <br/>
              Guilherme Gemballa, jardim América <br/>
              Nº 260
            </p>            
          </div>

        </div>

        
      </main>
     

  </div>

 
  <script src="/scripts/create-points.js"></script>
</body>
</html>