JSFiddle - React, Tailwind, and code Playground

by Murat Kezli

HTML

<div class="menu">

</div><br><br><br>
<div class="cont">
<div class="h-header"><h1>
Taksim International Hotels Istanbul</h1>

</div>





<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<span class="tel">İstanbul Otelleri</span><br>
<span class="adres">21. Birşey Cad. Kimbilir Sk. No:9/5 Mecidiyeköy / İstanbul / Türkiye</span>
<br>

<span class="tel"> <i class="fa fa-phone "> :</i>+90 212 233 97 54</span>
<span class="fax"> <i class="fa fa-fax "> :</i>+90 212 233 97 54</span>
<span class="mail"> <i class="fa fa-envelope "> :</i>[email protected]</span>
<span class="web"> <i class="fa fa-globe "> :</i>www.test.net</span>

<br>
<p>Otelin Konseptleri</p>
<p>Kayak Oteli</p>
<p>Şehir Oteli</p>
<p>Balayı Oteli</p>

</div>

CSS

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400&subset=latin-ext');
body { margin:0px; padding:0px;
  font-family: 'Muli', sans-serif;
  font-weight: 300;
  background-color:#555555; 
}
.menu{ width:100%; height:70px; background-color:#222222;}
.cont{ width:1100px; min-height:50px; margin:0px auto;  background-color:#cccccc;color:#444444;}

.h-header{ width:100%; background-color:blue;}
.h-header h1{ display:block;}

i {
  width: 30px;
  padding-bottom: 18px;
  color: gray;
}
span{ /*border-bottom: 1px dashed gray;*/}
span::after {content:'';display:block;}