Newsletter enrollment

Your email address has been successfully added!
<section>
    <div class="row section_title">
        <div class="column small-12">

            <h1>Form title</h1>

        </div>
    </div>
    <div class="section_item">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="section_item">

        <form class="page_form">

            <div class="form_element">
                <label>Name</label>
                <input type="text" placeholder="Insert your name here...">
            </div>

            <div class="form_element">
                <label>Lastname</label>
                <input type="text">
            </div>

            <div class="form_element required">
                <label>Email</label>
                <input type="email" placeholder="es. john.doe@usi.ch" required>
            </div>

            <div class="form_element required">
                <label>Password</label>
                <input type="password" aria-describedby="passwordHelpText" required>
                <p class="help-text" id="passwordHelpText">Your password must have at least 10 characters, a number, and an Emoji.</p>
            </div>

            <div class="form_element">
                <label>Number</label>
                <input type="number" placeholder="0">
            </div>

            <div class="form_element">
                <label>Textarea</label>
                <textarea rows="8" placeholder="Insert your text here..."></textarea>
            </div>

            <div class="form_element">
                <label>Select Menu</label>
                <select>
                    <option value="husker">Husker</option>
                    <option value="starbuck">Starbuck</option>
                    <option value="hotdog">Hot Dog</option>
                    <option value="apollo">Apollo</option>
                </select>
            </div>

            <div class="form_element required">
                <label>Multiple Select Menu</label>
                <select multiple required>
                    <option value="showboat">Showboat</option>
                    <option value="redwing">Redwing</option>
                    <option value="narcho">Narcho</option>
                    <option value="hardball">Hardball</option>
                </select>
            </div>

            <div class="form_element">
                <label>Check these out</label>
                <fieldset class="list">
                    <div class="list_element">
                        <input id="checkbox1" type="checkbox">
                        <label for="checkbox1">Checkbox 1</label>
                    </div>
                    <div class="list_element">
                        <input id="checkbox2" type="checkbox">
                        <label for="checkbox2">Checkbox 2</label>
                    </div>
                    <div class="list_element">
                        <input id="checkbox3" type="checkbox">
                        <label for="checkbox3">Checkbox 3</label>
                    </div>
                </fieldset>
            </div>

            <div class="form_element required">
                <label>Choose Your Favorite</label>
                <fieldset class="list">
                    <div class="list_element">
                        <input type="radio" name="color" value="Red" id="Red" required>
                        <label for="Red">Red</label>
                    </div>
                    <div class="list_element">
                        <input type="radio" name="color" value="Blue" id="Blue" required>
                        <label for="Blue">Blue</label>
                    </div>
                    <div class="list_element">
                        <input type="radio" name="color" value="Yellow" id="Yellow" required>
                        <label for="Yellow">Yellow</label>
                    </div>
                </fieldset>
            </div>

            <div class="form_element">
                <label for="exampleFileUpload">Upload File</label>
                <input type="file" id="exampleFileUpload" class="secondary medium button">
            </div>

            <div class="form_element button_group">
                <input type="reset" class="secondary large button" value="Reset">
                <input type="submit" class="primary large button" value="Submit">
            </div>

        </form>
    </div>
</section>

There are no notes for this item.