Kladdkaka - Ricetta Torta al Ciocc by @alessandrostano - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
<div>Crea contenitori generici o sezioni in una pagina
<tbody>Definisce il contenuto principale di una tabella.
autofocusAttiva un elemento al caricamento della pagina.
maxImposta il valore numerico o temporale massimo per un elemento input

Users

Log in to search for users

Explore

Find inspiration

Costruzione tabella esame

Modulo preventivo

Dario Di Fazio - Portfolio CV & Co

Orologio Analitico

poccodio inserimenti immagineee

Adobe PDF Shared 4

JS Istruzioni condizionali es3

Lezione 3/11 pt.2

5/10/24 es. 10 - cifratura

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kladdkaka - Ricetta Torta al Cioccolato Svedese</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>Kladdkaka</h1>

        <!-- Titolo sopra l'immagine -->
        <div class="header-title"></div>
        <!-- Immagine della torta -->
        <img src="https://www.carolinescooking.com/wp-content/uploads/2022/05/kladdkaka-Swedish-gooey-chocolate-cake-featured-pic-sq.jpg" alt="Kladdkaka" class="header-image">
        
        <h2>Ingredienti:</h2>
        <ul class="ingredienti">
            <li>4 uova</li>
            <li>350 grammi di zucchero semolato</li>
            <li>40 grammi di zucchero di canna</li>
            <li>200 grammi di burro</li>
            <li>200 grammi di cioccolato al latte</li>
            <li>120 grammi di farina 00</li>
            <li>40 grammi di cacao in polvere</li>
            <li>1 cucchiaino di estratto di vaniglia</li>
            <li>1/2 cucchiaino di sale</li>
        </ul>
        
        <h2>Preparazione:</h2>
        <div class="preparazione">
            <p><strong>1.</strong> Utilizza uno sbattitore elettrico e monta le uova con gli zuccheri per circa 2 minuti a velocità media.</p>
            <p><strong>2.</strong> Sciogli il burro a fuoco medio fino a quando inizia a fare le bolle. Togli dal fuoco e lascia raffreddare per un minuto.</p>
            <p><strong>3.</strong> Aggiungi il cioccolato al latte al burro e mescola fino a quando il cioccolato è completamente fuso e amalgamato.</p>
            <p><strong>4.</strong> Aggiungi il cioccolato e il burro al composto di uova e zucchero. Mescola bene con una frusta a palloncino fino a ottenere un composto omogeneo.</p>
            <p><strong>5.</strong> Setaccia la farina, il cacao, il sale e aggiungi al composto. Mescola delicatamente con una frusta a palloncino fino a quando il composto è completamente amalgamato.</p>
            <p><strong>6.</strong> Rivesti uno stampo a cerniera di 24 cm di diametro con carta da forno e versa l’impasto.</p>
            <p><strong>7.</strong> Cuoci in forno preriscaldato a 175°C (350°F) nella parte centrale del forno per circa 20-30 minuti. Di solito cuocio per 25 minuti.</p>
            <p><strong>8.</strong> Agita delicatamente lo stampo per verificare la cottura: i bordi dovrebbero essere fissi mentre il centro deve essere ancora tremolante.</p>
            <p><strong>9.</strong> Lascia raffreddare a temperatura ambiente, poi metti in frigorifero per circa 2 ore o fino a quando la torta è completamente fredda. Non rimuovere dalla cerniera fino a quando è completamente fredda.</p>
            <p><strong>10.</strong> Spolvera con zucchero a velo prima di servire. Servi fredda per una consistenza fudgy o a temperatura ambiente per una consistenza morbida e appiccicosa. Accompagna con panna montata.</p>
        </div>

        <div class="note">
            *Nota: La cottura può variare a seconda del forno. Monitora attentamente il tempo di cottura per ottenere il risultato desiderato.
        </div>
        
        <div class="footer">
            Ricetta tradizionale svedese - Buon appetito!
        </div>
    </div>
    <script src="scripts.js"></script>
</body>
</html>

body {
    font-family: 'Arial', sans-serif;
   
}
.container {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    padding: 30px;
    max-width: 700px;
    width: 90%;
    margin: 20px;
}

h1 {
    color: #b22222; /* Rosso scuro */
    font-size: 2.5em;
    margin-bottom: 20px;
}

.header-title {
    font-size: 2em;
    color: #b22222; /* Rosso scuro */
    margin: 20px 0;
}

.header-image {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 20px;
}

h2 {
    color: #b22222; /* Rosso scuro */
    font-size: 1.8em;
    border-bottom: 3px solid #b22222;
    padding-bottom: 10px;
    margin: 20px 0;
}

.ingredienti, .preparazione {
    margin: 20px 0;
    text-align: left;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    background-color: #f9f9f9;
    border-radius: 8px;
    margin: 10px 0;
    padding: 10px;
    font-size: 1.1em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.preparazione p {
    margin: 15px 0;
    font-size: 1.1em;
}

.note {
    font-style: italic;
    color: #555;
    margin-top: 20px;
}

.footer {
    text-align: center;
    margin-top: 30px;
    font-size: 1em;
    color: #777;
}