Basis Template

<div id="wrapper">
    <header id="header">
        <div class="inside">
            <nav class="mod_navigation">
                <ul class="level_1">
                    <li class="submenu first trail">
                        <ul class="level_2">
                            <li class="sibling first"></li>
                            <li class="sibling"></li>
                            <li class="sibling active"></li>
                            <li class="sibling last"></li>
                        </ul>
                    </li>
                    <li></li>
                    <li class="active"></li>
                    <li class="last"></li>
                </ul>
            </nav>
        </div>
    </header>
    <!-- Eigener Layoutbereich "nach Header" -->
    <div class="custom"></div>
    <!-- END Eigener Layoutbereich -->
    <div id="container">
        <aside id="left">
        <div class="inside">left</div>
        </aside>
        <aside id="right">
        <div class="inside">right</div>
        </aside>
        <div id="main">
            <div class="inside">
                <div class="mod_article">
                    <div class="ce_text">Article, Text</div>
                </div>
            </div>
        </div>
    </div>
    <footer id="footer">
        <div class="inside"></div>
    </footer>
</div>

 

Inhaltselemente

Bild

<div class="ce_image block">
    <figure class="image_container">
        <img width="200" height="300" src="foo.png">
        <figcaption class="caption">Figcaption</figcaption>
    </figure>
</div>

Text

<div class="ce_text block">
    <p>Lorem ipsum …</p>
    <figure class="image_container float_below">
    <!-- possible positions: float_above, float_left, float_right, float_below --> 
        <img width="518" height="225" alt="News and calendars" src="foo.png" title="">
        <figcaption class="caption">Caption</figcaption>
    </figure>
</div>

Form

<div class="ce_form tableless block">
    <h1>Formular</h1>
    <form enctype="multipart/form-data" method="post" id="f2" action="de/index.html">
        <div class="formbody">
            <input type="hidden" value="auto_form_2" name="FORM_SUBMIT">
            <input type="hidden" value="d6d84e93d5e86da9e530932db8fc7290" name="REQUEST_TOKEN">
            <input type="hidden" value="1024000" name="MAX_FILE_SIZE">

            <div class="headline">
                <h1>Term paper submission</h1>
            </div>

            <div class="explanation">
                Please enter your first name and last name and provide a working e-mail address.
            </div>

            <div class="mandatory">
                <label class="mandatory" for="ctrl_2">
                    <span class="invisible">Pflichtfeld</span> Your name<span class="mandatory">*</span>
                </label>
                <input type="text" required="" value="" class="text mandatory" id="ctrl_2" name="name">
            </div>

            <div class="mandatory">
                <label class="mandatory" for="ctrl_3">
                    <span class="invisible">Pflichtfeld</span> Your email<span class="mandatory">*</span>
                </label>
                <input type="email" required="" value="@" class="text mandatory" id="ctrl_3" name="email">
            </div>

            <div>
                <fieldset class="checkbox_container" id="ctrl_11">
                    <input type="hidden" value="" name="cc">
                    <span><input type="checkbox" value="1" class="checkbox" id="opt_11_0" name="cc"> <label
                            for="opt_11_0" id="lbl_11_0">Send me a copy of this e-mail</label></span>
                </fieldset>
            </div>

            <div>
                <label for="ctrl_5">Your file </label>
                <input type="file" class="upload" id="ctrl_5" name="file">
            </div>

            <div>
                <label for="ctrl_4">Message</label>
                <textarea cols="40" rows="6" class="textarea" id="ctrl_4" name="message"></textarea>
            </div>

            <div class="submit_container">
                <input type="submit" value="Submit form" class="submit submit_container" id="ctrl_6">
            </div>

        </div>
    </form>
</div>
<div class="ce_form last tableform block">
    <h1>Formular</h1>
    <form enctype="multipart/form-data" method="post" id="f2" action="de/index.html">
        <div class="formbody">
            <input type="hidden" value="auto_form_2" name="FORM_SUBMIT">
            <input type="hidden" value="d6d84e93d5e86da9e530932db8fc7290" name="REQUEST_TOKEN">
            <input type="hidden" value="1024000" name="MAX_FILE_SIZE">
            <table>
                <tbody>
                <tr class="row_0 row_first even">
                    <td class="colspan headline" colspan="2"><h1>Form</h1></td>
                </tr>
                <tr class="row_1 odd">
                    <td class="colspan explanation" colspan="2">Information for the form</td>
                </tr>
                <tr class="row_2 even">
                    <td class="col_0 col_first">
                        <label class="mandatory" for="ctrl_2">
                            <span class="invisible">Mandatory</span> Your name<span class="mandatory">*</span>
                        </label>
                    </td>
                    <td class="col_1 col_last">

                        <input type="text" required="" value="" class="text mandatory" id="ctrl_2" name="name">
                    </td>
                </tr>
                <tr class="row_3 odd">
                    <td class="col_0 col_first">
                        <label class="mandatory" for="ctrl_3">
                            <span class="invisible">Mandatory</span> Your email<span class="mandatory">*</span>
                        </label>
                    </td>
                    <td class="col_1 col_last">

                        <input type="email" required="" value="@" class="text mandatory" id="ctrl_3" name="email">

                    </td>
                </tr>
                <tr class="row_4 even">
                    <td class="col_0 col_first">
                        &nbsp;
                    </td>
                    <td class="col_1 col_last">
                        <fieldset class="checkbox_container" id="ctrl_11">
                            <input type="hidden" value="" name="cc">
                            <span><input type="checkbox" value="1" class="checkbox" id="opt_11_0" name="cc"> <label for="opt_11_0" id="lbl_11_0">Send me a copy of this e-mail</label></span>
                        </fieldset>

                    </td>
                </tr>
                <tr class="row_5 odd">
                    <td class="colspan explanation" colspan="2"><p style="margin-top: 36px">Please browse your local PC and choose your term paper file to be uploaded. <strong>Please note that we accept PDF format (Acrobat Reader) only</strong>! The file size must not exceed 1 MB.</p></td>
                </tr>
                <tr class="row_6 even">
                    <td class="col_0 col_first">
                        <label for="ctrl_5">
                            Your file      </label>
                    </td>
                    <td class="col_1 col_last">
                        <input type="file" class="upload" id="ctrl_5" name="file">
                    </td>
                </tr>
                <tr class="row_7 odd">
                    <td class="col_0 col_first">
                        <label for="ctrl_4">Message</label>
                    </td>
                    <td class="col_1 col_last">
                        <textarea cols="40" rows="6" class="textarea" id="ctrl_4" name="message"></textarea>
                    </td>
                </tr>
                <tr class="row_8 row_last even">
                    <td class="col_0 col_first">
                        &nbsp;
                    </td>
                    <td class="col_1 col_last">
                        <input type="submit" value="Submit form" class="submit" id="ctrl_6">
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </form>
</div>

 

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.