-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
26 lines (26 loc) · 1.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>URL Shortener</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
<header>
<span class="fa fa-link fa-lg" aria-hidden="true"></span>
<h1>URL Shortener</h1>
</header>
<form>
<input type="url" name="url" id="long-url" autocomplete="off" placeholder="Enter a long URL..." class="form-control shadow-none mr-sm-3 mb-xs-3 mb-sm-0" autocapitalize="off" spellcheck="false" required />
<button type="submit" class="btn btn-primary shadow-none">Shorten</button>
</form>
<p id="shortUrl"></p>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="bitlr.js"></script>
<script src="script.js"></script>
</body>
</html>