BlogOld/pag_01.html at main · Talismar/BlogOld · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Old Gamer</title>

  <!-- Font Awesome -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet" />
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
  <!-- MDB -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet" />


  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css">

  <!-- CSS -->
  <link rel="stylesheet" href="./css/style.css">
</head>

<body>
  <!-- Icones do cabeçalho -->
  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="home" viewBox="0 0 16 16">
      <path
        d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z" />
    </symbol>
    <symbol id="grid" viewBox="0 0 16 16">
      <path
        d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" />
    </symbol>
  </svg>

  <!-- Icones do rodape -->
  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="facebook" viewBox="0 0 16 16">
      <path
        d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
    </symbol>
    <symbol id="instagram" viewBox="0 0 16 16">
      <path
        d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
    </symbol>
    <symbol id="twitter" viewBox="0 0 16 16">
      <path
        d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
    </symbol>
  </svg>

  <!-- Cabeçalho -->
  <header>
    <div class="px-3 py-2 bg-dark text-white">
      <div class="container">
        <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
          <a href="./index.html"
            class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
            <img src="./img/LOGOREDONDA.png" width="60" height="60" role="img" aria-label="Bootstrap" alt="Logo-marca">
          </a>
          <nav>
            <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
              <li>
                <a href="./index.html" class="nav-link text-white">
                  <svg class="bi d-block mx-auto mb-1" width="24" height="24">
                    <use xlink:href="#home" />
                  </svg>
                  Home
                </a>
              </li>
              <li>
                <a href="./secao-img.html" class="nav-link text-white">
                  <svg class="bi d-block mx-auto mb-1" width="24" height="24">
                    <use xlink:href="#grid" />
                  </svg>
                  News
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </header>

  <!-- Main -->
  <main>
    <!-- Conteudo da pagina -->
    <section class="container">
      <div class="editar">
        <h2>PC gamer ou a mais poderosa máquina de emulação portátil?</h2>
      </div>
      <article class="row  justify-content-md-center border border-3">
        <div class="col-md-auto">
          <p>O GPD WIN 3, da empresa Game Pad Digital (GPD), é um projeto de financiamento coletivo bastante
            ousado, diga-se de passagem. O novo portátil da empresa chegou com um visual bastante moderno e
            diferente dos seus antecessores.</p>
          <p>O novo GPD traz um design que dá a ele um visual muito bonito e uma portabilidade incrível. O
            aparelho de modo geral é meio que uma “fusão” entre o aclamado Nintendo Switch e o nosso saudoso
            PSP GO, pelo fato de o aparelho contar com um design bastante parecido com o do console da
            Nintendo e uma tela em slider, igual a do console da Sony, com 5,5 polegadas com resolução de
            720p,que quando aberta revela um teclado toutch completo sob a tela.</p>
        </div>
        <div class="col-md-auto">
          <img src="./img/imagem6.jpg" class="img-fluid img-area" alt="">
        </div>
        <div class="col-md-auto">
          <p>O console/Pc gamer conta com o windows 10, o que nos dá um leque de possibilidades de jogos que
            vão poder rodar nesse aparelho. Em questão de hardware ele é bastante potente, podendo contar
            com um processador Intel Core i5 ou i7, ambos de 11° geração, dependendo da versão do aparelho
            que você escolha. O aparelho conta com 16GB de RAM LPDDR4 e um SSD PCIe 3.0 de 1TB e a GPU é uma
            Intel Xe.</p>
          <p>Completando a fixa técnica, esse pequeno monstro conta com conectividade wi-fi 6,bluetooth 5.0,
            um slot para cartão MicroSd, uma porta USB-A e uma thunderbolt USB-C 4.0, sem contar com um
            leitor de digitais para garantir a segurança do aparelho. </p>
        </div>
        <div class="col-md-auto">
          <img src="./img/2c2fd4_3297ecef9fee40c794c580852ebc5044_mv2.jpeg" class="img-fluid img-area" alt="">
        </div>
        <div class="col-md-auto">
          <ul class="list-group">
            <li class="list-group">Caso as portas disponíveis no aparelho não supram as suas necessidades há
              uma doc onde o aparelho pode ser conectado te dando mais conexões como:</li>
            <li class="list-group">3 USB 3.2 Gen2 Type-A, todas de 10Gbps;</li>
            <li class="list-group">1 USB 3.2 Gen2 Type-C de 10Gbps;</li>
            <li class="list-group">1 HDMI 2.0b com largura de banda de até 18Gbps até 32 canais, 48bits e
              suporte a HDR.</li>
            <li class="list-group">1 porta de rede RJ45, cartão de rede autoadaptável 10/1000Mbps.</li>
          </ul>
        </div>
        <div class="col-md-auto">
          <img src="./img/imagem07.jpeg" class="img-fluid img-area" alt="">
        </div>

        <div class="col-12">
          <p> Com essa doc o aparelho apresenta uma semelhança ainda maior com o Nintendo Switch, pois
            conectado a ela o usuário pode transmitir a tela do aparelho diretamente para um monitor ou
            televisão por meio de um cabo HDMI.</p>
        </div>

        <div class="col-md-auto">
          <img src="./img/imagem08.jpeg" class="img-fluid img-area" alt="">
        </div>

        <div class="col-md-auto">
          <p>Mas agora vamos ao ponto crucial, os jogos, pelo fato do aparelho utilizar o Windows 10 ele nos
            dá uma vastidão imensa do que podemos jogar nele, sejam emuladores, que pelo poder que esse
            aparelho tem, ele vai rodar emuladores dos mais leves que o Nintendo 8 Bits, até emuladores mais
            pesados como o de PS3, mas vale ressaltar que emuladores como os de Wii e PS3 podem apresentar
            algum lag ou travamento, mas não pelo fato do aparelho não conseguir emular eles, mas por uma
            possível má otimização do emulador então busquem sempre emuladores bons e bem otimizados. Você
            também vai poder jogar todos os seus jogos de Pc, sejam da Steam ou da Epic Games. Ou seja,
            teremos na palma das mãos uma estação de jogos completa que deixaria qualquer gamer de queixo
            caído.</p>
          <p>Pra finalizar, veremos abaixo alguns testes de game play cedidos pelo canal <strong>The Relaxing
              End</strong> mostrando a capacidade do aparelho</p>
        </div>

        <!-- Video -->
        <section class="container">
          <div class="video">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/rLggAouccWc"
              title="YouTube video player" frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen></iframe>
          </div>
        </section>
      </article>
    </section>

    <!-- Posts recentes -->
    <section class="container card-pag">
      <div class="row">
        <div class="col">
          <h2 class="pb-2 border-bottom secao-imagem">Posts recentes</h2>
        </div>
      </div>
      <!-- Card 1 -->
      <div class="row justify-content-center">
        <div class="col-auto" style="margin-top: 20px;">
          <section class="card" style="width: 15rem;">
            <img src="./img/emuladores-capa.jpg" class="card-img-top" alt="...">
            <div class="card-body">
              <h4>EMULADORES, avanço ou pirataria?</h5>
                <a href="./pag_02.html" class="btn btn-primary d-grid gap-2 d-md-flex justify-content-center">Saiba
                  mais</a>
            </div>
          </section>
        </div>

        <!-- Card 2 -->
        <div class="col-auto" style="margin-top: 20px;">
          <section class="card" style="width: 15rem;">
            <img src="./img/NES_03.jpg" class="card-img-top" alt="...">
            <div class="card-body">
              <h4>NES, o inicio de um império</h5>
                <a href="./pag_3.html" class="btn btn-primary d-grid gap-2 d-md-flex justify-content-center">Saiba
                  mais</a>
            </div>
          </section>
        </div>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="bg-dark text-center text-white">
    <!-- Grid container -->
    <div class="container p-4">
      <!-- Section: Social media -->
      <section class="mb-4">
        <!-- Facebook -->
        <a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-facebook-f"></i></a>

        <!-- Twitter -->
        <a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-twitter"></i></a>

        <!-- Google -->
        <a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-google"></i></a>

        <!-- Instagram -->
        <a class="btn btn-outline-light btn-floating m-1" href="https://www.instagram.com/old_gamer2020/"
          target="_blank" role="button"><i class="fab fa-instagram"></i></a>

        <!-- Linkedin -->
        <a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-linkedin-in"></i></a>

        <!-- Github -->
        <a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-github"></i></a>
      </section>
      <!-- Section: Social media -->

      <!-- Section: Form -->
      <section class="">
        <form action="">
          <!--Grid row-->
          <div class="row d-flex justify-content-center">
            <!--Grid column-->
            <div class="col-12 col-md-5 col-lg-4">
              <p class="pt-2">
                <strong>Formulário de Assinatura</strong>
              </p>
            </div>
            <!--Grid column-->

            <!--Grid column-->
            <div class="col-auto col-md-4 col-lg-4">
              <!-- Email input -->
              <div class="form-outline form-white mb-4">
                <input type="email" id="form5Example2" class="form-control" style="color: rgb(0, 0, 0);" />
                <label class="form-label" for="form5Example2"> <span class="p-form"> Digite aqui o seu
                    email</span></label>
              </div>
            </div>
            <!--Grid column-->

            <!--Grid column-->
            <div class="col-auto col-md-3 col-lg-1">
              <!-- Submit button -->
              <button type="submit" class="btn btn-outline-light mb-4">
                Enviar
              </button>
            </div>
            <!--Grid column-->
          </div>
          <!--Grid row-->
        </form>
      </section>
      <!-- Section: Form -->

      <!-- Section: Text -->
      <section class="mb-4">
        <p>
          Fique por dentro das novidades!
        </p>
      </section>
      <!-- Section: Text -->
      <!-- Copyright -->
      <section class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
        &copy; Old Gamer 2021 - Todos os direitos reservados
      </section>
      <!-- Copyright -->
  </footer>
  <!-- Footer -->
</body>

</html>