<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Video Setting</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lobster|Sedgwick+Ave+Display" rel="stylesheet">
<style type="text/css">
.video-setting{
position: absolute;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.txt{
position: relative;
padding-bottom:424px;
background-color: rgba(23, 20, 130, 0.5);
}
.links > a{
text-align: center;
padding-left: 50px;
width: 30%;
color: #fff;
font-size: 50px;
font-weight: bold;
font-family: 'Lobster', cursive;
}
