www.contao4.monotomic.de Open in urlscan Pro
37.228.154.130  Public Scan

Form analysis
1 forms found in the DOM

POST

<form method="post" enctype="application/x-www-form-urlencoded">
  <div class="formbody">
    <input type="hidden" name="FORM_SUBMIT" value="auto_form_1">
    <input type="hidden" name="REQUEST_TOKEN" value="f1fa174259dbe07478e21635b0.-UnG-VcqBTJujsJ4lj4cMZQBpTb508rvwECERnF-UQQ.nBy2nWNodlorwvYb4FhbdcR30kzOlqHXly3sBTsPBWCOMKqjHBhQYxfLkw">
    <!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_fieldsetStart.html5 -->
    <fieldset>
      <!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_fieldsetStart.html5 -->
      <!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_textfield.html5 -->
      <div class="widget widget-text mandatory">
        <label for="ctrl_4" class="mandatory">
          <span class="invisible">Pflichtfeld </span>Name<span class="mandatory">*</span>
        </label>
        <input type="text" name="name" id="ctrl_4" class="text mandatory" value="" required="">
      </div>
      <!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_textfield.html5 -->
      <!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_textfield.html5 -->
      <div class="widget widget-text mandatory">
        <label for="ctrl_5" class="mandatory">
          <span class="invisible">Pflichtfeld </span>E-Mail<span class="mandatory">*</span>
        </label>
        <input type="email" name="email" id="ctrl_5" class="text mandatory" value="" required="">
      </div>
      <!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_textfield.html5 -->
      <!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_fieldsetStop.html5 -->
    </fieldset>
    <!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_fieldsetStop.html5 -->
    <!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_textarea.html5 -->
    <div class="widget widget-textarea mandatory">
      <label for="ctrl_1" class="mandatory">
        <span class="invisible">Pflichtfeld </span>Nachricht<span class="mandatory">*</span>
      </label>
      <textarea name="message" id="ctrl_1" class="textarea mandatory" rows="4" cols="40" required=""></textarea>
    </div>
    <!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_textarea.html5 -->
    <!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_submit.html5 -->
    <div class="widget widget-submit">
      <button type="submit" id="ctrl_6" class="submit">Senden</button>
    </div>
    <!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/forms/form_submit.html5 -->
  </div>
</form>

Text Content

LOGO
Navigation überspringen
 * Startseite
 * Elemente
 * Nachrichten
 * Demo


CONTAO 4 FRAMEWORK

Dieser Header soll ein Standard-Element von uns für Lead- und Landingpages
werden.

Call to Action

Das Titelbild als Inhaltselement

Das Titelbild kann einfach ohne separaten .mod_article platziert werde. Es läuft
beliebig breit. In dieser Demo nutzt es den Wert max-width: 100%;. Zudem sind
die Padding links und rechts auf 0.


ÜBERSCHRIFT H1


ÜBERSCHRIFT H2


ÜBERSCHRIFT H3

ÜBERSCHRIFT H4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.

 * consetetur sadipscing elitr, sed diam nonumy
 * clita kasd gubergren, no sea takimata
 * takimata sanctus est Lorem ipsum dolor sit amet

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.

ce_text mit Inline-Link und Absatzformat

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum.


TEXT MIT BILD LINKS

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


TEXT MIT BILD RECHTS

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


AUFZÄHLUNG UNNUMMERIERT

 * consetetur sadipscing elitr, sed diam nonumy
 * clita kasd gubergren, no sea takimata
 * takimata sanctus est Lorem ipsum dolor sit amet


AUFZÄHLUNG NUMMERIERT

 1. consetetur sadipscing elitr, sed diam nonumy
 2. clita kasd gubergren, no sea takimata
 3. takimata sanctus est Lorem ipsum dolor sit amet

Pflichtfeld Name*
Pflichtfeld E-Mail*
Pflichtfeld Nachricht*
Senden
Akkordeon Einzelelement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.

Akkordeon Einzelelement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.

Akkordeon Einzelelement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.





Bildelement mit vordefinierter Größe

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum.


HEADLINE FÜR DEMO-KACHELN

KACHEL 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

KACHEL 2

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

KACHEL 3

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.


HEADLINE FÜR DEMO-KACHELN

KACHEL 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

KACHEL 2

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

KACHEL 3

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

RSCE Demo "3-Spaltig" ohne Grid-Code-Overload

Ab min. der Bildschrimgröße "Notebook" ändert sich das Layoutmodell auf
"Flexbox". Die Größere der Elemente beträgt 1/3, genau genommen: max-width:
calc(33.3332% - (2 * #{$padding}));

Benutzerhandbuch (9,9 KiB)


HIER IST EINE ÜBERSCHRIFT

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.

 * consetetur sadipscing elitr, sed diam nonumy
 * clita kasd gubergren, no sea takimata
 * takimata sanctus est Lorem ipsum dolor sit amet

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.




HEADLINE FÜR DEMO-KACHELN

KACHEL 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

KACHEL 2

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

KACHEL 3

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

Artikel haben padding-top und padding-bottom doppelt so groß wie der
margin-bottom eines Inhaltselements.


TEXT MIT BILD LINKS

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


TEXT MIT BILD RECHTS

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Footer

200 @ tl_page.2
HTTP status 200 OK
Controller FrontendIndex :: renderPage
Route name tl_page.2
Has session no
Stateless Check no
302 Redirect from tl_page.1.root (fd8671)
394 ms
Total time 394 ms
Initialization time 64 ms
52.5 MiB
Peak memory usage 52.5 MiB
PHP memory limit 512 MiB
0
0 AJAX requests (Clear)

# Profile Method Type Status URL Time

298
Errors 0
Warnings 0
Deprecations 298
6 in 2.56 ms
Cache Calls 6
Total time 2.56 ms
Cache hits 4 / 4 (100%)
Cache writes 2
anon.
Logged in as anon.
Authenticated Yes
Roles
Token class AnonymousToken
Firewall name contao_frontend
7 ms
Render Time 7 ms
Template Calls 8
Block Calls 1
Macro Calls 0
39 in 15.80 ms
Database Queries 39
Different statements 16
Query time 15.80 ms
Invalid entities 0
Second Level Cache disabled
4.13.30
Page layout Hauptlayout (ID 1)
Template n/a
FE preview disabled
Legacy Routing enabled
Prepend locale no
URL suffix .html
Resources Read the Contao docs
Help Contao support channels
5.4.29
Profiler token 093d4a
Environment dev
Debug enabled
PHP version 8.1.28   View phpinfo()
PHP Extensions xdebug ✗ APCu ✗ OPcache ✗
PHP SAPI cgi-fcgi
Resources Read Symfony 5.4.29 Docs
Help Symfony Support Channels