Catholic

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Catholic Social</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
    div.head{
        background-color: #900000;
    }
    div.iconbar{
        float:right;
    }
    .navbarbg{
        background-color: #464637;
    }
    .ressize{
        margin:auto;
        max-width:1000px;
        height:100px;
    }

    a{
        color: #FFFFFF;
    }

    .navbar{
        border-radius: 0px;
    }

    .navbar-inverse{
        background-color: #464637;
        border-color: #464637;
    }

    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
        background-color: #131D16;
    }

</style>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<div class="head" >
    <div class="ressize">
        <div class="iconbar">
                <img src="./images/fb.png"/>
                <img src="./images/twitter.png"/>
                <img src="./images/instagram.png"/>
        </div>
    <img src="./images/header.png"/>
    </div>
</div>


    <nav class="navbar navbar-inverse" role="navigation">
    <div style="margin:auto; max-width:1000px ;">
    <div class="container-fluid">
        <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu-navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>

        </div>
        <div class="collapse navbar-collapse" id="menu-navbar">
            <ul class="nav navbar-nav">
                <li><a>สื่อมวลชนคาทอลิคประเทศไทย</a></li>
                <li><a>ศูนย์ข่าวคาทอลิค</a></li>
                <li><a>สื่อคาทอลิค</a></li>
                <li><a>Media store</a></li>
                <li><a>Gallery</a></li>
                <li><a>สื่อศึกษา</a></li>
                <li><a>บัญญัติศัพท์</a></li>
            </ul>
         </div>
      </div>
    </div>
    </nav>


</body>
</html>