Horizontal Calendar

<div class="horizontal_calendar">
    <div class="row dark-background">
        <div class="small-12 column">
            <div class="topline"></div>
            <div class="row section_title">
                <div class="column small-12">
                    <div class="complete_link">
                        <a href="[url_to_complete_calendar]">
                            All events
                            <svg class="icon icon-arrow-small" style="vertical-align: bottom" data-element="icon" data-category="general">
                                <use xlink:href="#arrow-small"></use>
                            </svg>
                        </a>
                    </div>
                    <h2>Horizontal calendar</h2>
                </div>
            </div>
            <div class="row slider" data-number-of-elements="4" data-element="slider" role="toolbar">
                <div class="slider__element column">
                    <div class="event_day_container">
                        <div class="event_date_day">24</div>
                        <div class="month">June<br />2020</div>

                        <div class="event_infos event">
                            <a href="http://isac.com">
                                <p><strong>Ea voluptate suscipit.</strong></p>
                            </a>
                            Faculty of Informatics
                        </div>

                        <div class="event_infos event">
                            <a href="http://vladimir.com">
                                <p><strong>Natus itaque magnam iste qui autem impedit rem sunt.</strong></p>
                            </a>
                            Faculty of Communication Sciences
                        </div>

                        <div class="event_infos event">
                            <a href="https://torrance.org">
                                <p><strong>Sed dolorum et facere ipsam quaerat iste.</strong></p>
                            </a>
                            Faculty of Informatics
                        </div>

                    </div>
                </div>
                <div class="slider__element column">
                    <div class="event_day_container">
                        <div class="event_date_day">28</div>
                        <div class="month">January<br />2020</div>

                        <div class="event_infos event">
                            <a href="http://robb.com">
                                <p><strong>Iusto id culpa ut eligendi quis porro qui.</strong></p>
                            </a>
                            Faculty of Informatics
                        </div>

                    </div>
                </div>
                <div class="slider__element column">
                    <div class="event_day_container">
                        <div class="event_date_day">28</div>
                        <div class="month">October<br />2020</div>

                        <div class="event_infos event">
                            <a href="https://ruthie.name">
                                <p><strong>Incidunt magnam qui ut.</strong></p>
                            </a>
                            Faculty of Communication Sciences
                        </div>

                    </div>
                </div>
                <div class="slider__element column">
                    <div class="event_day_container">
                        <div class="event_date_day">3</div>
                        <div class="month">March<br />2020</div>

                        <div class="event_infos event">
                            <a href="http://gwen.info">
                                <p><strong>Quia suscipit assumenda culpa.</strong></p>
                            </a>
                            Faculty of Communication Sciences
                        </div>

                        <div class="event_infos event">
                            <a href="https://clark.com">
                                <p><strong>Est autem perferendis ut consequatur asperiores quo et quia.</strong></p>
                            </a>
                            Faculty of Economics
                        </div>

                        <div class="event_infos event">
                            <a href="https://adolfo.name">
                                <p><strong>Est sunt quaerat aperiam itaque non beatae.</strong></p>
                            </a>
                            Faculty of Economics
                        </div>

                        <div class="event_infos event">
                            <a href="http://kennith.info">
                                <p><strong>Sint expedita corporis autem quod et.</strong></p>
                            </a>
                            Academy of Architecture
                        </div>

                    </div>
                </div>
                <div class="slider__element column">
                    <div class="event_day_container">
                        <div class="event_date_day">25</div>
                        <div class="month">August<br />2020</div>

                        <div class="event_infos event">
                            <a href="https://geo.name">
                                <p><strong>Dicta inventore quia sed sapiente optio quae.</strong></p>
                            </a>
                            Faculty of Economics
                        </div>

                        <div class="event_infos event">
                            <a href="http://mark.org">
                                <p><strong>Delectus nihil incidunt et.</strong></p>
                            </a>
                            Academy of Architecture
                        </div>

                        <div class="event_infos event">
                            <a href="https://stephany.org">
                                <p><strong>Nemo facere aut ipsam autem.</strong></p>
                            </a>
                            Faculty of Informatics
                        </div>

                        <div class="event_infos event">
                            <a href="http://eloy.name">
                                <p><strong>Qui omnis qui tempora.</strong></p>
                            </a>
                            Faculty of Biomedical Sciences
                        </div>

                    </div>
                </div>
                <div class="slider__element column">
                    <div class="event_day_container">
                        <div class="event_date_day">18</div>
                        <div class="month">January<br />2020</div>

                        <div class="event_infos event">
                            <a href="https://cynthia.org">
                                <p><strong>Sunt rerum porro est repellendus cum cum assumenda sed assumenda.</strong></p>
                            </a>
                            Faculty of Communication Sciences
                        </div>

                        <div class="event_infos event">
                            <a href="https://lina.name">
                                <p><strong>Quo fugiat veniam reprehenderit veritatis autem voluptatum quasi.</strong></p>
                            </a>
                            Academy of Architecture
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>