-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 2.69 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Weather APP</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Nova+Square&display=swap" rel="stylesheet"><script defer="defer" src="index.js"></script><link href="main.css" rel="stylesheet"></head><body class="relative h-screen bg-blue-50"><div class="text-center"><p translate="no" class="leading-6 text-blue-900 text-4xl title border-4 border-double h-fit p-2">Weather App</p><section id="local" class="w-full h-fit bg-white border-b-2 border-blue-600 flex justify-center flex-wrap"><div class="flex h-[124px] p-4"><div class=""><div class="bg-slate-300 w-44 h-10 rounded-3xl animate-pulse m-1"></div><div class="bg-slate-300 w-32 h-10 rounded-3xl animate-pulse m-1"></div></div><div class=""><div class="bg-slate-300 w-20 h-10 rounded-3xl animate-pulse m-1"></div><div class="bg-slate-300 w-20 h-4 rounded-3xl animate-pulse m-1"></div><div class="bg-slate-300 w-20 h-4 rounded-3xl animate-pulse m-1"></div></div><div class=""><div class="bg-slate-300 w-14 h-10 rounded-3xl animate-pulse m-1"></div><div class="bg-slate-300 w-14 h-6 rounded-3xl animate-pulse m-1"></div></div></div></section><p class="text-base leading-6 text-green-600 mt-10font-semibold tracking-wide bg-slate-200">Search & add cities</p></div><form class="input w-full mx-auto flex justify-center w-fit flex-wrap items-center bg-slate-200"><input class="border-2 rounded-xl mr-4 outline-blue-500 px-4" placeholder="Introduce a city"><div class="m-4"><input id="search" class="bg-blue-900 text-white p-2 rounded-2xl mr-4" type="submit" value="Search"/> <button id="delete" class="bg-red-900 text-white p-2 rounded-2xl mr-4">Delete</button></div></form><div id="clima"><div class="border-solid border-2 animate-pulse border-blue-600 bg-slate-400 w-40 margin h-80 rounded-xl p-4"></div><div class="border-solid border-2 animate-pulse border-blue-600 bg-slate-400 w-40 margin h-80 rounded-xl p-4"></div><div class="border-solid border-2 animate-pulse border-blue-600 bg-slate-400 w-40 margin h-80 rounded-xl p-4"></div><div class="border-solid border-2 animate-pulse border-blue-600 bg-slate-400 w-40 margin h-80 rounded-xl p-4"></div></div><footer class="h-fit w-full absolute border-t-2 border-blue-900 flex justify-center items-center"><a class="text-center text-blue-900" href="https://github.com/sharlybip/clima" target="_blank"><img class="w-10 h-fit rounded-3xl" src="./assets/images/icons8-github.svg" alt="github"> <span>Code</span></a></footer></body></html>