Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>Cutomize Page</title>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
- <link href="css/main.css" rel="stylesheet">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="col-md-4 mt-3">
- <h4>Customize Page</h4>
- <hr/>
- <form>
- <div class="form-group row">
- <label for="color" class="col-sm-3 col-form-label">Color</label>
- <div class="col-sm-9">
- <input type="text" class="form-control" id="color" name="color" placeholder="Color value">
- </div>
- </div>
- <div class="form-group row">
- <label for="fontfamily" class="col-sm-3 col-form-label">Color</label>
- <div class="col-sm-9">
- <select class="form-control" id="fontfamily" name="fontfamily">
- <option>Arial</option><option>Times New Roman</option>
- </select>
- </div>
- </div>
- <div class="form-group row">
- <label for="padding" class="col-sm-3 col-form-label">Padding</label>
- <div class="col-sm-9">
- <input type="text" class="form-control" id="padding" name="padding" placeholder="Padding value">
- </div>
- </div>
- <div class="form-group row">
- <label for="margin" class="col-sm-3 col-form-label">Margin</label>
- <div class="col-sm-9">
- <input type="text" class="form-control" id="margin" name="margin" placeholder="Margin value">
- </div>
- </div>
- <hr/>
- <div class="form-group row">
- <label for="btn_apply" class="col-sm-3 col-form-label"> </label>
- <div class="col-sm-9">
- <input type="button" class="form-control btn btn-primary" id="btn_apply" name="btn_apply" value="Apply">
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- <script src="https://code.jquery.com/jquery-latest.min.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular.js"></script>
- <script src="js/app.js"></script>
- <script src="js/main.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement