Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Bootstrap 101 Template</title>
- <!-- Bootstrap -->
- <link href="b.css" rel="stylesheet">
- <link href="css/style.css" rel="stylesheet">
- <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <script src="js/bootstrap.min.js"></script>
- <div class="container">
- <div class="jumbotron">
- <h1>Письмо от деда мороза!</h1>
- <p class="lead">Давно выяснено, что при оценке дизайна и композиции читаемый
- текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает
- более или менее стандартное заполнение шаблона, а также реальное распределение
- букв и пробелов в абзацах, которое не получается при простой дубликации
- "Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст.."</p>
- </div>
- <div class="row">
- <div class="col-md-5" id="forma">
- <div class="jumbotron">
- <form role="form">
- <div class="form-group">
- <label for="exampleInputEmail1">Email</label>
- <input type="email" class="form-control" id="exampleInputEmail1" placeholder="email">
- </div>
- <div class="form-group">
- <label for="exampleInputPassword1">Пароль</label>
- <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Пароль">
- </div>
- <div class="form-group">
- <label for="exampleInputFile">File input</label>
- <input type="file" id="exampleInputFile">
- <p class="help-block">Example block-level help text here.</p>
- </div>
- <div class="checkbox">
- <label>
- <input type="checkbox"> Проверить меня
- </label>
- </div>
- <button type="submit" class="btn btn-default">Отправить</button>
- </form>
- </div>
- </div>
- <div class="col-md-7" id="picture">
- <div class="jumbotron">
- <img src="img/ded_moroz.jpg" class="img-responsive" alt="Картинка!"/>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-8">.col-md-8</div>
- <div class="col-md-4">.col-md-4</div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement