JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="header">International
</div>
<!-- end header -->
<div class="menu">
<a href="#">Home</a>
<a href="#">Portfolio</a>
<a href="#">Become a member</a>
<a href="#">Partners</a>
<a href="#">About us</a>
<a href="#">Contacts</a>
</div>
<!-- end menu -->
<div class="content">
<p class="h1">Heading</p>
<p>Donec in vulputate urna. Duis tincidunt accumsan tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit eleifend orci,
nec ullamcorper lacus sollicitudin nec. Suspendisse potenti. Quisque sagittis leo vitae neque tincidunt sit amet volutpat mauris tincidunt. Mauris
felis turpis, iaculis vitae euismod sit amet, consequat a sem. Quisque enim purus, commodo quis ultrices quis, tristique sed metus. Proin ut ante
metus, eget posuere justo. Proin dignissim augue ac mi ultricies sit amet imperdiet tortor tristique. Fusce fringilla vestibulum sem et placerat.
Ut aliquet rhoncus arcu, at rutrum mauris eleifend a. Cras suscipit fermentum libero quis pretium. Nullam aliquam, leo eu accumsan pellentesque,
ligula sem convallis ligula, id tincidunt magna lacus eget lectus. In ornare aliquet congue.
</p>
<p>Aliquam erat volutpat. Pellentesque accumsan commodo tincidunt. Aliquam vel eros justo, et feugiat enim. Vivamus tortor nulla, laoreet ac
hendrerit sit amet, pretium sed magna. In hac habitasse platea dictumst. Fusce nec urna massa, et euismod nisi. Duis eu accumsan massa.
Vestibulum eu eros lectus, non lobortis erat. Suspendisse ultrices ultrices justo molestie dictum. Nullam vitae scelerisque tellus. Sed vitae elit
vitae dui facilisis scelerisque non ac eros. Aliquam erat volutpat. Quisque vulputate condimentum lacus quis posuere. In non sapien urna, id
rhoncus eros. Nam augue dui, auctor in blandit ac, fermentum in odio. Sed odio magna, sagittis quis pharetra eu, euismod in sapien.
</p>
<p>Duis malesuada volutpat laoreet. Sed ac libero felis. Sed tempus, erat tincidunt tincidunt euismod, nisl odio viverra magna, vel dignissim dolor...

CSS

div.header {height:82px; width:1000px; font-family:Mistral; font-size:48px; color:#afafaf; position:fixed; left:50px}
div.menu {height:42px; width:960px; position: fixed; left:32px; top:82px; background-color:#afafaf; vertical-align:middle}
a:link {color:white; text-decoration:none; font-family:Arial; font-size:18px; margin-right:30px; left:72px; }
a:visited {color:white; text-decoration:none; font-family:Arial; font-size:18px; margin-right:30px; left:72px}
a:active {color:white; text-decoration:none; font-family:Arial; font-size:18px; margin-right:30px; left:72px}
a:hover {color:white; text-decoration:underline; font-family:Arial; font-size:18px; margin-right:30px; left:72px }
div.content{height:475px; width: 924px; position:fixed; left:52px; top:122px}
p.h1 {color:#666666; font-family:Arial; font-size:20px}
p {color:#666666; font-family:Arial; font-size:12px}
div.footer {height:60px; width:960px; position: fixed; background-color:#afafaf; left:32px; top:620px; font-family:Arial; font-size:12px; color:white}