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

<div layout:fragment="content">
<!-- Portfolio Grid -->
<section class="bg-light" id="portfolio">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading text-uppercase">Work hard</h2>
                <h3 class="section-subheading text-muted">sometimes</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" href="./papers/papers">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/papers.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Статьи</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="/grants">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/grants.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Гранты</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="/projects">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/projects.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Проекты</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="./conferences.html">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/conf.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Конференции</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="/team">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/team.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Команда</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="/students">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/students.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Работа со студентами</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" href="./timeline">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/tasks.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Задачи</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="./career.html">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/career.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Карьера</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a class="portfolio-link" data-toggle="modal" href="/other">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-arrow-right fa-3x"></i>
                        </div>
                    </div>
                    <img class="img-fluid" src="img/main/templates.jpg" alt=""/>
                </a>
                <div class="portfolio-caption">
                    <h4>Прочее</h4>
                    <p class="text-muted"></p>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
</body>

</html>
