"TEST: Bootstrap 4 cards for Portfolio I course"
Bootstrap 4.0.0 Snippet by mrmccormack

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <h2>Famous Portfolio for Vermeer </h2> <p class="small"> Johannes Vermeer (/vərˈmɪər/; Dutch: [joːˈɦɑnəs vərˈmeːr]; October 1632 – December 1675) was a Dutch painter who specialized in domestic interior scenes of middle-class life. </p> <p><a href="https://en.wikipedia.org/wiki/Johannes_Vermeer">Johannes Vermeer (1632-1675)</a></p> <p>Bootstrap 4 "Cards" for Portfolio - Famous Artist Quick Mark</p> <div class="row"> <div class="col-sm"> <h3>The Music Lesson</h3> <div class="card"> <img class="card-img-top" src="http://www.essentialvermeer.com/catalogue_xl/xl_images/xl_music.jpg" alt="Card image cap"> <div class="card-body"> <h3 class="card-title">Review</h3> <h4>Composition:</h4> <p class="card-text"> The compositional technique used here creates a flow of movement as the viewer gazes across the image. Vermeer uses many techniques to create a strong three-dimensional effect in this work. The foreground objects direct the eye up to the subjects situated at the back. The gentleman's' gaze also encourages focus as the viewer is directed to the young lady. The foreground objects serve to determine distance and perspective. The partial presence of Vermeer's easel stand can even be seen in the leaning mirror's reflection, so we truly observe this scene as the artist himself did. </p> <h4>Use of light:</h4> <p class="card-text"> Shadows create depth as it travels in and around the objects in the room. Light fills this scene and can be seen between the roof beams, between the strings of the viol and in the folds of the fabric. The mirror is painted in a darker tone as it faces downward, missing the filtering light. Vermeer does this in excellent painting style with exact execution. Object such as the jug, gilded plate and chair tacks are painted under the camera obscura which helps to better define the light source in the room. Objects help to intensify shadows, demonstrated in the corner of the virginal and behind the gentleman. </p> <p class="small"> <a href="https://www.artble.com/artists/johannes_vermeer/paintings/the_music_lesson">www.artble.com</a> </p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </div> <div class="col-sm"> One of three columns </div> <div class="col-sm"> One of three columns </div> </div> </div>

Related: See More


Questions / Comments: