tourist-app/index.html at main · diegodevtech/tourist-app · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Descubra os melhores destinos turísticos em Busan, Coreia do Sul. Explore templos budistas, parques e atrações imperdíveis.">
  <title>Conheça Busan - Sua Próxima Viagem</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <a href="#main-content" class="skip-link">Pular para o conteúdo principal</a>
  <main id="main-content">
    <header>
      <p id="ctaText">sua próxima viagem:</p>
      <h1>Conheça Busan</h1>
    </header>
    <section id="introduction">
      <img src="assets/Image_01.jpg"
        alt="Vista aérea noturna de Busan mostrando uma ponte iluminada conectando duas áreas do centro da cidade com o porto ao fundo"
        loading="eager"
        width="1280"
        height="720" />
      <p>Busan, a estrela em ascensão da Coreia do Sul, oferece de tudo, desde churrascarias de primeira linha até
        tradicionais barracas de comida de rua. Aqui, exploramos a segunda cidade da Coreia do Sul e descobrimos as suas
        ofertas culinárias.</p>
    </section>
    <div class="divider"></div>
    <section id="attractions">
      <div id="attractions_intro">
        <p id="ctaText">Para os amantes de história</p>
        <h2>Descubra 3 destinos imperdíveis em Busan</h2>
      </div>
      <p>As atrações de Busan vão desde templos budistas centenários que pontilham as montanhas e o litoral da cidade
        até praias imaculadas com águas cristalinas. Esta cidade litorânea tem muitas coisas para fazer o ano todo - as
        famílias podem passar o tempo em um aquário à beira-mar, os compradores podem explorar bairros vibrantes e os
        amantes da natureza podem desfrutar de longas caminhadas até mirantes panorâmicos.
        Os santuários budistas que pontilham a costa e as montanhas de Busan têm uma arquitetura impressionante que irá
        encantar os fotógrafos.</p>
      <article id="attractions_list">
        <div id="attraction">
          <img src="assets/Image_02.jpg"
            alt="Templo Haedong Yonggungsa ao meio-dia, destacando as rochas costeiras e a arquitetura tradicional coreana"
            loading="lazy"
            width="1280"
            height="720" />
          <div id="text_content">
            <h2>1. Templo Haedong Yonggunsga</h2>
            <p>O Templo Haedong Yonggungsa é um templo budista localizado no extremo nordeste de Busan. Construído em
              1376, é um dos poucos templos na Coreia construídos à beira-mar – você pode desfrutar de vistas do Mar do
              Leste de um lado e de belas montanhas do outro. </p>
            <div class="tags-container">
              <strong>Bom para:</strong>
              <ul class="tags-list" role="list">
                <li role="listitem"><span class="tag tag-history" aria-label="Ideal para amantes de história">História</span></li>
              </ul>
            </div>
          </div>
        </div>
        <div id="attraction">
          <img src="assets/Image_03.jpg"
            alt="Templo Beomeo-sa em frente a uma montanha verde majestosa, mostrando a arquitetura preservada da Dinastia Joseon"
            loading="lazy"
            width="1280"
            height="720" />
          <div id="text_content">
            <h2>2. Templo Beomeo-sa</h2>
            <p>O Templo Beomeo-sa é um dos maiores santuários da Coreia do Sul. Ele está localizado no alto da borda leste da montanha Geumjeongsa e fica distante da agitação da cidade. O Daeungjeon Hall do templo é um exemplo bem preservado da arquitetura da Dinastia Joseon. </p>
            <div class="tags-container">
              <strong>Bom para:</strong>
              <ul class="tags-list" role="list">
                <li role="listitem"><span class="tag tag-history" aria-label="Ideal para amantes de história">História</span></li>
              </ul>
            </div>
          </div>
        </div>
        <div id="attraction">
          <img src="assets/Image_04.jpg"
            alt="Parque Yongdusan com uma construção à esquerda e pessoas fotografando ao fundo, mostrando a Torre Busan de 120 metros"
            loading="lazy"
            width="1280"
            height="720" />
          <div id="text_content">
            <h2>3. Parque Yongdusan</h2>
            <p>O Parque Yongdusan, localizado no centro de Busan, abriga alguns dos monumentos mais importantes da cidade. Você pode ver vistas espetaculares do topo da Torre Busan, de 120 metros de altura. O parque tem 2 museus – confira os instrumentos musicais tradicionais no Museum of World Folk Instruments e mais de 80 veleiros coreanos no Exhibition Hall of World Model Boats. </p>
            <div class="tags-container">
              <strong>Bom para:</strong>
              <ul class="tags-list" role="list">
                <li role="listitem"><span class="tag tag-couples" aria-label="Ideal para casais">Casais</span></li>
                <li role="listitem"><span class="tag tag-families" aria-label="Ideal para famílias">Famílias</span></li>
                <li role="listitem"><span class="tag tag-budget" aria-label="Ideal para quem busca economia">Orçamento</span></li>
              </ul>
            </div>
          </div>
        </div>
      </article>
    </section>
    <div class="divider"></div>
    <article id="footnote">
      <p>As melhores coisas para fazer em Busan mostram a reputação da cidade como um importante porto marítimo na Ásia. Frequentemente vista como a essência da Coreia do Sul, você experimentará uma atmosfera única em termos de diversidade étnica e cultural, já que a cidade recebe um público cosmopolita o ano todo. </p>
    </article>
    <footer>
      <p>Feito com <span aria-label="amor">♥</span> por Diegodevtech</p>
    </footer>
  </main>
</body>
</html>