pruebaFrontEnd/index.html at master · Panteras-Coding/pruebaFrontEnd · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Prueba Front-End</title>
    </head>
    <body>
      <header>
        <h1>A heading here</h1>
        <p>Posted by John Doe</p>
        <img style="width: 150px; border-radius: 200px" src="https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="profilePic">
        <p>Some additional information here</p>
      </header>
        <h3>Prueba de branches</h3>
        <p>No es necesario un archivo  CSS, utiiza git branch para crear la tuya y git switch para cambiar a ella. no elimines el h3 y este p</p>
          <figure>
            <img src="https://vignette.wikia.nocookie.net/naruto/images/d/dc/Modo_Sabio_de_Naruto%2C_impartido_por_los_sapos.png/revision/latest/window-crop/width/400/x-offset/0/y-offset/0/window-width/1364/window-height/767?cb=20150104204832&path-prefix=es"
            alt="Naruto" width="400px" height="400px">
            <figcaption>Naruto</figcaption>
          </figure>
          <figure>
            <img src="https://assets.puzzlefactory.pl/puzzle/189/042/original.jpg" alt="Yato" width="400px" height="400px">
            <figcaption>Yato</figcaption>
          </figure>
          <figure>
            <img src="https://vignette.wikia.nocookie.net/fma/images/d/d3/Avatar_edward.png/revision/latest?cb=20180406214254" alt="Edward" width="400px" height="400px">
            <figcaption>Edward</figcaption>
          </figure
        <h3>Alan</h3>
        <p>prueba prueba prueba prueba</p>
        <h3>Alan2</h3>
        <p>prueba prueba prueba prueba</p>
        <footer style="bottom: 0; width: 100%; background-color: gray; color: white; ">
            <h3>Follow us in our social media platforms</h3>
            <div style="display: flex; flex-direction: row;">
                <a href="https://linkedin.com">Linked In</a>
                <a href="https://instagram.com">Linked In</a>
                <a href="https://facebook.com">Linked In</a>
                <a href="https://twitter.com">Linked In</a>
            </div>
            <p>&copy; Coding 2020</p>
        </footer>
    </body>
</html>