API tools faq
paste
Advertisement
Guest User

aaa

a guest
Aug 22nd, 2014
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>MotorClass</title>
  6.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <meta name="author" content="MotorClass">
  9.         <meta name="copyright" content="MotorClass, 2014">
  10.         <meta name="version" content="1">
  11.         <meta name="msapplication-TileColor" content="#008080"/>
  12.         <meta name="application-name" content="MotorClass"/>
  13.         <!-- Bootstrap core CSS -->
  14.         <link href="css/bootstrap.css" rel="stylesheet">
  15.         <link href="css/bootstrap-theme.min.css" rel="stylesheet">
  16.         <link href="css/style.css" rel="stylesheet">
  17.     </head>
  18.     <body>
  19.         <nav class="navbar navbar-fixed-top" role="navigation">
  20.             <div class="container-fluid">
  21.                 <!-- Brand and toggle get grouped for better mobile display -->
  22.                 <div class="navbar-header">
  23.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar-collapse">
  24.                         <span class="sr-only">Toggle navigation</span>
  25.                         <span class="icon-bar"></span>
  26.                         <span class="icon-bar"></span>
  27.                         <span class="icon-bar"></span>
  28.                     </button>
  29.                     <div class="logo-container">
  30.                         <a data-toggle="modal" data-target="#siteMap" href="#">
  31.                             <img src="img/MCI_Logo_w3_blue.png">
  32.                         </a>
  33.                     </div>
  34.                 </div>
  35.                
  36.                 <!-- Collect the nav links, forms, and other content for toggling -->
  37.                 <div class="collapse navbar-collapse" id="main-navbar-collapse">
  38.                     <div class="nav-center-content navbar-nav">
  39.                    
  40.                         <ol class="breadcrumb nav-breadcrumb-top">
  41.                             <li><a href="#">Каталог</a></li>
  42.                             <li><a href="#">Mazda</a></li>
  43.                             <li><a href="#">Mazda6</a></li>
  44.                             <li><a href="#">II generation</a></li>
  45.                             <li><a href="#">Sedan</a></li>
  46.                             <li class="active">1.8 MT</li>
  47.                         </ol>
  48.                         <ol class="breadcrumb nav-breadcrumb-bottom">
  49.                             <li><a href="#">General</a></li>
  50.                             <li><a href="#">Details</a></li>
  51.                             <li class="active">Favorites</li>
  52.                             <li class="active">Complectation</li>
  53.                             <li class="active">Dimension</li>
  54.                         </ol>
  55.  
  56.  
  57.                     </div>
  58.                     <div class="nav navbar-nav navbar-right">
  59.                    
  60.                         <ul class="nav navbar-nav">
  61.                             <li class="active"><a href="#"><img src="img/lens.png"></a></li>
  62.                             <li class="active"><a href="#"><img src="img/search.png"></a></li>
  63.                             <li class="active"><a href="#"><img src="img/question.png"></a></li>
  64.                             <li class="active"><a href="#"><img src="img/ru.png"></a></li>
  65.                             <li class="active"><a href="#"><img src="img/more.png"></a></li>
  66.                         </ul>
  67.                        
  68.                     </div>
  69.                 </div>
  70.                 <!-- /.navbar-collapse -->
  71.             </div>
  72.             <!-- /.container-fluid -->
  73.         </nav>
  74.        
  75.         <div class="container-fluid">
  76.             <div class="row">
  77.                 <div class="col-md-9 main-content">
  78.                     <div class="row">
  79.                         <div class="col-md-6">
  80.                             <img src="img/galegy.png">
  81.                         </div>
  82.                         <div class="col-md-6">
  83.                             <div class="data-unit-header">
  84.                                 <div class="unit-header">
  85.                                     <h3>Основные характеристики 1</h3>
  86.                                 </div>
  87.                                 <div class="unit-body">
  88.                                     <table class="table table-striped">
  89.                                         <tbody>
  90.                                         <tr>
  91.                                             <td>Body type</td>
  92.                                             <td class="active">Hatchback</td>
  93.                                         </tr>
  94.                                         <tr>
  95.                                             <td>Engine type</td>
  96.                                             <td class="active">Gasoline</td>
  97.                                         </tr>
  98.                                         <tr>
  99.                                             <td>Capacity, in cu</td>
  100.                                             <td class="active">110</td>
  101.                                         </tr>
  102.                                         <tr>
  103.                                             <td>Power, hp/rpm</td>
  104.                                             <td class="active">190(140)/6300</td>
  105.                                         </tr>
  106.                                         <tr>
  107.                                             <td>Torque, Nm/rpm</td>
  108.                                             <td class="active">175/3800</td>
  109.                                         </tr>
  110.                                         <tr>
  111.                                             <td>Gearbox</td>
  112.                                             <td class="active">Value</td>
  113.                                         </tr>
  114.                                         <tr>
  115.                                             <td>Max speed, km/h</td>
  116.                                             <td class="active">117</td>
  117.                                         </tr>
  118.                                         <tr>
  119.                                             <td>Acceleration time 0-100 km/h, s</td>
  120.                                             <td class="active">8.4</td>
  121.                                         </tr>
  122.                                         </tbody>
  123.                                     </table>
  124.                                 </div>
  125.                             </div>
  126.                             <div class="action-panel">                         
  127.                                 <a href="#"><img src="img/plus.png"></a>
  128.                                 <a href="#"><img src="img/pdf.png"></a>
  129.                                 <a href="#"><img src="img/star.png"></a>
  130.                             </div>
  131.                         </div>
  132.                         <div class="col-md-6">
  133.                            
  134.                             <div class="data-unit-header">
  135.                                 <div class="unit-header">
  136.                                     <h3>Основные характеристики 2</h3>
  137.                                 </div>
  138.                                 <div class="unit-body">
  139.                                     <table class="table table-striped">
  140.                                         <tbody>
  141.                                         <tr>
  142.                                             <td>Body type</td>
  143.                                             <td class="active">Hatchback</td>
  144.                                         </tr>
  145.                                         <tr>
  146.                                             <td>Engine type</td>
  147.                                             <td class="active">Gasoline</td>
  148.                                         </tr>
  149.                                         <tr>
  150.                                             <td>Body type</td>
  151.                                             <td class="active">Hatchback</td>
  152.                                         </tr>
  153.                                         <tr>
  154.                                             <td>Engine type</td>
  155.                                             <td class="active">Gasoline</td>
  156.                                         </tr>
  157.                                         </tbody>
  158.                                     </table>
  159.                                 </div>
  160.                             </div>
  161.                         </div>
  162.                         <div class="col-md-6">
  163.                             <div class="data-unit-header">
  164.                                 <div class="unit-header">
  165.                                     <h3>Основные характеристики 3</h3>
  166.                                 </div>
  167.                                 <div class="unit-body">
  168.                                     <table class="table table-striped">
  169.                                         <tbody>
  170.                                         <tr>
  171.                                             <td>Body type</td>
  172.                                             <td class="active">Hatchback</td>
  173.                                         </tr>
  174.                                         <tr>
  175.                                             <td>Engine type</td>
  176.                                             <td class="active">Gasoline</td>
  177.                                         </tr>
  178.                                         <tr>
  179.                                             <td>Body type</td>
  180.                                             <td class="active">Hatchback</td>
  181.                                         </tr>
  182.                                         <tr>
  183.                                             <td>Engine type</td>
  184.                                             <td class="active">Gasoline</td>
  185.                                         </tr>
  186.                                         </tbody>
  187.                                     </table>
  188.                                 </div>
  189.                             </div>
  190.                         </div>
  191.                         <div class="col-md-6">
  192.                             <div class="data-unit-header">
  193.                                 <div class="unit-header">
  194.                                     <h3>Основные характеристики 4</h3>
  195.                                 </div>
  196.                                 <div class="unit-body">
  197.                                     <table class="table table-striped">
  198.                                         <tbody>
  199.                                         <tr>
  200.                                             <td>Body type</td>
  201.                                             <td class="active">Hatchback</td>
  202.                                         </tr>
  203.                                         <tr>
  204.                                             <td>Engine type</td>
  205.                                             <td class="active">Gasoline</td>
  206.                                         </tr>
  207.                                         <tr>
  208.                                             <td>Body type</td>
  209.                                             <td class="active">Hatchback</td>
  210.                                         </tr>
  211.                                         <tr>
  212.                                             <td>Engine type</td>
  213.                                             <td class="active">Gasoline</td>
  214.                                         </tr>
  215.                                         </tbody>
  216.                                     </table>
  217.                                 </div>
  218.                             </div>
  219.                         </div>
  220.                         <div class="col-md-6">
  221.                             <div class="data-unit-header">
  222.                                 <div class="unit-header">
  223.                                     <h3>Основные характеристики 5</h3>
  224.                                 </div>
  225.                                 <div class="unit-body">
  226.                                     <table class="table table-striped">
  227.                                         <tbody>
  228.                                         <tr>
  229.                                             <td>Body type</td>
  230.                                             <td class="active">Hatchback</td>
  231.                                         </tr>
  232.                                         <tr>
  233.                                             <td>Engine type</td>
  234.                                             <td class="active">Gasoline</td>
  235.                                         </tr>
  236.                                         <tr>
  237.                                             <td>Body type</td>
  238.                                             <td class="active">Hatchback</td>
  239.                                         </tr>
  240.                                         <tr>
  241.                                             <td>Engine type</td>
  242.                                             <td class="active">Gasoline</td>
  243.                                         </tr>
  244.                                         </tbody>
  245.                                     </table>
  246.                                 </div>
  247.                             </div>
  248.                         </div>
  249.                     </div>
  250.                 </div>
  251.                 <div class="col-md-3">1</div>
  252.             </div>
  253.         </div>
  254.        
  255.        
  256.        
  257.         <nav class="navbar footer">
  258.             <div class="container-fluid">
  259.                 <!-- Brand and toggle get grouped for better mobile display -->
  260.                 <div class="navbar-header">
  261.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar-collapse">
  262.                         <span class="sr-only">Toggle navigation</span>
  263.                         <span class="icon-bar"></span>
  264.                         <span class="icon-bar"></span>
  265.                         <span class="icon-bar"></span>
  266.                     </button>
  267.                     <div class="logo-container">
  268.                         <p>motorclass.info</p>
  269.                     </div>
  270.                 </div>
  271.                
  272.                 <!-- Collect the nav links, forms, and other content for toggling -->
  273.                 <div class="collapse navbar-collapse" id="main-navbar-collapse">
  274.                     <div class="nav-center-content navbar-nav">
  275.                    
  276.                        
  277.                     </div>
  278.                     <div class="nav navbar-nav navbar-right">
  279.                    
  280.                         <ul class="nav navbar-nav">
  281.                             <li class="active"><a href="#"><img src="img/twetter.png"></a></li>
  282.                             <li class="active"><a href="#"><img src="img/face.png"></a></li>
  283.                             <li class="active"><a href="#"><img src="img/g+.png"></a></li>
  284.                             <li class="active"><a href="#"><img src="img/odnoclass.png"></a></li>
  285.                             <li class="active"><a href="#"><img src="img/vk.png"></a></li>
  286.                             <li class="active"><a href="#"><img src="img/soc1.png"></a></li>
  287.                         </ul>
  288.                        
  289.                     </div>
  290.                 </div>
  291.                 <!-- /.navbar-collapse -->
  292.             </div>
  293.             <!-- /.container-fluid -->
  294.         </nav>
  295.        
  296.     </body>
  297. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!