Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <jdoc:include type="head" />

    <link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/custom.css" rel="stylesheet">
    <link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/bootstrap.css" rel="stylesheet">
    <script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/jquery.js"></script>
    <script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/bootstrap.js"></script>
    <?php
    $config = JFactory::getConfig();
    ?>
    <style>
        .main {
            background-color: #f3f3f3;
            border-radius: 16px;
            padding: 20px;
        }
        aside {
            background-color: #f3f3f3;
            width: 250px;
            min-height: 500px;
            float: right;
        }
    </style>
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand font-weight-bold" href="index.php">
            <img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.ico" width="30px" height="30px">
            <?php echo $config->get('sitename'); ?>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse"
                data-target="#navbarResponsive" aria-controls="navbarResponsive"
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                <jdoc:include type="modules" name="navigation" style="none" />
                </li>
            </ul>
        </div>
    </nav>

    <div class="jumbotron text-center">
        <p class="font-weight-bold display-1"><?php echo $config->get('sitename'); ?></p>
    </div>

    <div class="container">
        <main class="main">
            <jdoc:include type="component" />
        </main>
        <footer>
            <jdoc:include type="modules" name="footer" />
        </footer>
    </div>
</body>
</html>