utility-application-website/encoder-decoder.html at master · imamarham10/utility-application-website · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!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.0">
    <title>URL-Encoder/Decoder</title>
    <link rel="stylesheet" href="/index.css">
</head>
<body>
    <header class="header">
        <div class="header-flexbox">
            <div class="div-logo">
                <a href="/index.html" class="logo">HOME</a>
            </div>
            <div class="div-nav">
                <nav class="nav">
                    <a href="/url-en-de.html" class="nav-anchor">URL<br>Encoder<br>Decoder</a>
                    <a href="/base64.html" class="nav-anchor">Base64<br>Encoder<br>Decoder</a>
                    <a href="/md5-hash.html" class="nav-anchor">MD5<br>Hash<br>Generator</a>
                    <a href="/sha1-hash.html" class="nav-anchor">SHA1<br>Hash<br>Generator</a>
                    <a href="/sha256-hash.html" class="nav-anchor">SHA256<br>Hash<br>Generator</a>
                    <a href="/sha512-hash.html" class="nav-anchor">SHA512<br>Hash<br>Generator</a>
                    </nav>
            </div>
            <button class="hamburger is-active">
                <div class="bar">
                </div>
            </button>
          </div>
      </header>
      <nav class="mobile-nav">
        <a href="/url-en-de.html" class="nav-anchor">URL Encoder Decoder</a>
        <a href="/base64.html" class="nav-anchor">Base64 Encoder Decoder</a>
        <a href="/md5-hash.html" class="nav-anchor">MD5 Hash Generator</a>
        <a href="/sha1-hash.html" class="nav-anchor">SHA1 Hash Generator</a>
        <a href="/sha256-hash.html" class="nav-anchor">SHA256 Hash Generator</a>
        <a href="/sha512-hash.html" class="nav-anchor">SHA512 Hash Generator</a>
        </nav>
   <main>
        <div class="main-div">
            <div class="main-div-title">
                <h1 class="heading-title">URL Encoder/Decoder</h1>
            </div>
            <div class="main-div-box">
                <input type="text" id="url-text" class="input-text" placeholder="Enter Url to encode/decode">
                <input type="text" id="url-result" class="input-text" placeholder="Encoded/Decoded Url will appear here" disabled>
            </div>
        </div>
        <div class="main-div-button">
            <div class="button-div">
                <input type="button" id="btn-encode" value="Encode" class="button">
                <input type="button" id="btn-decode" value="Decode" class="button">
            </div>
        </div>
    </main>
    <footer class="footer">
        <div class="footer-div">
            Web-Utilities : URL Encoder-Decoder
        </div>

    </footer>
    <script src="/script.js"></script>
    <script src="index.js"></script>
</body>
</html>