<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.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">
<div class="row">
<div class="card" >
<div class="card-img-left">
<img src="https://d39tql9w7lbhv8.cloudfront.net/wp-content/uploads/2017/09/Black_Steam_Mirage_Logo.png
" alt="Card image cap">
34°C
<p> Cloudy</p>
</div>
<div class="card-body">
<h5 class="card-title">Card <span class="font-weight-bold">title</span></h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
</div>
