Having issues loading background image. Can't figure it out.

Hey friends,

This is my first time coding so bear with me for a minute. This fix should be quick. I’m just having issue finding where to put the file in this template.

I purchased “Essential” A Responsive Minimal One Page HTML Template.

Its a great template, but the original three background images (person wearing hat/ beach/ field) didn’t come with the template, which is all well and good…

But because they’re not in the code, I don’t know where to put my own image. I’m sure this is an easy fix… just having a bit of an issue/

Here’s the code:

FORWARD - Responsive Minimal One Page HTML Template
	<!-- STYLES -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="assets/css/ionicons.min.css" rel="stylesheet">
	<link href="assets/css/supersized.css" rel="stylesheet">
	<link href="assets/css/animate.css" rel="stylesheet">
	<link href="assets/css/owl.carousel.css" rel="stylesheet">
	<link href="assets/css/owl.theme.css" rel="stylesheet">
	<link href="assets/css/style.css" rel="stylesheet">
	<link href="assets/images/banner.jpg" rel="stylesheet">


	<!-- GOOGLE FONTS 
	<font></font>	
		
		-->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
</head>
<body id="top">
	
	<!-- NAVBAR -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
				<span class="sr-only">Menu</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a href="index.html" class="navbar-title">FORWARD</a>
		</div>
		<nav class="navbar-collapse collapse" id="main-nav">
			<ul class="nav navbar-nav navbar-right nav-text-light">
				<li class="active"><a href="#top">HOME</a></li>
				<li><a href="#about">ABOUT</a></li>
				<li><a href="#media">MEDIA</a></li>
				<li><a href="#press">PRESS</a></li>
				<li><a href="#preorders">PREORDERS</a></li>
				<li><a href="#contact">CONTACT</a></li>
			</ul>
		</nav>
	</div>

	<!-- MAIN TOP -->
	<div id="main-top" class="main-top">
		<div class="main-content">
			<div class="container content">
				<div class="row text-center">
					<h2>FORWARD</h2>
					<h3>CREATIVE INNOVATION</h3>
				</div>
				<div class="row text-center">
					<a href="#about" class="scroll-down"></a>
				</div>
			</div>
		</div>
	</div>