html
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
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
</head>
<body>
<header class = "header">
<form id="search" action="https://www.informat-ion.com/search/" method="get">
<input name="search" type="text" size="50%" placeholder="Enter your search on Informat-Ion" value="maintenance! check regularly">
<input type="submit" value="Search">
</form>
<div class="header_icon-bar">
<span></span>
<span></span>
<span></span>
</div>
<p id = "header_txt" class = "hide">
visit my project<br/>
<a href="www.informat-ion.com" class="href">-Informat-Ion</a><br/>
<a href="www.socion.com" class="href">-SocION</a> <br/>
<a href="www.ion-mail.com" class="href">-Ion-Mail</a><br/><br/>follow me on <br/>
<a href="https://www.facebook.com/JFSGroupCoLtd" class="href">Facebook</a>
<a href="https://www.sololearn.com/Profile/3669090" class="href">SoloLearn</a>
</p>
Enter to Rename, Shift+Enter to Preview
css
css
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
@import url("https://fonts.googleapis.com/css?family=Handlee|Yatra+One|VT323");
body {
background-color: #000;
color: #0e0;
font-family: Handlee;
opacity: 1;
}
#upper {
font-family: VT323;
font-weight: normal;
font-size: 25px;
text-align: center;
}
#header, #header-link {
font-family: Yatra One;
font-weight: normal;
font-size: 30px;
text-align: center;
}
button {
padding: 10px;
font-size: 16px;
background-color: #111;
color: #0f0;
border-radius: 10px;
border: 2px solid #0f0;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
/*------ JFS GROUP™ CO. LTD. ION-TECH® ------*/
/* console function */
//console.log("JFS Group™ ©2017 \n don't steal this code")
/* text function */
function lower() {
document.getElementById("upper").innerHTML = "LOWER-CASE VERSION: <br/> a = 97 : 01100001 <br/> b = 98 : 01100010 <br/> c = 99 : 01100011 <br/> d = 100 : 01100100 <br/> e = 101 : 01100101 <br/> f = 102 : 01100110 <br/> g = 103 : 01100111 <br/> h = 104 : 01101000 <br/> i = 105 : 01101001 <br/> j = 106 : 01101010 <br/> k = 107 : 01101011 <br/> l = 108 : 01101100 <br/> m = 109 : 01101101 <br/> n = 110 : 01101110 <br/> o = 111 : 01101111 <br/> p = 112 : 01110000 <br/> q = 113 : 01110001 <br/> r = 114 : 01110010 <br/> s = 115 : 01110011 <br/> t = 116 : 01110100 <br/> u = 117 : 01110101 <br/> v = 118 : 01110110 <br/> w = 119 : 01110111 <br/> x = 120 : 01111000 <br/> y = 121 : 01111001 <br/> z = 122 : 01111010 <br/>"
}
function upper() {
document.getElementById("upper").innerHTML = "UPPER-CASE VERSION: <br/> A = 65 : 01000001 <br/> B = 66 : 01000010 <br/> C = 67 : 01000011 <br/> D = 68 : 01000100 <br/> E = 69 : 01000101 <br/> F = 70 : 01000110 <br/> G = 71 : 01000111 <br/> H = 72 : 01001000 <br/> I = 73 : 01001001 <br/> J = 74 : 01001010 <br/> K = 75 : 01001011 <br/> L = 76 : 01001100 <br/> M = 77 : 01001101 <br/> N = 78 : 01001110 <br/> O = 79 : 01001111 <br/> P = 80 : 01010000 <br/> Q = 81 : 01010001 <br/> R = 82 : 01010010 <br/> S = 83 : 01010011 <br/> T = 84 : 01010100 <br/> U = 85 : 01010101 <br/> V = 86 : 01010110 <br/> W = 87 : 01010111 <br/> X = 88 : 01011000 <br/> Y = 89 : 01011001 <br/> Z = 90 : 01011010 <br/> "
}
/* header function */
$(document).ready(function(){
var icon = document.getElementsByClassName('header_icon-bar')[0];
var title = document.getElementById('header_txt');
icon.onclick = function ()
{
if (title.className == 'hide')
title.className = "show";
else
title.className = "hide";
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run