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">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <meta name="description" content="">
- <meta name="author" content="">
- <link rel="icon" href="https://getbootstrap.com/docs/3.3/favicon.ico">
- <title>www.sangcahaya.com</title>
- <!-- Bootstrap core CSS -->
- <link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <link href="https://getbootstrap.com/docs/3.3/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
- <!-- Custom styles for this template -->
- <link href="https://getbootstrap.com/docs/3.3/examples/jumbotron-narrow/jumbotron-narrow.css" rel="stylesheet">
- <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
- <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
- <script src="https://getbootstrap.com/docs/3.3/assets/js/ie-emulation-modes-warning.js"></script>
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="container">
- <div class="header clearfix">
- <h3 class="text-muted">Project name</h3>
- </div>
- <div class="jumbotron">
- <h1>Free Short Url Laravel</h1>
- <p class="lead">www.sangcahaya.com</p>
- <p><a class="btn btn-lg btn-success btn-url" href="#" role="button">Perpendek URL</a></p>
- <form action="{{ url('process') }}" method="POST" class="form-url" style="display: none;">
- {{ csrf_field() }}
- <div class="form-group">
- <label for="exampleInputEmail1">Masukkan Url</label>
- <input type="text" name="url" class="form-control" id="exampleInputEmail1" placeholder="Masukk Url">
- @if ($errors->has('url'))
- <span class="help-block">
- <strong style="color: red;">{{ $errors->first('url') }}</strong>
- </span>
- @endif
- </div>
- <button type="submit" class="btn btn-default btn-form">Submit</button>
- </form>
- @if($tampil == 1)
- <input type="text" name="url" value="{{ $hasil }}" class="form-control" id="exampleInputEmail1" placeholder="Masukk Url">
- @endif
- </div>
- <footer class="footer">
- <p>© 2016 Company, Inc.</p>
- </footer>
- </div> <!-- /container -->
- <script
- src="https://code.jquery.com/jquery-2.2.4.min.js"
- integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
- crossorigin="anonymous"></script>
- <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <script src="https://getbootstrap.com/docs/3.3/assets/js/ie10-viewport-bug-workaround.js"></script>
- <script>
- $(document).ready(function(){
- var pesan = "{{ Session::has('pesan') }}"
- if(pesan)
- {
- var flash = "{{ Session::get('pesan') }}";
- alert(flash);
- }
- // ketika klik button url
- $('.btn-url').click(function(){
- $(this).hide('slow');
- $('.form-url').show('slow');
- })
- })
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement