Advertisement
twinfacer

pretty formating

Sep 23rd, 2014
547
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.46 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title>Bootstrap 101 Template</title>
  8.  
  9.     <!-- Bootstrap -->
  10.     <link href="b.css" rel="stylesheet">
  11.     <link href="css/style.css" rel="stylesheet">
  12.  
  13.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  14.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15.     <!--[if lt IE 9]>
  16.     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17.     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  18.   <![endif]-->
  19.   </head>
  20.   <body>
  21.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  22.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  23.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  24.     <script src="js/bootstrap.min.js"></script>
  25.     <div class="container">
  26.       <div class="jumbotron">
  27.         <h1>Письмо от деда мороза!</h1>
  28.         <p class="lead">Давно выяснено, что при оценке дизайна и композиции читаемый
  29.                            текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает
  30.                             более или менее стандартное заполнение шаблона, а также реальное распределение
  31.                              букв и пробелов в абзацах, которое не получается при простой дубликации
  32.                               "Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст.."</p>
  33.       </div>
  34.  
  35.       <div class="row">
  36.         <div class="col-md-5" id="forma">
  37.           <div class="jumbotron">
  38.             <form role="form">
  39.                <div class="form-group">
  40.                   <label for="exampleInputEmail1">Email</label>
  41.                   <input type="email" class="form-control" id="exampleInputEmail1" placeholder="email">
  42.                 </div>
  43.                 <div class="form-group">
  44.                     <label for="exampleInputPassword1">Пароль</label>
  45.                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Пароль">
  46.                 </div>
  47.                 <div class="form-group">
  48.                   <label for="exampleInputFile">File input</label>
  49.                   <input type="file" id="exampleInputFile">
  50.                   <p class="help-block">Example block-level help text here.</p>
  51.                 </div>
  52.                 <div class="checkbox">
  53.                   <label>
  54.                     <input type="checkbox"> Проверить меня
  55.                   </label>
  56.                 </div>
  57.               <button type="submit" class="btn btn-default">Отправить</button>
  58.             </form>
  59.           </div>
  60.         </div>
  61.         <div class="col-md-7" id="picture">
  62.           <div class="jumbotron">
  63.             <img src="img/ded_moroz.jpg" class="img-responsive" alt="Картинка!"/>
  64.           </div>
  65.         </div>
  66.       </div>
  67.  
  68.       <div class="row">
  69.         <div class="col-md-8">.col-md-8</div>
  70.         <div class="col-md-4">.col-md-4</div>
  71.       </div>
  72.     </div>
  73.   </body>
  74. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement