JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<html>
    <head>
        <!--meta-->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="robots" content="index, follow"/>
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto+Condensed:300,400,500,700" rel="stylesheet">

        <!--css-->
        <link href="http://exprodental.com/assets/css/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
        <link href="http://exprodental.com/assets/css/fontello/css/fontello.css" rel="stylesheet" type="text/css"/>

        <link rel="stylesheet" type="text/css" href="http://exprodental.com/assets/css/common/base.css">
        <link rel="stylesheet" type="text/css" href="http://exprodental.com/assets/css/main/main.css">
        <link rel="stylesheet" type="text/css" href="http://exprodental.com/assets/css/main/main_responsive.css">


                        <link rel="stylesheet" type="text/css" href="http://exprodental.com/assets/scripts/libs/jquery-ui/jquery-ui.min.css"/>
            
        <!--scripts-->
        <script type="text/javascript">
            //define base url
            base_url = 'http://exprodental.com/';
        </script>
        <script type="text/javascript" src="http://exprodental.com/assets/scripts/libs/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="http://exprodental.com/assets/scripts/libs/jquery.effects.core.js"></script>     

                        <script src="http://exprodental.com/assets/scripts/libs/jquery-ui/jquery-ui.min.js"></script>
            
        <link rel="icon" href="http://exprodental.com/assets/images/icon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="http://exprodental.com/assets/images/icon.ico" type="image/x-icon">

        <link...

CSS

body {
background-image: url(black-Linen.png);
}

/* NavBar */
#menu {
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 50px 0;
padding: 0;
list-style-type: none;
background-color: #800000;
font-size: 13px;
height: 40px;
border-bottom: 2px solid #5A0000;   
}
#menu li {
float: left;
margin: 0;
}
#menu li a {
text-decoration: none;
display: block;
padding: 0 20px;
line-height: 40px;
color: #FFF;
}
#menu li a:hover {
background-color: #CC0000;
border-bottom: 2px solid #DDD;
color: #000;
}
#menu_wrapper ul {
margin-left: 12px;
}
#menu_wrapper {
padding: 0 16px 0 0;
background-color: #666666;
}
#menu_wrapper div {
float: left;
height: 44px;
width: 12px;
background-color: #666666;
}
.header {
height: 720px;
width: 1600px;
margin: 0 auto 0 auto;
padding: 10px 10px 20px 10px;
overflow: hidden;
}
.head-image {
height: 720px;
width: 1600px;
box-shadow: 5px 5px 3px #000;

}
div.hr {
height: 32px;
background: url(fire.png) no-repeat scroll center;
}
div.hr hr {
display: none;
}
.content {
width:1600px;
height: 250px;
margin: 25px auto 15px auto;
padding: 10px;
}
/*Performance*/
.icon1 {
border: 2px solid #FFF;
background-image: url(tactile_noise.png);
height: 240px;
width: 500px;
float: left;
margin-right: auto;
margin-left: auto;
}
.container i {
display: block;
margin: 10px auto 0 auto;
width: 32px;
color: #800000;
border-radius:50%;
}
/*Technology*/
.icon2 {
border: 2px solid #FFF;
background-image: url(tactile_noise.png);
height: 240px;
width: 500px;
float: left;
margin-right: 42px;
margin-left: 42px;
}
/*Design*/
.icon3 {
border: 2px solid #FFF;
background-image: url(tactile_noise.png);
height: 240px;
width: 500px;
float: left;
margin-right: auto;
margin-left: auto;
}
h2 {
text-align: center;
font-weight: bold;
font-family: roboto, sans-serif;
margin-top: 2px;
}
h2 a {
text-decoration: none;
color: #FFF;
}
h2 a:hover, a:active {
color: #9f1111;

}
.ptd {
width: 40%;
}
p {
text-align: center;
font-style: italic;
font-family: roboto,...