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

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

References

selectedPre-seleziona un elemento di input
requiredRende obbligatorio un campo di input
<head>Tag primario di un documento HTML
<select>Usato per creare un menu a tendina.
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
<a>Inserisce link e collegamenti ipertestuali

Users

Log in to search for users

Explore

Find inspiration

Creatore Badge Aziendale

Pro Vercelli LB

Alice nel Paese delle Meraviglie

Creazione di un form

Array of Colors

educazione civica 2

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;
}