<div class="section mega">
    <div id="mega-background"></div>
    <h5>Create a radio channel, collaborate and listen</h5>
    <form class="channel-finder row">
        <div class="input-field col s12">
            <p class="prefix">zoff.me/</p>
            <input
            class="room-namer autocomplete"
            type="text"
            id="autocomplete-input"
            name="chan"
            title="Type channel name here to create or listen to a channel. Only alphanumerical chars. [a-zA-Z0-9]+"
            autocomplete="off"
            autofocus
            required
            pattern="[a-zA-Z0-9]+"
            spellcheck="false"
            maxlength="18"
            />
            <a href="#" class="generate-channel-name white-text hide-on-small-only">
                <i class="material-icons">autorenew</i>
            </a>
            <label for="autocomplete-input" class="noselect label-for-mobile-frontpage">Find or create radio channel</label>
            <button class="listen-button btn waves-effect waves-light white-text col s2">Listen</button>
        </div>
    </form>
    <div class="pitch outline">
        <div>Live &amp; democratic playlists with YouTube Music</div>
        <div>Play everywhere — No login required</div>
    </div>
</div>
