Event calender

This is a sample scrolling text that has scrolls texts to right. * {box-sizing: border-box;} ul {list-style-type: none;} body {font-family: Verdana, sans-serif;} .month { padding: 70px 25px; width: 100%; background: #1abc9c; text-align: center; } .month ul { margin: 0; padding: 0; } .month ul li { color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; } .month .prev { float: left; padding-top: 10px; } .month .next { float: right; padd

test

html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } .column { float: left; width: 33.3%; margin-bottom: 16px; padding: 0 8px; } @media screen and (max-width: 650px) { .column { width: 100%; display: block; } } .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .container { padding: 0 16px; } .container::after, .row::after { content: ""; clear: both; display: table; } .title { color: grey; } .button { border: none; outline: 0;