JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Template · Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link rel="stylesheet" href="http://s3.amazonaws.com/django_worksquid_media_and_assets/site_media/bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="http://s3.amazonaws.com/django_worksquid_media_and_assets/site_media/bootstrap/css/bootstrap-responsive.min.css"/>
<link rel="stylesheet" href="site_media/icomoon/style.css"/>
<!--[if lte IE 7]><script src="site_media/icomoon/lte-ie7.js"></script><![endif]-->
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
background-image: url('bg.png');
background-repeat: repeat-x repeat-y;
}
/* Custom container */
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.container-narrow > hr {
margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 60px 0;
}
.jumbotron h1 {
font-size: 50px;
line-height: 1;
text-align: center;
padding-bottom: 50px;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
/* my modal */
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #eeeeee;
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 700px;
margin-left: -350px;
background-color: #ffffff;
...