curso-bootstrap-4/images.html at master · hcodebr/curso-bootstrap-4 · 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bootstrap Hcode</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

    <div class="container">

        <img src="https://camo.githubusercontent.com/a3dde86ab1e0f8ea7a7222188481b136520f3226/68747470733a2f2f6c68352e676f6f676c6575736572636f6e74656e742e636f6d2f2d494b336f6a4e4c416641492f5552524f717063752d53492f41414141414141414c44382f42476478644339753270492f73323536302f50657363616465726f42656e63682e6a7067" alt="Imagem" class="img-fluid">


        <img src="https://camo.githubusercontent.com/347dd1271124c5e081bdb6530872a17925635a72/68747470733a2f2f6c68362e676f6f676c6575736572636f6e74656e742e636f6d2f2d6763555f69636b73782d412f546e7579584568324d65492f41414141414141414668452f736a5a48446b555f566c672f73323536302f494d475f393538312e4a5047" alt="Imagem" class="img-thumbnail">


        <img src="https://camo.githubusercontent.com/b4858c0e435a8566825ef770caa7bc36abb9ae63/68747470733a2f2f6c68352e676f6f676c6575736572636f6e74656e742e636f6d2f2d6f74367a44716d307031732f554d2d6f5a77464f5942492f4141414141414141496d632f5f39514e6e6251586135592f73323536302f494d475f303437322e6a7067" alt="Imagem" class="img-fluid rounded">


        <img src="https://camo.githubusercontent.com/964f624faaed629549a6d51b7c5091bd288c51e8/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f2d48573149304456737136412f556c6d58746d39547647492f4141414141414141514f4d2f4d42516547427a5642324d2f73323536302f4d4f4c5f323136372e6a7067" alt="Imagem" class="rounded mx-auto d-block" style="width: 256px;">

        <picture>
            <source srcset="https://camo.githubusercontent.com/8e1fd7721da8c99c049d457f21d5b50e15d48791/68747470733a2f2f6c68342e676f6f676c6575736572636f6e74656e742e636f6d2f2d72336a4b665172757776342f55633642386652734b6d492f41414141414141414941672f56434c67453445716a74592f73323536302f54335f494d475f333933362e6a7067" type="image/svg+xml">
            <img src="https://camo.githubusercontent.com/8e1fd7721da8c99c049d457f21d5b50e15d48791/68747470733a2f2f6c68342e676f6f676c6575736572636f6e74656e742e636f6d2f2d72336a4b665172757776342f55633642386652734b6d492f41414141414141414941672f56434c67453445716a74592f73323536302f54335f494d475f333933362e6a7067" class="img-fluid img-thumbnail" alt="Imagem">
        </picture>

        <figure class="figure">
            <img src="https://camo.githubusercontent.com/347dd1271124c5e081bdb6530872a17925635a72/68747470733a2f2f6c68362e676f6f676c6575736572636f6e74656e742e636f6d2f2d6763555f69636b73782d412f546e7579584568324d65492f41414141414141414668452f736a5a48446b555f566c672f73323536302f494d475f393538312e4a5047" class="figure-img img-fluid rounded" alt="Imagem">
            <figcaption class="figure-caption">Legenda da imagem acima.</figcaption>
        </figure>

        <figure class="figure">
            <img src="https://camo.githubusercontent.com/347dd1271124c5e081bdb6530872a17925635a72/68747470733a2f2f6c68362e676f6f676c6575736572636f6e74656e742e636f6d2f2d6763555f69636b73782d412f546e7579584568324d65492f41414141414141414668452f736a5a48446b555f566c672f73323536302f494d475f393538312e4a5047" class="figure-img img-fluid rounded" alt="Imagem">
            <figcaption class="figure-caption text-right">Legenda da imagem acima.</figcaption>
        </figure>

        <figure class="figure">
            <img src="https://camo.githubusercontent.com/347dd1271124c5e081bdb6530872a17925635a72/68747470733a2f2f6c68362e676f6f676c6575736572636f6e74656e742e636f6d2f2d6763555f69636b73782d412f546e7579584568324d65492f41414141414141414668452f736a5a48446b555f566c672f73323536302f494d475f393538312e4a5047" class="figure-img img-fluid rounded" alt="Imagem">
            <figcaption class="figure-caption text-center">Legenda da imagem acima.</figcaption>
        </figure>


    </div>

    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>