frontend-website-assignment/page.html at 1788edc89d667832b78c882204690dc8645566f7 · Migracode-Barcelona/frontend-website-assignment · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <!-------------------HEADER-------------------------------->
    <header>
      <div class="header-section-1">
        <div class="logo-and-nav-links">
          <div class="logo"></div>
          <div class="nav-links"></div>
        </div>

        <div class="location-icon"></div>
        <div class="find-a-store"></div>
        <div class="nav-buttons"></div>
      </div>

      <div class="header-section-2">
        <div class="header-rectangle"></div>
      </div>
    </header>

    <!--------------------MAIN----------------------------------->
    <main>
      <section class="hero-section">
        <div class="hero-txt">
          <h2>FREE COFFEE <br /><span>IS A TAP AWAY</span></h2>
          <div class="hero-paragraph">
            <p>Join now to start earning Rewards.</p>
            <a href="#" class="anchor-1">Join now</a>
            <p>
              Or <span><a href="#">join in the app </a></span>for best
              experience
            </p>
          </div>
        </div>

        <div id="'hero-img" class="hero-section-image">
          <img src="assets/xl-hero-desktop_2021.png" />
        </div>
      </section>
    </main>

    <footer></footer>
  </body>
</html>