htmlpreview.github.com/index.html at 1ac442c152e06fc69689b78bfaae3c89ced6ebca · htmlpreview/htmlpreview.github.com · 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
67
68
69
70
71
72
73
74
75
76
77
78
79

<!--
    HXCO (https://github.com/hxco/Template) HTML Template
    Made with love by HXCO Hangxin (https://tech.hxco.de)
    Modified from https://api.i-meto.com (Now it's https://api.i-meto.com.cache.hxco.org).
-->

<!DOCTYPE html>
<html>

<head>
    <title>GitHub & BitBucket HTML Preview</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Keywords" content="GitHub Preview,GitHub HTML Preview,HTML Preview,Free HTML Preview,BitBucket HTML Preview,GitHub Project Preview,HXCO General Template" />
    <meta name="Description" content="GitHub & BitBucket HTML Preview is a free online service that allows you to preview any html files with a simple click!"/>

    <!-- dns-prefetch headers -->
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
    <link rel="dns-prefetch" href="https://fonts.loli.net">
    <link rel="dns-prefetch" href="https://gstatic.loli.net">
    <link rel="dns-prefetch" href="https://hxco.org">


    <!-- Other CSS Framework Begin -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/picturepan2/spectre@0.5.3/dist/spectre.min.css" integrity="sha256-eBag0DNksOEjebVrDSBxOYWaIsRA5RBzz/PWQtkgmvM=" crossorigin="anonymous">
    <!-- Other CSS Framework End -->

    <!-- Preload Style.css -->
    <link href="https://template.hxco.org/style.min.css" rel="preload" as="style">
    <link href="https://template.hxco.org/style.min.css" rel="stylesheet">

    <!-- Import Icon -->
    <link rel="icon" href="logo.png">
    <link rel="apple-touch-icon-precomposed" href="logo.png">
</head>

<body>

    <style>
    /* Custom CSS Here     */
    .title {
        font-size: 50px;
    }
    .words {
        font-size: 20px;
    }
    </style>

    <!-- Footer Information Part -->
    <p class="normal footer">Developed by <a href="https://github.com/niutech">niu tech</a> | Contribute on <a href="https://github.com/htmlpreview/htmlpreview.github.com">GitHub</a><br>Page Styled By <a href="https://tech.hxco.de" target="_blank">Huangxin</a> With <a href="https://template.hxco.org" target="_blank">HXCO General Template</a>

    <!-- Title Part -->
    <div class="container">
        <div class="content">
            <form id="previewform" action="">
            <div class="title">GitHub & BitBucket HTML Preview
                <p></p>
                <div class="words">Enter URL of the HTML file to preview:<br>
                    <input
                      type="url"
                      id="file"
                      value=""
                      placeholder=" https://github.com/user/repo/blob/master/index.html"
                      size="60"
                      autofocus
                      />
                </div>
            </div>
        </form>

            <script src="https://htmlpreview.github.io/htmlpreview.min.js"></script>
            <script>
              HTMLPreview.init();
            </script>
</body>

</html>