<!DOCTYPE html>
<html lang="en"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="default">
<head>
</head>
<body>

<div class="container" layout:fragment="content">
    <!-- Services -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading text-uppercase">Dashboard</h2>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
                    <div class="row">
                        <div class="col-2">
                                <span class="fa-stack fa-1x">
                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
                                </span>
                        </div>
                        <div class="col col-10 text-right">
                            <h7 class="service-heading">Название статьи</h7>
                            <p class="text-muted">Список авторов И.О.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</div>

</body>
</html>