JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Compliant and Identity Access Management as a Service</title>
<style type="text/css">
body,#wrap{
background-color:#50617f;
}
#layout{
margin:10px auto 30px;
text-align:left;
}
#topbar{
text-align:center;
font-size:12px;
padding:10px 0 20px;
color:#eee;margin:0;
}
#topbar a{
color:#fff;
text-decoration:underline;
font-weight:normal
}
#nav{
background:#414f67;
border-left:0;
border-right:0;
color:#ddd;
text-align:center;
padding:10px 20px;
font-size:13px;}
#nav a{
margin:0 5px;
color:#eee;
}
#content{
font-size:13px;
background:#eee;
color:#444;
font-style:normal;
font-weight:normal;
font-family:Helvetica;
line-height:1.4em;
padding:10px 30px 30px;
vertical-align:top;
}
#content .primary-heading,.content .primary-heading{
font-size:22px;
font-weight:normal;
color:#333;
font-family:Georgia;
line-height:150%;
text-align:left;
margin:10px 0px;
}
#content .secondary-heading{
font-size:18px;
font-weight:normal;
color:#333;
font-style:normal;
font-family:Georgia;
text-align:left;
margin-bottom:15px;
/*line-height:1.4;*/
}
/*#content .secondary-paragraph{
font-size:18px;
font-weight:normal;
color:#333;
font-style:normal;
font-family:Georgia;
text-align:left;*/
/*margin-bottom:0px;*/
/*vertical-align:bottom;*/
/*line-height:1.4;*/
}
p.btn{
background:#2d2d2d;
border:3px solid #ebebeb;
}
p.btn a{
font-weight:normal;
text-decoration:none;
font-size:26px;
color:#fff;
font-family:Georgia;
text-transform:uppercase;
text-align:center;
display:block;
padding:20px...