Relationships 1

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4" style="margin-bottom:10px;">
            <!--------
----------------------------------

RELATION 1

---------------------------------->
            <div class="card text-center">
                <!------------------------------------------IMAGE---------------------------------->
                <div class="card-header" style="background-image:url('http://www.immersion-3d.com/wp-content/uploads/2015/12/image-placeholder-500x500.jpg'); background-position:center center; height:250px;">
                    <br>
                </div>
                <div class="card-block">
                    <!---------------------------------NAME---------------------------------->

                    <h4 class="card-title">Character Name</h4>
                    <hr>
                    <!-----------------------------TEXT INFO---------------------------------->

                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent luctus purus at scelerisque lacinia. Proin fringilla lacinia nibh imperdiet imperdiet. Aenean ante turpis, hendrerit eu augue quis, eleifend molestie metus. Vivamus sit amet maximus leo, eget rutrum est. Nulla id dignissim enim. Sed euismod dui quis ante posuere feugiat. Aenean nibh orci, vestibulum at lorem sed, pharetra euismod leo.</p>
                    <!---------------------------------LINKS---------------------------------->
                    <br><a class="btn btn-default" href="#">Link</a>
                    <a class="btn btn-default" href="#">Link</a>
                    <a class="btn btn-default" href="#">Link</a></div>
                <!---------------------------------------CREDITS---------------------------------->
                <div class="card-footer text-muted">Art by @Unknown</div>
            </div>
        </div>
        <div class="col-md-4" style="margin-bottom:10px;">
            <!--------
----------------------------------

RELATION 2

---------------------------------->
            <div class="card text-center">
                <!------------------------------------------IMAGE---------------------------------->
                <div class="card-header" style="background-image:url('http://www.immersion-3d.com/wp-content/uploads/2015/12/image-placeholder-500x500.jpg'); background-position:center center; height:250px;">
                    <br>
                </div>
                <div class="card-block">
                    <!---------------------------------NAME---------------------------------->

                    <h4 class="card-title">Character Name</h4>
                    <hr>
                    <!-----------------------------TEXT INFO---------------------------------->

                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent luctus purus at scelerisque lacinia. Proin fringilla lacinia nibh imperdiet imperdiet. Aenean ante turpis, hendrerit eu augue quis, eleifend molestie metus. Vivamus sit amet maximus leo, eget rutrum est. Nulla id dignissim enim. Sed euismod dui quis ante posuere feugiat. Aenean nibh orci, vestibulum at lorem sed, pharetra euismod leo.</p>
                    <!---------------------------------LINKS---------------------------------->
                    <br><a class="btn btn-default" href="#">Link</a>
                    <a class="btn btn-default" href="#">Link</a>
                    <a class="btn btn-default" href="#">Link</a></div>
                <!---------------------------------------CREDITS---------------------------------->
                <div class="card-footer text-muted">Art by @Unknown</div>
            </div>
        </div>
        <div class="col-md-4" style="margin-bottom:10px;">
            <!--------
----------------------------------

RELATION 3

---------------------------------->
            <div class="card text-center">
                <!------------------------------------------IMAGE---------------------------------->
                <div class="card-header" style="background-image:url('http://www.immersion-3d.com/wp-content/uploads/2015/12/image-placeholder-500x500.jpg'); background-position:center center; height:250px;">
                    <br>
                </div>
                <div class="card-block">
                    <!---------------------------------NAME---------------------------------->

                    <h4 class="card-title">Character Name</h4>
                    <hr>
                    <!-----------------------------TEXT INFO---------------------------------->

                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent luctus purus at scelerisque lacinia. Proin fringilla lacinia nibh imperdiet imperdiet. Aenean ante turpis, hendrerit eu augue quis, eleifend molestie metus. Vivamus sit amet maximus leo, eget rutrum est. Nulla id dignissim enim. Sed euismod dui quis ante posuere feugiat. Aenean nibh orci, vestibulum at lorem sed, pharetra euismod leo.</p>
                    <!---------------------------------LINKS---------------------------------->
                    <br><a class="btn btn-default" href="#">Link</a>
                    <a class="btn btn-default" href="#">Link</a>
                    <a class="btn btn-default" href="#">Link</a></div>
                <!---------------------------------------CREDITS---------------------------------->
                <div class="card-footer text-muted">Art by @Unknown</div>
            </div>
        </div>
    </div>
</div>