Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>#TUT_DJ SakakiUnderGround Vol.03</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <header>
        <div class="header__logo"><img src="" alt="SakakiUG"></div>
        <div class="header__title">
            <h1>
                <span class="title__hash-tag">#TUT_DJ</span>
                <span class="title__title">SakakiUnderGround</span>
            </h1>
            <h2><span class="title__subtitle">Emotional and Uplifting Sounds: All Genre DJ Event</span></h2>

        </div>
    </header>
    <div class="main">
        <div class="column__left">
            <div class="date">
                <span class="date__year">2016.</span><span class="date__day">11.19</span>
                <span class="date__week">sat.</span>
            </div>
            <div class="time">
                <div class="time__start">
                    <span class="start__start"></span>
                    <span class="start__time">12:00</span>
                </div>
                <div class="time__close">
                    <span class="close__time">17:15</span>
                </div>
            </div>
            <div class="door">
                <span class="door__value">Free</span>
            </div>
        </div>
        <div class="column__right">
            <div class="grounds">
                <span class="grounds__name">Toyohashi Univ. of Tech.</span>
                <span class="grounds__room">Commons 1</span>
                <span class="grounds__note">Cafeteria & Shop 1F</span>
                <div class="grounds__jp">
                    <span>豊橋技科大 福利施設1階<br>コモンズ1</span>
                </div>
            </div>
        </div>
    </div>

</body>
</html>