<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluide site text-center"> <div class="top-menu"> <span><a href="#">Բաժին-1</a></span> <span>|</span> <span><a href="#">Բաժին-2</a></span> <span>|</span> <span><a href="#">Բաժին-3</a></span> <span>|</span> <span><a href="#">Բաժին-4</a></span> <span>|</span> <span><a href="#">Բաժին-5</a></span> </div> <div> <h1>Բարի գալուստ</h1> </div> <div class="bottom text-center"> Ստեղծվել է | Andul </div> </div> <div class="container text-center load"> <img src="https://tools.cisco.com/security/center/Resources/images/loader.gif" id="loading"> </div>

body{ background:#f2f2f2; } .load{ padding-top:180px; } #loading{ display: none; } .site{ display:none; } .top-menu{ background:#1f1f60; } .top-menu a{ color:#d7d7c1; font-size:22px; } span{ color:gray; font-size:25px; margin:10px; } .bottom{ background:#1f1f60; color:#d7d7c1; margin-top:365px; font-size:12px; }

$(document).ready(function(){ $('#loading').show(); setTimeout(function(){ $('#loading').hide(); $('.site').show(); }, 3000); });