<DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../style.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
    <nav>
        <h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
        <div class="gummies">
            <div class="gummy">
                <a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
                <div class="caption">ada</div>
            </div>
            <div class="gummy">
                <a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
                <div class="caption">aglaia</div>
            </div>
            <div class="gummy">
                <a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
                <div class="caption">irmak</div>
            </div>
            <div class="gummy">
                <a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
                <div class="caption">stephen</div>
            </div>
        </div>
       
    </nav>
<div id="content">{{ content }}</div>
</body>
</html>