<section style="max-width:800px; margin: 0 auto">

    <style>
        .w-20 {
            width: 20%;
        }
        .w-30 {
            width: 30%;
        }
        .w-50 {
            width: 50%;
        }
        .w-70 {
            width: 70%;
        }
        .w-80 {
            width: 80%;
        }
        .left {
            float: left;
        }
        .right {
            float: right;
        }
        .row {
            width: 100%;
            overflow: auto;
            margin-left: 0;
            margin-right: 0;
        }
        .row--main {
            margin: 15px 0;
        }
        .sm {
            font-weight: 500;
            font-size: 0.8em;
        }
        .grey {
            color: #a5a2a2;

        }
        input, textarea, select {
            padding: 10px;
            margin: 10px 0;
        }
        input, textarea {
            width: 100%;
            float: left;
        }
        hr.line-big {
            border-top: 4px double #8c8b8b;
        }
    </style>

    <div class="row row--main">
        <div class="w-20 left">
            <img height="200" src="http://www.cis.utulsa.edu/ifip119/images/logo_ifip.jpg">
        </div>
        <div class="w-80 right" style="margin-top: 30px; text-align: center">
            <h1>International Federation for Information Processing</h1>
            <hr class="line-big">
            <h2>IFIP Fellow - Nomination Form</h2>
        </div>
    </div>

    <div class="row row--main">
        <h3>Nominee</h3>
        <hr class="line-big">
        <div class="row">
            <input type="text" class="w-20" name="nominee.title" placeholder="Title">
            <input type="text" class="w-30" name="nominee.fname" placeholder="First name + middle name">
            <input type="text" class="w-50" name="nominee.lame" placeholder="Family name">
        </div>
        <div class="row">
            <input type="text" class="w-50" name="nominee.email" placeholder="Email address">
            <input type="text" class="w-50" name="nominee.ifipBody" placeholder="IFIP body / bodies">
        </div>
        <div class="row">
            <input type="text" name="nominee.affilation" placeholder="Affilation">
        </div>
        <div class="row">
            <input type="text" name="nominee.postalAddress" placeholder="Postal address the certificate is to be sent to">
        </div>
    </div>

    <div class="row row--main">
        <h3>Proposed citation <span class="grey sm">(max 2 lines of text, i.e. no more than 190 characters including spaces)</span></h3>
        <hr class="line-big">
        <div class="row">
            <textarea rows="2" maxlength="190" style="width:100%" name="nominee.citation"></textarea>
        </div>
    </div>

    <div class="row row--main">
        <h3>Main individual contribution</h3>
        <hr class="line-big">
        <div class="row">
            <label>Contribution category:</label>
            <select name="nominee.title">
                <option>Scientist</option>
                <option>Engineer</option>
            </select>
        </div>
        <div class="row">
            <label>Description of the contribution
                <span class="grey">(max 7 lines of text i.e. no more than 630 characters including spaces; indicate individual contribution of the candidate if the contribution is a teamwork)</span>:
            </label>
            <div class="row">
                <textarea rows="7" maxlength="630" style="width: 100%" name="nominee.contribution"></textarea>
            </div>
        </div>
        <div class="row">
            <label>Evidence that the contribution is worth recognition
                <span class="grey">(a list of max 8 items such as books, papers, patents, awards, keynotes, Ph.D. students etc. with annotation about citations, copies sold, revenue attributed to the invention etc.)</span>:
            </label>
            <div class="row">
                <textarea rows="8" style="width:100%" name="nominee.evidence"></textarea>
            </div>
        </div>
    </div>

    <div class="row row--main">
        <h3>IFIP activities <span class="grey sm">(most important roles played in IFIP-sponsored events and functions in IFIP bodies. including membership; please, provide data in the following order: role, event title with webpage or name of IFIP body, year or period; no more than 8 bullets)</span></h3>
        <hr class="line-big">
        <div class="row">
            <textarea rows="8" style="width:100%" name="nominee.activities"></textarea>
        </div>
    </div>

    <div class="row row--main">
        <h3>Additional information about the nominee <span class="grey sm">(antything else that makes the candidate a special one, e.g. othe awards than those mentioned in the Evidence section, positions held at world-recognized companies or universities; titles or distincations received from universities or other organizations - max 8 bullets)</span></h3>
        <hr class="line-big">
        <div class="row">
            <textarea rows="8" style="width:100%" name="nominee.additional"></textarea>
        </div>
    </div>

    <div class="row row--main">

        <h3>References <span class="grey sm">(5 current member of the General Assembly, an IFIP Tech. Cmte, or an IFIP Working Group)</span></h3>
        <hr class="line-big">
        <div class="row">
            1
            <div>
                <input type="text" class="w-50" name="referencee.fname" placeholder="First name">
                <input type="text" class="w-50" name="referencee.lname" placeholder="Family name">
                <input type="text" class="w-50" name="referencee.email" placeholder="Email">
                <input type="text" class="w-50" name="referencee.ifipBody" placeholder="IFIP body">
            </div>
            2<hr>
            <div>
                <input type="text" class="w-50" name="referencee.fname" placeholder="First name">
                <input type="text" class="w-50" name="referencee.lname" placeholder="Family name">
                <input type="text" class="w-50" name="referencee.email" placeholder="Email">
                <input type="text" class="w-50" name="referencee.ifipBody" placeholder="IFIP body">
            </div>
            3<hr>
            <div>
                <input type="text" class="w-50" name="referencee.fname" placeholder="First name">
                <input type="text" class="w-50" name="referencee.lname" placeholder="Family name">
                <input type="text" class="w-50" name="referencee.email" placeholder="Email">
                <input type="text" class="w-50" name="referencee.ifipBody" placeholder="IFIP body">
            </div>
            4<hr>
            <div>
                <input type="text" class="w-50" name="referencee.fname" placeholder="First name">
                <input type="text" class="w-50" name="referencee.lname" placeholder="Family name">
                <input type="text" class="w-50" name="referencee.email" placeholder="Email">
                <input type="text" class="w-50" name="referencee.ifipBody" placeholder="IFIP body">
            </div>
            5<hr>
            <div>
                <input type="text" class="w-50" name="referencee.fname" placeholder="First name">
                <input type="text" class="w-50" name="referencee.lname" placeholder="Family name">
                <input type="text" class="w-50" name="referencee.email" placeholder="Email">
                <input type="text" class="w-50" name="referencee.ifipBody" placeholder="IFIP body">
            </div>
        </div>
    </div>

    <div class="row row--main">

        <h3>Nominator <span class="grey sm">(5 current member of the General Assembly, an IFIP Tech. Cmte, or an IFIP Working Group)</span></h3>
        <hr class="line-big">
        <div class="row">
            <input type="text" class="w-20" name="nominator.title" placeholder="Title">
            <input type="text" class="w-30" name="nominator.fname" placeholder="First name + middle name">
            <input type="text" class="w-50" name="nominator.lame" placeholder="Family name">
        </div>
        <div class="row">
            <input type="text" class="w-50" name="nominator.email" placeholder="Email address">
            <input type="text" class="w-50" name="nominator.ifipBody" placeholder="IFIP body / bodies">
        </div>
        <div class="row">
            <input type="text" name="nominator.affilation" placeholder="Affilation">
        </div>
        <div class="row">
            <input type="text" name="nominator.postalAddress" placeholder="Postal address the certificate is to be sent to">
        </div>
        <div class="row">
            <label>Other important information about nominator (postional held, award received etc.) - max 270 characters</label>
            <div class="row">
                <textarea rows="5" maxlength="270" style="width:100%" name="nominee.additional"></textarea>
            </div>
        </div>
    </div>

</section>