JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>

<title>Заголовок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <link rel="stylesheet" href="css/style.css" type="text/css" />
              <link rel="stylesheet" href="css/orbit.css">

        <title>Orbit Demo</title>
    
          
        <!--[if IE]>
            <style type="text/css">
                .timer { display: none !important; }
                div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
            </style>
        <![endif]-->
          
        <!-- Attach necessary scripts -->
        <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.orbit.min.js"></script>
        
        <!-- Run the plugin -->
        <script type="text/javascript">
            $(window).load(function() {
                $('#featured').orbit({
                    'bullets': true,
                    'timer' : true,
                    'animation' : 'horizontal-slide'
                });
            });
        </script>
        
    </head>

    <body>
    
    <div class="wrapper">

<div class="logo">
</div>

<div class="header">
<div class="login">
Логин: 
        <label for="login_name"></label><input type="text" name="login_name" id="login_name" /></br>
        
        
        <div class="login2">
    Пароль:    </label><input type="password" name="login_password" id="login_password" />

 </div>
 </div>
 
<div class="regi">

<a href="#" class="regi3">Вход</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="#" class="regi2">Регистрация</a> 
 
  </div>

  

 <div class="h">
  </div>
  
 <div class="tel">
 </div>


 <div class="tel2">
 +7(495)<e>555-05-05</e>
 <div class="r">
 </div>
  +7(495)<e>555-05-05</e>
  </div>
  
   <div class="h2">
</div>
<div class="mail">
</div>


<div class="support">
  Support<e>@hosting.ru</e>
 <div...

CSS

/*********************************
Made by Ergonav
(ICQ:# 648822)
Visit site: http://ergonav.ru/
Date: 10/06/2012
**********************************/

/* Reset */
* {margin: 0; padding: 0;}
img { border: 0; }
a, img, div, input  { outline: none;}
ol, ul { list-style-position: inside;}
ul { list-style-type: none;}
table { border-collapse: collapse; margin: 0;}



html,body {
height: 100%;
font-size: 12px;
font-family: Arial, Tahoma, sans-serif;
background: url(../i/bg.jpg) no-repeat;
margin: 0 auto;
width: 1200px;
}

.wrapper {
background: #fff;
width: 935px;
min-height:100%;
height:auto !important;
height:100%;
margin: 0 auto;
border-left: 3px inset #b5b1ae;
border-right: 3px inset #b5b1ae;
}

.logo {
background: url(../i/logo.jpg);
width: 171px;
height: 40px;
float: left;
margin-top: 23px;
margin-left: 38px
}

.header {
background: url(../i/header.jpg);
width: 571px;
height: 90px;
float: left;
margin-left: 45px;
margin-top: 5px;
}

.login {
font-size: 13px;
font-family: Arial;
color: #666666;
float: left;
margin-left: 23px;
margin-top: 10px;
}

.login2 {
font-size: 13px;
font-family: Arial;
color: #666666;
float: left;
margin-left: -5px;
margin-top: 7px;
_margin-left: -1px;
}


/** Форма входа **/


#login_name  {
border: 1px solid #fff;
border: 1px inset #b5b1ae;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: 5px;
box-shadow: inset 0 0 10px #b5b1ae;
width: 110px;
height: 20px;
}

#login_password {
border: 1px solid #fff;
border: 1px inset #b5b1ae;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: 0px;
box-shadow: inset 0 0 10px #b5b1ae;
width: 110px;
height: 20px;
}

#login_name input, textarea  {
color: #000;
}

#login_password input, textarea  {
color: #000;
}



.regi {
display: block;
float: left;
margin-top: 62px;
margin-left: -155px;
}


a.regi2{
color: #086608;
text-decoration: none;
font-size: 13px;
font-family:...