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="ua">
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>kor</title>
    <link async href="http://fonts.googleapis.com/css?family=Audiowide" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css"/>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    
<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container-fluid maincon ">
    <div class="row">
        <div class="col-md-12">
            <div class="row mainnav">
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navbutton">головна  
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navbutton">галерея 
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navbutton ">магазин  
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navbutton">запис
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navbutton">info
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navbutton">контакти
                </div>
            </div>
        </div>
    </div>
<div class="container-fluid content_container2">
    <div class="row">
        <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 ">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 ">
                <div class="row">
                        <div class="col-md-8 col-lg-8 col-sm-8 col-xs-8">
                    </div>
                        <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                    </div>
            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 tato_images">
                
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 images_block">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 ">
                <div class="row">
                <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4 tato_button">ТАТУ
                    </div>
                        <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4 sketch_button">ЕСКІЗИ
                        </div>
​
                        <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                        </div>
            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 sketch_images">
                <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11 -->
                    <!-- <div class="container-fluid">     -->
        
        
        <ul class="row">
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626417/v626417091/d934/jSBO1fHeRpk.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c637516/v637516091/15d30/MXDLe5QEz-k.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626427/v626427091/29335/95qDPyEdOdc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626326/v626326091/2bbda/4PYNrlJ3bDY.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631825/v631825091/43d10/8uXHSbBXdjI.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631917/v631917091/460fd/zknFPgWHYJc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c604424/v604424091/2df6b/X1i-CR06o2g.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630520/v630520091/3aa3b/iqtPBuJ-8XA.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630519/v630519091/37e58/JpHS3gj1Wzc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630519/v630519091/372c1/7VP8zOUPdsY.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631728/v631728091/2e97c/9EA9u5zOnh4.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626419/v626419091/da5d/xtsHc0cnWWU.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626419/v626419091/ca61/-W1oL0UzvO4.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626418/v626418091/13116/nrzbTxa5ws0.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626417/v626417091/d934/jSBO1fHeRpk.jpg">
            </li>
            
          <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626417/v626417091/d934/jSBO1fHeRpk.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c637516/v637516091/15d30/MXDLe5QEz-k.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626427/v626427091/29335/95qDPyEdOdc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626326/v626326091/2bbda/4PYNrlJ3bDY.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631825/v631825091/43d10/8uXHSbBXdjI.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631917/v631917091/460fd/zknFPgWHYJc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c604424/v604424091/2df6b/X1i-CR06o2g.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630520/v630520091/3aa3b/iqtPBuJ-8XA.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630519/v630519091/37e58/JpHS3gj1Wzc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630519/v630519091/372c1/7VP8zOUPdsY.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631728/v631728091/2e97c/9EA9u5zOnh4.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626419/v626419091/da5d/xtsHc0cnWWU.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626419/v626419091/ca61/-W1oL0UzvO4.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626418/v626418091/13116/nrzbTxa5ws0.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626417/v626417091/d934/jSBO1fHeRpk.jpg">
            </li>
            
          <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626417/v626417091/d934/jSBO1fHeRpk.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c637516/v637516091/15d30/MXDLe5QEz-k.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626427/v626427091/29335/95qDPyEdOdc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626326/v626326091/2bbda/4PYNrlJ3bDY.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631825/v631825091/43d10/8uXHSbBXdjI.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631917/v631917091/460fd/zknFPgWHYJc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c604424/v604424091/2df6b/X1i-CR06o2g.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630520/v630520091/3aa3b/iqtPBuJ-8XA.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630519/v630519091/37e58/JpHS3gj1Wzc.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c630519/v630519091/372c1/7VP8zOUPdsY.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c631728/v631728091/2e97c/9EA9u5zOnh4.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626419/v626419091/da5d/xtsHc0cnWWU.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626419/v626419091/ca61/-W1oL0UzvO4.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626418/v626418091/13116/nrzbTxa5ws0.jpg">
            </li>
            <li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 tato_images">
                <img class="img-responsive" src="https://pp.vk.me/c626417/v626417091/d934/jSBO1fHeRpk.jpg">
            </li>
            
          </ul>             
    <!-- </div>  -->
    
     
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">         
          <div class="modal-body">                
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
​
​
​
​
                <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11 -->
                </div>
            </div>
        </div>
    </div>
</div>
    
​
​
​
​
<!-- !!!!!!!!!!@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@2 -->
    <div class="container-fluid content_container">
    <div class="row">
        <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 ">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 ">
                <div class="row">
                        <div class="col-md-8 col-lg-8 col-sm-8 col-xs-8">
                    </div>
                        <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4 tato_button">ТАТУ
                    </div>
            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 tato_images">
                <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11 -->
                    <div class="container-fluid">    
        
        
        <ul class="row">
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/i1.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/i2.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/i3.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/i4.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/i5.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/i6.jpg">
            </li>
            
          </ul>             
    </div> <!-- /container -->
    
     
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">         
          <div class="modal-body">                
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
​
​
​
​
                <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11 -->
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 ">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 ">
                <div class="row">
                        <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4 sketch_button">ЕСКІЗИ
                        </div>
                        <div class="col-md-8 col-lg-8 col-sm-8 col-xs-8">
                        </div>
            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 sketch_images">
                </div>
            </div>
        </div>
    </div>
</div>
​
​
</div>
​
​
​
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/javascript.js"></script>
  </body>
</html>
​
​
​
​
​
Output

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

Dismiss x
public
Bin info
niceicepro
0viewers