1st project by @tywilliams7 - Codewith.it

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

References

<blockquote>Inserisce citazioni in un documento HTML
hrefDefinisce l'URL della risorsa/pagina di destinazione.
listCollega un elemento input con una lista di opzioni datalist
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
text/plainDefinisce un metodo di non codifica dei valori di un form
placeholderDefinisce un testo segnaposto per un elemento input o textarea

Users

Log in to search for users

Explore

Find inspiration

codice theo fatto na merda

Review of Functions I

Nuovo sito travel

La mia prima pagina HTML

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.

 <h1>The Weather App</h1>

    <form>
      <div class="overflow-container">

      <input list="locations" type="text"  placeholder="Enter City" class="locationInput">
        
      <datalist id="locations">
        <option value="Phoenix"></option>
        <option value="Miami"></option>
        <option value="Denver"></option>
        <option value="Los Angeles"></option>
        <option value="Baton Rouge"></option>
          <option value="Chicago"></option>
          <option value="Little Rock"></option>
          <option value="Oklahoma City"></option>
          <option value="Nashville"></option>
          <option value="Salt Lake"></option>
          <option value="Columbus"></option>
          <option value="Newport"></option>
          <option value="Brooklyn"></option>
          <option value="Boston"></option>
          <option value="Hartford"></option>
      </datalist>

  
      <button class="button2">Enter</button>
    </form>

    <div class="weatherOutput">
      <div class="weatherIcon">
      <div class="weatherResults"></div>

      <div class="weatherconditons"></div>
      <div class="weatherTemp"></div>
    </div>

body {
  background-image: url("https://www.freestepdodge.com/attachments/03fcd68e5673f08be96d2b6bb5be8261-gif.27647/");
  background-repeat: no-repeat;
  background-size: 100%;
  margin:0%;
  padding:50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.videoBg {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  object-fit: cover;
}

.main {
  position: relative;
  z-index: 100;
}

body {
  background-size: cover;
}

.overflow-container {
  display: flex;
  justify-content: space-around;
}

.weather {
  overflow: auto;
  position: relative;
}

.heavy-rain {
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 20px;
}

.Sunny-Weather  {
    position: fixed;
    top: 10px;
    right: 10px;
    
}