1
- const Logginn = ( ) => {
2
- return (
3
- < div className = "min-h-screen flex flex-col justify-between bg-white" >
4
- < nav className = "flex justify-between items-center px-8 py-4 bg-white shadow" >
5
- < img src = "/nav-logo.png" alt = "NAV logo" className = "h-10" />
6
- < div className = "flex space-x-8 text-gray-700 font-medium" >
7
- < a href = "#" > Hjem</ a >
8
- < a href = "#" > Privat</ a >
9
- < a href = "#" > Arbeidsgiver</ a >
10
- < a href = "#" > Samarbeidspartnere</ a >
11
- < input placeholder = "Søk" className = "border rounded px-2" />
12
- </ div >
13
- </ nav >
14
-
15
- < main className = "flex-grow flex flex-col items-center justify-center" >
16
- < h1 className = "text-3xl font-bold mb-8" > Velkommen tilbake!</ h1 >
17
- < div className = "flex flex-col gap-4" >
18
- < input
19
- type = "text"
20
- placeholder = "Brukernavn"
21
- className = "border border-gray-400 px-4 py-2 rounded w-80"
22
- />
23
- < input
24
- type = "password"
25
- placeholder = "Passord"
26
- className = "border border-gray-400 px-4 py-2 rounded w-80"
27
- />
28
- < button className = "bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded w-80" >
29
- Logg inn
30
- </ button >
31
- </ div >
32
- </ main >
33
-
34
- < footer className = "bg-gray-200 p-6" >
35
- < div className = "grid grid-cols-4 gap-4 text-sm" >
36
- < ul >
37
- < li > Kontakt</ li >
38
- < li > Kontakt oss</ li >
39
- < li > NAV i ditt fylke</ li >
40
- < li > Kurs fra NAV</ li >
41
- < li > Klage og tilbakemeldinger</ li >
42
- </ ul >
43
- < ul >
44
- < li > NAV og samfunn</ li >
45
- < li > Statistikk, analyse og FoU</ li >
46
- < li > Lover og regler (lovdata.no)</ li >
47
- < li > Om NAV</ li >
48
- </ ul >
49
- < ul >
50
- < li > English</ li >
51
- < li > Sámegiella</ li >
52
- </ ul >
53
- < ul >
54
- < li > Personvern og informasjonskapsler</ li >
55
- < li > Endre samtykke for informasjonskapsler</ li >
56
- < li > Svindelforsøk og sikkerhet</ li >
57
- < li > Tilgjengelighet</ li >
58
- </ ul >
59
- </ div >
60
- </ footer >
61
- </ div >
62
- ) ;
63
- } ;
64
-
65
- export default Logginn ;
1
+ //test
0 commit comments