feed.html

<!DOCTYPE HTML>
<html>

<head>
    <title>stories.ua.kz.ru</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="static/css/main2.css" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://kit.fontawesome.com/f755b64f54.js" crossorigin="anonymous"></script>
    <!-- <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> -->
</head>

<body class="homepage is-preload">
    <!-- NAVBAR -->
    <nav class="navbar navbar-light" id='navbar-nav'>
        <div class="navbar-in" id='navbar-in'>STO <a href="/"><img src="https://img.icons8.com/nolan/64/r.png"></a>IES.RU</div>
    </nav>
    {% block content %}{% endblock %}

	<div class="container">
        <div class="row">
            <div class="col">
                <!-- Post header -->
                <div class="post-name">
                    <h3 class="post-category">"POST NAME"</h3>
                    <div class="author-info">

                        <img src="static/img/mariklolik.jpg" alt="LOL" class='author-img'>
                        <span id='name'>Author name</span>
                    </div>
                </div>
            </div>

        </div>
    <div class="row">
        <div class="col" id='#carousel'>
            <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">
                <!--/.Indicators-->
                <!--Slides-->
                <div class="carousel-inner" role="listbox">
                    <!--First slide-->
                    <div class="carousel-item active" style="max-height: 100%">
                        <img class="d-block w-110" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide" style="height: 200px">
                        <div class="carousel-caption">
                            <a href='#' id='carousel-button'>Читать полностью</a>
                        </div>
                    </div>
                    <!--/First slide-->
                    <!--Second slide-->
                    <div class="carousel-item" style="max-height: 100%">
                        <img class="d-block w-110" src="https://mdbootstrap.com/img/Photos/Slides/img%20(129).jpg" alt="Second slide" style="height: 200px">
                    </div>
                    <!--/Second slide-->
                    <!--Third slide-->
                    <div class="carousel-item" style="max-height: 100%">
                        <img class="d-block w-110" src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" alt="Third slide" style="height: 200px">
                    </div>
                    <!--/Third slide-->
                </div>
                <!--/.Slides-->
                <!--Controls-->
                <a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev" id="but">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next" id="but">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
                <!--/.Controls-->
            </div>
        </div>
    </div>


    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>


    <!-- FOOTER -->
    <footer>
        <div class="container">
            <div class="d-flex justify-content-around">
                <div class="footer-left">
                    <a href="https://vk.com/m.kashirsky"><i class="fab fa-vk fa-5x"></i></a>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id enim voluptatibus culpa facere, eveniet qui libero atque, aliquam dignissimos velit, provident modi laudantium quae ipsa. Neque, inventore nobis explicabo optio.</p>
                </div>

                <div class="footer-center">
                    <i class="fab fa-discord fa-5x"></i>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id enim voluptatibus culpa facere, eveniet qui libero atque, aliquam dignissimos velit, provident modi laudantium quae ipsa. Neque, inventore nobis explicabo optio.</p>
                </div>

                <div class="footer-right">
                    <a href="https://vk.com/kiryabikeev"><i class="fab fa-vk fa-5x"></i></a>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id enim voluptatibus culpa facere, eveniet qui libero atque, aliquam dignissimos velit, provident modi laudantium quae ipsa. Neque, inventore nobis explicabo optio.</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/main2.js"></script>

</body>

</html>