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

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

References

<div>Crea contenitori generici o sezioni in una pagina
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
classDefinisce una o più classi per elemento
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
titleIndica informazioni aggiuntive riguardo un elemento HTML
<q>Indica una parte di testo come citazione breve

Users

Log in to search for users

Explore

Find inspiration

Web Design Final 2024

Éclat Couture - Alta Moda Artigia

Suono musicista 09/02/24

Lezione 4 (terza parte)

Italiano-Cinema [Bacheca]

questa sarà una pagina web dedic

Esercitazione 1

Tabella esercizi

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