<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap Subscribe Newsletter Form inside Modal</title> 8 <link href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round" rel="stylesheet"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style> body { font-family: 'Varela Round', sans-serif; } .modal-newsletter { color: #999; font-size: 15px; } .modal-newsletter .modal-content { padding: 40px; border-radius: 0; border: none; } .modal-newsletter .modal-header { border-bottom: none; position: relative; text-align: center;