rogercamara.github.io/email.html at master · rogercamara/rogercamara.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<!-- saved from url=(0057)file:///Users/roger/Desktop/DailyDigest_sample_email.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>DailyDigest - Exemplo</title>
  <style>
    body { font-family: Arial, sans-serif; background: #f6f7fb; margin:0; padding:0; }
    .container { max-width: 720px; margin: 0 auto; background: #fff; }
    .header { background: #111827; color:#fff; padding:20px; }
    .header h1 { margin:0; font-size:24px; }
    .header p { margin:0; opacity:0.8; }
    .intro { padding:20px; font-size:15px; color:#555; }
    .article { border:1px solid #e5e7eb; border-radius:8px; margin:20px; overflow:hidden; }
    .article img { width:100%; height:auto; display:block; }
    .article-content { padding:15px; }
    .article-content h2 { margin:0; font-size:18px; }
    .article-content p { margin:10px 0; font-size:14px; color:#555; }
    .btn { display:inline-block; background:#0F62FE; color:#fff; text-decoration:none; padding:8px 12px; border-radius:6px; font-size:12px; }
    .footer { padding:20px; font-size:12px; color:#777; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <h1>Olá Roger</h1>
      <p>As principais notícias da semana - 01/08/2025</p>
    </div>
    <div class="intro">
      Seleção fictícia de manchetes para demonstração do template .
    </div>

    <div class="article">
      <img src="https://placehold.co/720x404" alt="Imagem">
      <div class="article-content">
        <h2>Mercado imobiliário registra crescimento histórico</h2>
        <p>Novos dados mostram expansão recorde no setor de imóveis de alto padrão no Brasil.</p>
        <small>InfoMoney</small>
</br><br>
        <a class="btn" href="https://example.com/news1" target="_blank">Ler a matéria</a>
      </div>
    </div>

    <div class="article">
      <img src="https://placehold.co/720x404" alt="Imagem">
      <div class="article-content">
        <h2>Investidores estrangeiros ampliam participação no mercado brasileiro</h2>
        <p>Fluxo de capital estrangeiro aumenta interesse por imóveis comerciais no eixo Rio-SP.</p>
        <small>Exame</small><br><br>
        <a class="btn" href="https://example.com/news2" target="_blank">Ler a matéria</a>
      </div>
    </div>

    <div class="article">
      <img src="https://placehold.co/720x404" alt="Imagem">
      <div class="article-content">
        <h2>Novos empreendimentos de luxo previstos para 2025</h2>
        <p>Construtoras anunciam lançamentos focados em sustentabilidade e alto padrão.</p>
        <small>Valor Econômico</small><br><br>
        <a class="btn" href="https://example.com/news3" target="_blank">Ler a matéria</a>
      </div>
    </div>

    <div class="footer">
      Enviado como exemplo por <strong>DailyDigest</strong>.
      Este é apenas um modelo de demonstração para o README.
    </div>
  </div>

</body></html>