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

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

Referenze

<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
accept-charsetAttribuisce un tipo di codifica dei caratteri per l'invio dei dati di un form HTML
<h1>Titolo di intestazione di primo livello
<embed>Tag per l'incorporamento di contenuti multimediali
_parentApre collegamenti ipertestuali nell'elemento genitore
langSpecifica la lingua del contenuto di un elemento

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Countdown Passaporto 1

inserimento immagini in un testo

Table (prove)(2)

Elenchi puntati con HTML

Contatore di click mio

esercitazione6.html

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

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