sito fanta by @silvione87 - Codewith.it

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

References

<nav>Definisce un menu di navigazione
hrefDefinisce l'URL della risorsa/pagina di destinazione.
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
<tfoot>Definisce il footer o sezione inferiore di una tabella.
<h4>Titolo di intestazione di quarto livello
formnovalidateImpedisce la convalida di un singolo elemento input

Users

Log in to search for users

Explore

Find inspiration

JS Esercizio Concetti Gen es3

esercitazione4.html(2)

Pascal Landriscina

Bootstrap Basics

Il Labirinto di Teseo

Autoscuola Roma EUR Torrino Patent

Suono musicista 09/02/24

registration form

prova elenco puntato

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