<!DOCTYPE html>

<html lang="en">


<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>
<link href="|Varela+Round" rel="stylesheet">

<link rel="stylesheet" href="">

<link rel="stylesheet" href="">

<link rel="stylesheet" href="">

<script src=""></script>

<script src=""></script>


    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;
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter