fiz o codigo igual mas não finciona onde errei? | Bootstrap: criação de uma single-page responsiva

fiz o codigo igual mas não finciona onde errei?

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
        <meta name="viewport" content="widht=device-widht, initial-scale=1">
    <title></title>
</head>
<body>
    <div class="container">
        <h2>Sobre Nós</h2>
        <img class="img-responsive" src="img/empresa.jpg">

        <h2 data-toggle="collapse" data-target="p1"> la casa de papel</h2>
        <p id="p1" class="collapse in">pana pan pummmmmmm........</p>
        <h2> la casa de papel</h2>
        <p class="collapse in">pana pan pummmmmmm........</p>
        <h2> la casa de papel</h2>
        <p class="collapse in">pana pan pummmmmmm........</p>
    </div>
    <script src="js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.min.js" ></script>
</body>
</html>