cdn-css-mailing/index.html at main · b2w-atech/cdn-css-mailing · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Newsletter</title>
    <link rel="stylesheet" href="css/fonts.css" />
    <link rel="stylesheet" href="css/typographies.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="shortcut icon" href="favicon.ico" />
  </head>
  <body>
    <div class="container">
      <header class="newsletter-header">
        <h3>Newsletter | Junho 2020</h3>
      </header>
      <section class="banner">
        <img
          src="https://b2data-files.s3.amazonaws.com/mailing/images/b2data-logo.png"
          alt="logo b2data"
          class="b2data-platform-logo"
        />
      </section>
      <main class="newsletter-week">
        <header class="newsletter-week-header">
          <h2 class="title">Novidades da semana</h2>
          <p class="body2">
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quasi
            reiciendis voluptate dicta cum libero necessitatibus? Illo doloribus
            nostrum at repellat ipsum, facere, architecto nihil minus quod
            sapiente dolorum vel. Exercitationem. Lorem, ipsum dolor sit amet
            consectetur adipisicing elit. Quasi reiciendis voluptate dicta cum
            libero necessitatibus? Illo doloribus nostrum at repellat ipsum,
            facere, architecto nihil minus quod sapiente dolorum vel.
            Exercitationem.
          </p>
        </header>
        <section class="newsletter-week-list">
          <div class="newsletter-week-box">
            <img
              src="https://b2data-files.s3.amazonaws.com/mailing/images/b2data-logo.png"
              alt="logo b2data"
              class="newsletter-week-box-image"
            />
            <div class="newsletter-week-box-description">
              <h2 class="title">Novas funcionalidades | Área administrativa</h2>
              <p class="body2">
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quasi
                reiciendis voluptate dicta cum libero necessitatibus? Illo
                doloribus nostrum at repellat ipsum, facere, architecto nihil
                minus quod sapiente dolorum vel. Exercitationem.
              </p>
              <a href="#">Ler mais</a>
            </div>
          </div>

          <div class="newsletter-week-box">
            <img
              src="https://b2data-files.s3.amazonaws.com/mailing/images/b2data-logo.png"
              alt="logo b2data"
              class="newsletter-week-box-image"
            />
            <div class="newsletter-week-box-description">
              <h2 class="title">Novas funcionalidades | Área administrativa</h2>
              <p class="body2">
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quasi
                reiciendis voluptate dicta cum libero necessitatibus? Illo
                doloribus nostrum at repellat ipsum, facere, architecto nihil
                minus quod sapiente dolorum vel. Exercitationem.
              </p>
              <a href="#">Ler mais</a>
            </div>
          </div>
        </section>
      </main>

      <section class="comming-soon">
        <h2 class="title">Em breve...</h2>
        <p class="body2">Estamos entrando <br />em uma nova fase.</p>
      </section>

      <footer class="newsletter-footer">
        <h3>b2data.b2w | b2data@b2wdigital.com</h3>
      </footer>
    </div>
  </body>
</html>