how do I change my code to make it look like the image.

public void SignUpPersonalWindow$()\{$

this.setDefaultCloseOperation$($JFrame$.$EXIT$\_$ON$\_$CLOSE$)$;

this.setLayout$($new GridBagLayout$())$;

$//$ Remove elements from previous window.

businessButton.setVisible$($false$)$;

personalButton.setVisible$($false$)$;

questionLabel.setVisible$($false$)$;

$//$ set the contraints

GridBagConstraints label $=$ new GridBagConstraints$()$;

label.insets $=$ new Insets$(3,3,3,3)$;

GridBagConstraints field $=$ new GridBagConstraints$()$;

field.insets $=$ new Insets$(3,3,3,3)$;

field.gridwidth $=$ GridBagConstraints.REMAINDER;

$//$ Set proper title.

this.setTitle$("$Sign Up$")$;

$//$ Necessary buttons.

nextSignUp $=$ new JButton$("$NEXT$")$;

nextSignUp.addActionListener$($e $->$ BioPicWindow$())$;

backSignUp $=$ new JButton$("$BACK$")$;

backSignUp.addActionListener$($e $->$ SignUpBack$())$;

$//$Labels and text boxes

JLabel name $=$ new JLabel$("$NAME:$")$;

JTextField nameText $=$ new JTextField$(20)$;

JLabel user $=$ new JLabel$("$USERNAME:$")$;

JTextField userText $=$ new JTextField$(20)$;

JLabel email $=$ new JLabel$("$EMAIL:$")$;

JTextField emailText $=$ new JTextField$(20)$;

JLabel pass $=$ new JLabel$("$PASSWORD:$")$;

JPasswordField passText $=$ new JPasswordField$(20)$;

JLabel dob $=$ new JLabel$("$DOB:$")$;

JTextField dobText $=$ new JTextField$(20)$;

this.add$($name$,$ label$)$;

this.add$($nameText$,$ field$)$;

this.add$($user$,$ label$)$;

this.add$($userText$,$ field$)$;

this.add$($email$,$ label$)$;

this.add$($emailText$,$ field$)$;

this.add$($pass$,$ label$)$;

this.add$($passText$,$ field$)$;

this.add$($dob$,$label$)$;

this.add$($dobText$,$ field$)$;

this.add$($backSignIn$,$ gbc$)$;

this.add$($nextSignUp$,$ gbc$)$;

this.add$($this$,$ BorderLayout.NORTH$)$;

this.setVisible$($true$)$;

$\}$