ecardilly Design Components

Preview Sharepages 

<html>

<head>
    <title>ecardilly • Components</title>

    <!-- // SEO META -->
    <meta charset="utf-8" />

    <!-- // FUNCTIONAL META -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="theme-color" content="#f5c346" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2"></script>

    <!-- // ASSETS -->
    <link href="../../compodilly.min.css?v=c7e0ad3" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../../application.min.js?v=c7e0ad3" defer></script>

</head>

<body class="layout--public">

    <main class="main"></main>

    <footer class="footer--ultra_minimal">
        <div class="container">
            <div class="row">
                <div class="d_grid-12">
                    © 2025 eCardilly – Alle Rechte vorbehalten –
                    <a href="#impressum" class="ahref--subdued">Impressum</a>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>
 
<html>
	<head>
		<title>ecardilly • Components</title>

		<!-- // SEO META -->
		<meta charset="utf-8" />

		<!-- // FUNCTIONAL META -->
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1, user-scalable=no"
		/>
		<meta name="theme-color" content="#f5c346" />

		{{! OUTSIDE ASSETS }}
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link
			href="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"
			rel="stylesheet"
		/>
		<script
			src="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2"
		></script>

		<!-- // ASSETS -->
		<link
			href="{{path '/compodilly.min.css'}}?v={{buildId}}"
			rel="stylesheet"
			type="text/css"
		/>
		<script
			type="text/javascript"
			src="{{path '/application.min.js'}}?v={{buildId}}"
			defer
		></script>

	</head>
	<body class="layout--public">

		<main class="main">{{{yield}}}</main>

		{{> @footer modifier="footer--ultra_minimal" }}
	</body>
</html>
 
/* No context defined. */

No notes defined.