|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
div := hb.Div().Class("rounded-lg shadow-lg w-full m-4 md:w-2/5")
formHeading := hb.Heading1().
Class("text-xl mb-6 bg-gradient-to-r from-blue-500 to-blue-700 text-blue-100 p-2 text-center").
HTML("Login to your account")
div.AddChild(formHeading)
form := hb.Form().Class("p-4")
usernameDiv := hb.Div().Class("flex flex-col gap-y-1 mb-2").
Child(hb.Label().Class("text-gray-600").HTML("Username")).
Child(hb.Input().Type("text").Placeholder("Enter your username").
Class("border px-3 py-2 rounded outline-none text-gray-500 text-sm"))
form.AddChild(usernameDiv)
passwordDiv := hb.Div().Class("flex flex-col gap-y-1 mb-1").
Child(hb.Label().Class("text-gray-600").HTML("Password")).
Child(hb.Input().Type("password").Placeholder("Enter your password").Class("border px-3 py-2 rounded outline-none text-gray-500 text-sm"))
form.AddChild(passwordDiv)
forgotPassword := hb.Span().Class("block mb-4").
Child(hb.Hyperlink().Class("text-blue-700 text-sm").Href("").HTML("Forgot Password?"))
form.AddChild(forgotPassword)
loginButton := hb.Button().Class("bg-blue-500 text-blue-100 px-3 py-2 w-full rounded transition duration-300 hover:bg-blue-600").HTML("Login")
form.AddChild(loginButton)
div.AddChild(form)
|