Bulma Box
home
Run
screen_rotation
fullscreen
cloud_download
navigate_before
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bulma Tutorial!</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.0/css/bulma.min.css"> </head> <body> <div class="box"> <article class="media"> <div class="media-left"> <figure class="image is-64x64"> <img src="https://www.tutorialsplane.com/wp-content/uploads/2017/11/Screenshot-from-2017-11-15-030851.png" alt="Image"> </figure> </div> <div class="media-content"> <div class="content"> <p> <strong>John Dee</strong> <small>johndee@example.com</small> <small>31m</small> <br> Hi My Name is John Dee and i am from London. </p> </div> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item"> <span class="icon is-small"><i class="fa fa-reply"></i></span> </a> <a class="level-item"> <span class="icon is-small"><i class="fa fa-retweet"></i></span> </a> <a class="level-item"> <span class="icon is-small"><i class="fa fa-heart"></i></span> </a> </div> </nav> </div> </article> </div> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bulma Tutorial!</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.0/css/bulma.min.css"> </head> <body> <div class="box"> <article class="media"> <div class="media-left"> <figure class="image is-64x64"> <img src="https://www.tutorialsplane.com/wp-content/uploads/2017/11/Screenshot-from-2017-11-15-030851.png" alt="Image"> </figure> </div> <div class="media-content"> <div class="content"> <p> <strong>John Dee</strong> <small>johndee@example.com</small> <small>31m</small> <br> Hi My Name is John Dee and i am from London. </p> </div> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item"> <span class="icon is-small"><i class="fa fa-reply"></i></span> </a> <a class="level-item"> <span class="icon is-small"><i class="fa fa-retweet"></i></span> </a> <a class="level-item"> <span class="icon is-small"><i class="fa fa-heart"></i></span> </a> </div> </nav> </div> </article> </div> </body> </html>
Copyrights@tutorialsplane.com