sito fanta by @silvione87 - Codewith.it

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

Referenze

<i>Formatta il testo in corsivo/italico non enfatizzato
formSpecifica a quale form appartiene un elemento.
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
<h4>Titolo di intestazione di quarto livello
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

esercizi riepilogativi

UX / Web Design Green – Progetto

UX / Web Design, Freelance – Pro

Selezione Telefoni

Menu a tendina CSS

TechForge | Riparazioni e Stampa 3D

Home Page di Cristian Moraru\\

cpa continuing professional educat

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>SmartPast</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>SmartPast</h1>
  </header>
  <main>
    <section class="lista-farmaci">
      <h2>Elenco Farmaci</h2>
      <ul>
        <li>
          <span class="nome-farmaco">Pastiglia per la pressione</span>
          <span class="dosaggio">500 mg</span>
          <span class="frequenza">3 volte al giorno</span>
          <span class="orario">8:00, 12:00, 18:00</span>
        </li>
        </ul>
    </section>
    <section class="aggiungi-farmaco">
      <h2>Aggiungi Farmaco</h2>
      <form id="form-farmaco">
        <label for="nome-farmaco">Nome Farmaco:</label>
        <input type="text" id="nome-farmaco" name="nome-farmaco" required>
        <label for="dosaggio">Dosaggio:</label>
        <input type="number" id="dosaggio" name="dosaggio" required>
        <label for="frequenza">Frequenza:</label>
        <select id="frequenza" name="frequenza" required>
          <option value="1">1 volta al giorno</option>
          <option value="2">2 volte al giorno</option>
          <option value="3">3 volte al giorno</option>
          </select>
        <label for="orario">Orario:</label>
        <input type="time" id="orario" name="orario" required>
        <button type="submit">Aggiungi</button>
      </form>
    </section>
  </main>
  <script src="script.js"></script>
</body>
</html>

body {
  font-family: 'Intro', sans-serif; /* Use Intro font first, fallback to sans-serif */
  background-color: #f0f0f0;
  color: #333;
}

/* Scaricare e includere il font Intro nella cartella del progetto */
@font-face {
  font-family: 'Intro';
  src: url('Intro.woff2') format('woff2'),
       url('Intro.woff') format('woff');
}

header {
  background: linear-gradient(to right, #4CAF50 0%, #008CBA 100%);
  color: white;
  text-align: center;
  padding: 1em 0;
}

h1 {
  font-size: 2em;
  font-family: 'Intro', sans-serif; /* Use Intro font for headings */
}

main {
  padding: 2em;
}

section {
  margin-bottom: 2em;
}

h2 {
  font-size: 1.5em;
  margin-bottom: 1em;
}

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

li {
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin-bottom: 1em;
}

.nome-farmaco {
  font-weight: bold;
  font-family: 'Intro', sans-serif; /* Use Intro font for drug names */
}

.dosaggio,
.frequenza,
.orario {
  margin-left: 1em;
}

/* Pulsante aggiungi farmaco */

.aggiungi-farmaco button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 1em 2em;
  cursor: pointer;
  transition: background-color 0.3s;
}

.aggiungi-farmaco