Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
		<script defer="" src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
		<style>
			.form-control {
				box-shadow: none;
				border: none;
				border-radius: 0;
				border-bottom: 1px solid grey;
			}

			.btn {
				border-radius: 0;
			}

			.btn_submit {
				background-color: #ecf0f1;
				border: none;
				color: #212529;
			}

			.btn_submit:hover, .btn_submit:active, .btn_submit:focus {
				background-color: #bdc3c7;
				color: #fff;
			}

		</style>
	</head>
	<body>
		<div class="container-fluid" >
			<div class="row">
				<div class="col-sm-12" style="padding: 1em; border-bottom: 1px solid lightgrey;">
					<h2 style="text-align: center;">IT Vocabulary - Test</h2>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-sm-3"></div>
				<div class="col-sm-6">
					<form>
						<div class="form-group">
							<div class="row">

							</div>
							<div class="row">
								<div class="btn-group col-sm-12" role="group" aria-label="Basic example">
									<button type="button" class="btn btn-block btn_prev_next"><i class="fas fa-chevron-left"></i></button>
									<button type="submit" class="btn btn-block btn_send" disabled>Send answers</button>
									<button type="button" class="btn btn-block btn_prev_next"><i class="fas fa-chevron-right"></i></button>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="col-sm-3"></div>
			</div>
		</div>
	</body>
</html>