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

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

Referenze

colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
text/plainDefinisce un metodo di non codifica dei valori di un form
<body>Tag primario di un documento HTML
<h6>Titolo di intestazione di sesto livello
<q>Indica una parte di testo come citazione breve
listCollega un elemento input con una lista di opzioni datalist

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

JavaScript Debug Console

affettiminoriwill

Pagina Test-A D&D story

Prima Coccola ebay(2)(2)(2)

spiaggia portobotte

Link sito di Jacopo Picco

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