Modal

<div class="ds-block">

    <p><button class="ds-btn-primary" data-modal-content="uniqueId" data-modal-width="">Open Modal</button></p>
    <div id="uniqueId" class="ds-modal-content">
        
        <h3>Sign up to our newsletter:</h3>
        <form class="ds-form" id="newsletter" action="">
            <div class="ds-form-group">
                <label class="ds-label" for="name">Name <abbr class="ds-label__required" title="required">*</abbr></label>
                <input class="ds-text-input" type="text" id="name" placeholder="Your name"/>
            </div>
            <div class="ds-form-group">
                <label class="ds-label" for="email">Email  <abbr class="ds-label__required" title="required">*</abbr></label>
                <input class="ds-text-input" type="email" id="email" placeholder="example@example.com"/>
                <small class="ds-hint" id="email-hint">We'll never share your email with anyone else.</small>
            </div>
            <div class="ds-form-group">
                <input type="submit" value="Submit">
            </div>
        </form>

    </div>

</div>

<div class="ds-block">

    <p><button class="ds-btn-primary" data-modal-content="uniqueId" data-modal-width="" data-static-backdrop="yes">Open Modal</button></p>
    <div id="uniqueId" class="ds-modal-content" >
        <h3>We would like to know who you are</h3>
        <div class="ds-column-layout">
            <div class="ds-column-layout__column">
                <p>I am a: <br><button class="ds-btn-primary ds-icon-australia-nz ds-icon--before" value="D"
                    onclick="LTUDS.components.modal.helpers.closeModal(this)">Domestic
                        student</button></p>
                <div>
                    <p><strong>Domestic student means:</strong></br> La Trobe considers you a ‘domestic’ student if you are
                        a citizen or permanent resident of Australia; a citizen of New Zealand; or a permanent humanitarian
                        visa holder.</p>
                </div>
            </div>
            <div class="ds-column-layout__column">
                <p>I am an: <br><button class="ds-btn-primary ds-icon-globe ds-icon--before" value="I"
                    onclick="LTUDS.components.modal.helpers.closeModal(this)">International
                        student</button></p>
                <div>
                    <p><strong>International student means</strong></br> La Trobe considers you an ‘International’ student
                        if you are <strong>not</strong> a citizen or a permanent resident of Australia; <strong>not</strong>
                        a citizen of New Zealand; or <strong>not</strong> a permanent humanitarian visa holder.</p>
                </div>
            </div>
        </div>
    </div>

</div>