Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="rus">
<head>
<title>ВЕБ-кредитор | Главная</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
​
​
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
<script type="text/javascript" src="js/script.js"></script>
​
​
​
​
​
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.bg{behavior:url("js/PIE.htc");}</style>
<![endif]-->
</head>
<body id="page1">
<div class="body1">
  <div class="body2">
    <div class="main">
      <!-- header -->
      <header>
        <div class="wrapper">
          <h1><a href="index.html" id="logo">Web-kreditor</a></h1>
          <nav>
            <ul id="menu">
              <li id="nav1" class="active"><a href="index.html">Главная<span>Приветствуем!</span></a></li>
              <li id="nav2"><a href="products.html">Займы<span>онлайн </span></a></li>
              <li id="nav3"><a href="services.html">О нас<span>узнайте</span></a></li>
              <li id="nav4"><a href="news.html">Отзывы<span>клиентов</span></a></li>
              <li id="nav5"><a href="contacts.html">Контакты<span>наш адрес</span></a></li>
            </ul>
          </nav>
        </div>
        <div class="wrapper">
          <div class="slider">
            <ul class="items">
              <li><img src="images/img1.jpg" alt=""></li>
              <li><img src="images/img2.jpg" alt=""></li>
              <li><img src="images/img3.jpg" alt=""></li>
              <li><img src="images/img4.jpg" alt=""></li>
            </ul>
          </div>
        </div>
      </header>
      <!-- header end-->
    </div>
  </div>
</div>
​
​
  
​
​
<div class="body3">
  <div class="main">
    <!-- content -->
    <article id="content">
      <div class="wrapper">
        <section class="cols">
            <h3><span class="dropcap1"></span>Огромный выбор кредитования<span></span></h3>
          <p class="pad_bot1">Более 50 организаций готовы выдать Вам десятки тысяч рублей прямо сейчас!Вам не придется идти в Банк</p>
          <a href="#" class="link1">Подробнее</a>
        </section>
          
        <section class="cols pad_left1">
          <h3><span class="dropcap2"></span> Оформление в режиме онлайн<span></span></h3>
          <p class="pad_bot1">Процедуры оформления занимают не более 5 минут. Требуется выход в интернет и достичь совершеннолетия.</p>
          <a href="#" class="link1">Подробнее</a> 
          </section>
          
        <section class="cols pad_left1">
          <h3><span class="dropcap3"></span>Мгновенное получение средств<span></span></h3>
          <p class="pad_bot1">Деньги можно получить на банковскую карту, электронный кошелек, переводом или наличными. </p>
          <a href="#" class="link1">Подробнее</a> 
          </section>
          
        <section class="cols pad_left1">
          <h3><span class="dropcap4"></span>Рейтинг и отзывы клиентов<span></span></h3>
          <p class="pad_bot1">Мы ведем собственный рейтинг кредитных организаций исходя от отзывов клиентов.</p>
          <a href="#" class="link1">Подробнее</a> 
          </section>
      </div>
      <div class="wrapper">
        <section class="col1">
          <h2 class="under">Рады видеть Вас на нашем портале!</h2>
          <div class="wrapper">
            <figure class="left marg_right1"><img src="images/girl.png" alt=""></figure>
            <p class="pad_bot1">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa.</p>
            <p> Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p>
          </div>
        </section>
        <section class="col2 pad_left1">
          <h2>Топ-10 микрозаймов по одобрению</h2>
          <div class="testimonials">
            <div id="testimonials">
             
              <ul>
                <li>
                  <div> <img src="images/Moneyman.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг <br>
                  Отзывы</strong></span> </li>
                  
                 
                  
                <li>
                  <div> <img src="images/Eurozaem.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг <br>
                  Отзывы</strong></span> </li>
                <li>
                  <div> <img src="images/Ezaem.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг<br>
                  Отзывы</strong></span> </li>
                  <li>
                  <div> <img src="images/Beri.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг <br>
                  Отзывы</strong></span> </li>
                  <li>
                  <div> <img src="images/Platiza.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг<br>
                  Отзывы</strong></span> </li>
                   <li>
                  <div> <img src="images/Oneclickmoney.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг<br>
                  Отзывы</strong></span> </li>
                   <li>
                  <div> <img src="images/Viva.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг<br>
                  Отзывы</strong></span> </li>
                   <li>
                  <div> <img src="images/Nacional-zaim.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг<br>
                  Отзывы</strong></span> </li>
                   <li>
                  <div> <img src="images/Jivie-dengi.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг<br>
                  Отзывы</strong></span> </li>
                   <li>
                  <div> <img src="images/Yo-finance.jpg" alt=""></div>
                  <span><strong class="color1">Рейтинг <br>
                  Отзывы</strong></span> </li>
              </ul>
            </div>
            <a href="#" class="up"></a> <a href="#" class="down"></a> </div>
        </section>
      </div>
      
    </article>
    
  </div>
</div>
​
​
​
​
​
​
​
​
​
​
​
<div class="body4">
  <div class="main">
    <article id="content2">
      <div class="wrapper">
    
        <section class="col3">
          <h4>Why Us?</h4>
          <ul class="list1">
            <li><a href="#">Lorem ipsum dolor sit</a></li>
            <li><a href="#">Dmet, consectetur</a></li>
            <li><a href="#">Adipisicing elit eiusmod </a></li>
            <li><a href="#">Tempor incididunt ut</a></li>
          </ul>
        </section>
        <section class="col3 pad_left2">
          <h4>Address</h4>
          <ul class="address">
            <li><span>Country:</span>USA</li>
            <li><span>City:</span>San Diego</li>
            <li><span>Phone:</span>8 800 154-45-67</li>
            <li><span>Email:</span><a href="#">progress@mail.com</a></li>
          </ul>
        </section>
        <section class="col3 pad_left2">
          <h4>Follow Us</h4>
          <ul id="icons">
            <li><a href="#"><img src="images/icon1.jpg" alt="">Facebook</a></li>
            <li><a href="#"><img src="images/icon2.jpg" alt="">Twitter</a></li>
            <li><a href="#"><img src="images/icon3.jpg" alt="">LinkedIn</a></li>
            <li><a href="#"><img src="images/icon4.jpg" alt="">Delicious</a></li>
          </ul>
        </section>
        <section class="col2 right">
          <h4>Newsletter</h4>
          <form id="newsletter" action="#" method="post">
            <div>
              <div class="wrapper">
                <input class="input" type="text" value="Type Your Email Here"  onblur="if(this.value=='') this.value='Type Your Email Here'" onFocus="if(this.value =='Type Your Email Here' ) this.value=''" >
              </div>
              <a href="#" class="button">Subscribe</a> </div>
          </form>
        </section>
      </div>
    </article>
    <!-- content end -->
  </div>
</div>
<div class="main">
  <!-- footer -->
  <footer>Copyright &copy; <a href="#">Domain Name</a> All Rights Reserved<br>
    Design by <a target="_blank" href="http://www.templatemonster.com/">TemplateMonster.com</a></footer>
  <!-- footer end -->
</div>
<script type="text/javascript">Cufon.now();</script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers