Showing source for: https://twbs-bootstrap.netlify.app/docs/5.0/examples/album/
Duration: 0.403348s
Server: Netlify

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <meta content="" name="description">
        <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name="author">
        <meta content="Hugo 0.78.2" name="generator">
        <title>
   Album example &middot; Bootstrap v5.0
        </title>
        <link href="https://main--twbs-bootstrap.netlify.app/docs/5.0/examples/album/" rel="canonical">
        <!-- Bootstrap core CSS -->
        <link crossorigin="anonymous" href="/docs/5.0/dist/css/bootstrap.min.css" integrity="sha384-rL6ulGftDpWxu90auDbWXuj5YQ+V0DJCKJEvOyx+i8sRqMhrQLDMI9kTpPMoB/+S" rel="stylesheet">
        <!-- Favicons -->
        <link href="/docs/5.0/assets/img/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
        <link href="/docs/5.0/assets/img/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
        <link href="/docs/5.0/assets/img/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
        <link href="/docs/5.0/assets/img/favicons/manifest.json" rel="manifest">
        <link color="#7952b3" href="/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" rel="mask-icon">
        <link href="/docs/5.0/assets/img/favicons/favicon.ico" rel="icon">
        <meta content="#7952b3" name="theme-color">
        <style>
            .bd-placeholder-img {
                font-size           : 1.125rem;
                text-anchor         : middle;
                -webkit-user-select : none;
                -moz-user-select    : none;
                user-select         : none;
            }
            @media (min-width: 768px) {
                .bd-placeholder-img-lg {
                    font-size           : 3.5rem;
                }
            }
        </style>
    </head>
    <body>
        <header>
            <div class="collapse bg-dark" id="navbarHeader">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8 col-md-7 py-4">
                            <h4 class="text-white">
                                About
                            </h4>
                            <p class="text-muted">
                                Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.
                            </p>
                        </div>
                        <div class="col-sm-4 offset-md-1 py-4">
                            <h4 class="text-white">
                                Contact
                            </h4>
                            <ul class="list-unstyled">
                                <li>
                                    <a class="text-white" href="#">
                                        Follow on Twitter
                                    </a>
                                </li>
                                <li>
                                    <a class="text-white" href="#">
                                        Like on Facebook
                                    </a>
                                </li>
                                <li>
                                    <a class="text-white" href="#">
                                        Email me
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="navbar navbar-dark bg-dark shadow-sm">
                <div class="container">
                    <a class="navbar-brand d-flex align-items-center" href="#">
                        <svg aria-hidden="true" class="mr-2" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg">
                            <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z">
                            </path>
                            <circle cx="12" cy="13" r="4">
                            </circle>
                        </svg>
                        <strong>
                            Album
                        </strong>
                    </a>
                    <button aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarHeader" data-bs-toggle="collapse" type="button">
                        <span class="navbar-toggler-icon">
                        </span>
                    </button>
                </div>
            </div>
        </header>
        <main>
            <section class="py-5 text-center container">
                <div class="row py-lg-5">
                    <div class="col-lg-6 col-md-8 mx-auto">
                        <h1 class="fw-light">
                            Album example
                        </h1>
                        <p class="lead text-muted">
                            Something short and leading about the collection below&mdash;its contents, the creator, etc. Make it short and sweet, but not too short so folks don&rsquo;t simply skip over it entirely.
                        </p>
                        <p>
                            <a class="btn btn-primary my-2" href="#">
                                Main call to action
                            </a>
                            <a class="btn btn-secondary my-2" href="#">
                                Secondary action
                            </a>
                        </p>
                    </div>
                </div>
            </section>
            <div class="album py-5 bg-light">
                <div class="container">
                    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card shadow-sm">
                                <svg aria-label="Placeholder: Thumbnail" class="bd-placeholder-img card-img-top" focusable="false" height="225" preserveAspectRatio="xMidYMid slice" role="img" width="100%" xmlns="http://www.w3.org/2000/svg">
                                    <title>
                                        Placeholder
                                    </title>
                                    <rect fill="#55595c" height="100%" width="100%">
                                    </rect>
                                    <text dy=".3em" fill="#eceeef" x="50%" y="50%">
                                        Thumbnail
                                    </text>
                                </svg>
                                <div class="card-body">
                                    <p class="card-text">
                                        This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                View
                                            </button>
                                            <button class="btn btn-sm btn-outline-secondary" type="button">
                                                Edit
                                            </button>
                                        </div>
                                        <small class="text-muted">
                                            9 mins
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <footer class="text-muted py-5">
            <div class="container">
                <p class="float-right mb-1">
                    <a href="#">
                        Back to top
                    </a>
                </p>
                <p class="mb-1">
                    Album example is &copy; Bootstrap, but please download and customize it for yourself!
                </p>
                <p class="mb-0">
                    New to Bootstrap?
                    <a href="/">
                        Visit the homepage
                    </a>
                    or read our
                    <a href="/docs/5.0/getting-started/introduction/">
                        getting started guide
                    </a>
                    .
                </p>
            </div>
        </footer>
        <script crossorigin="anonymous" integrity="sha384-61WSfoTr1asNVri/uH6fL4IJd3HJT3FtYTlL4+JcOaPOYXf6fH6WQzR5XA2pSfC8" src="/docs/5.0/dist/js/bootstrap.bundle.min.js">
        </script>
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://twbs-bootstrap.netlify.app… 2020-11-29 13:24:29
2 https://www.ticketswap.com/ 2020-11-29 13:21:50
3 https://www.xvideos.com/video34549… 2020-11-29 13:21:42
4 https://osanto.com.br/ 2020-11-29 13:17:56
5 https://m.facebook.com/login.php?n… 2020-11-29 13:17:00
6 http://mosaicstaging.pixeldev.ca/ 2020-11-29 13:12:22
7 https://playtictactoe.org/ 2020-11-29 13:04:12
8 https://kudtkoekiewet.nl/?t=http:/… 2020-11-29 12:59:15
9 https://getimiskon.neocities.org/2… 2020-11-29 12:53:48
10 https://planetnews.com/live/fox-ne… 2020-11-29 12:51:51
11 https://temp.cool/ 2020-11-29 12:49:42
12 https://free-ss.site/ 2020-11-29 12:47:25
13 https://sexy-girl-4-you.blogspot.c… 2020-11-29 12:42:43
14 https://theaxischurch.org/acts-2/ 2020-11-29 12:35:37
15 https://noodlemagazine.com/video/e… 2020-11-29 12:20:50
16 https://www.apple.com/nl/ 2020-11-29 12:07:03
17 https://www.eetspruit.nl/ 2020-11-29 11:46:09
18 https://amazonaccessories4u.blogsp… 2020-11-29 11:37:01
19 https://www.rainews.it/tgr/piemont… 2020-11-29 11:36:53
20 https://www.criffelstationwoolshed… 2020-11-29 11:36:52