Description list

HTML Snippet for description list

<div class="description-list">
    <div class="description-list__item">
        <h3>Name</h3>
        <div class="description-list__item-content">
            <p>Central library</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Address</h3>
        <div class="description-list__item-content">
            <p>Municipal Buildings, <br>Calverley Street, <br>Leeds <br>WF3 2DL</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Library enquires - Telephone</h3>
        <div class="description-list__item-content">
            <p>0113 378 5005</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Library enquires - Email</h3>
        <div class="description-list__item-content">
            <p><a href="mailto:libraryenquiries@leeds.gov.uk">libraryenquiries@leeds.gov.uk</a></p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Meeting room hire - Email</h3>
        <div class="description-list__item-content">
            <p><a href="mailto:centrallibrarybookings@leeds.gov.uk">centrallibrarybookings@leeds.gov.uk</a></p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Opening hours</h3>
        <div class="description-list__item-content">
            <ul class="list">
                <li><strong>Monday: </strong>9am to 7pm</li>
                <li><strong>Tuesday: </strong>9am to 7pm</li>
                <li><strong>Wednesday: </strong>9am to 7pm</li>
                <li><strong>Thursday: </strong>9am to 6pm</li>
                <li><strong>Friday: </strong>9am to 5pm</li>
                <li><strong>Saturday: </strong>10am to 5pm</li>
                <li><strong>Sunday: </strong>11am to 3pm</li>
            </ul>
            <div role="note" aria-label="Information" class="text-highlight text-highlight--blue">
                <p>Please note the library is closed on Bank Holidays</p>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Location</h3>
        <div class="description-list__item-content">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2356.398918160101!2d-1.5508306841443953!3d53.80018498007656!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48795c1d0783ae7b%3A0xf2e1318bde1573ce!2sLeeds+Central+Library!5e0!3m2!1sen!2suk!4v1501752856711" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
        <div class="clear"></div>
    </div>
    <div class="description-list__item">
        <h3>Specialist departments</h3>
        <div class="description-list__item-content">
            <ul class="list list-bullet">
                <li><a href="/Pages/Music-and-art.aspx">Music and Art​</a></li>
                <li><a href="/Pages/Information-and-research-library.aspx">Information and research library</a></li>
                <li><a rel="external" href="/bipcleeds">Business & IP Centre</a></li>
                <li><a href="/Pages/Local-and-family-history-service.aspx">Leeds and Local and Family History</a></li>
                <li><a href="/Pages/Drama-library.aspx">Drama library</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</div>