<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!doctype html>
<html lang="en">
<head>
<title>Izhar's Gallery</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet">
<style type="text/css">
.navbar-brand{font-family: 'Fredoka One', cursive;}
</style>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg-white">
<a href="" class="navbar-brand mx-auto">Izhar's Gallery</a>
</nav>
<hr>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-5">
<img class="card-img-top" src="https://images.pexels.com/photos/2045315/pexels-photo-2045315.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"></img>
<div class="card-body">
<h5 class="card-title">Title</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
</p>
</div>
</div>
