This repository has been archived by the owner on Apr 4, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
70 lines (67 loc) · 3.46 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/beautiful.css" rel="stylesheet">
<script src="js/beautiful.js"></script>
<title>BeautifulCSS</title>
<style>
.c {
color:#999988;
font-style: italic;
background: #2b2c2e;
}
.s {
color: white;
background: #2b2c2e;
}
.na {
color:#4bb9db;
background: #2b2c2e;
}
.nt {
color:#65db4b;
background: #2b2c2e;
}
</style>
</head>
<body class="container">
<h1 class="text ruby bold center" style="font-size: 60px;">Beautiful</h1>
<hr style="color: black; opacity: 10%;">
<section id="active">
<h3 class="bold">Active to your website</h3>
<hr style="color: black; opacity: 10%;">
<div class="highlight">
<p style="border: 3px solid #2b2c2e; background: #2b2c2e;">
<code style="background: #2b2c2e;">
<span class="c"><!-- BeautifulCSS --></span><br>
<span class="nt"><link</span> <span class="na">href=</span><span class="s">"https://dev.hyrousek.tk/css/beautiful.css"</span> <span class="na">rel=</span><span class="s">"stylesheet"</span><span class="nt">></span><br><br>
<span class="c"><!-- Min-BeautifulCSS --></span><br>
<span class="nt"><link</span> <span class="na">href=</span><span class="s">"https://dev.hyrousek.tk/css/min-beautiful.css"</span> <span class="na">rel=</span><span class="s">"stylesheet"</span><span class="nt">></span><br><br>
<span class="c"><!-- BeautifulJS --></span><br>
<span class="nt"><script</span> <span class="na">src=</span><span class="s">"https://dev.hyrousek.tk/js/beautiful.js"</span> <span class="na">charset=</span><span class="s">"utf-8"</span><span class="nt">></span>
</code>
</p>
</div>
</section>
<section id="bestpractice">
<h3 class="bold">Recommendation</h3>
<hr style="color: black; opacity: 10%;">
<div class="highlight">
<p style="border: 3px solid #2b2c2e; background: #2b2c2e;">
<code style="background: #2b2c2e;">
<span class="nt"><meta</span> <span class="na">http-equiv=</span><span class="s">"Content-Type"</span> <span class="na">content=</span><span class="s">"text/html; charset=UTF-8"</span><span class="nt">/></span><br>
<span class="nt"><meta</span> <span class="na">name=</span><span class="s">"viewport"</span> <span class="na">content=</span><span class="s">"width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"</span><span class="nt">/></span>
</code>
</p>
</div>
</section>
<br>
<div class="buttons center-object">
<a href="/tutorial/buttons" class="button ruby border" style="padding:.9em .9em;">Buttons</a>
<a href="/tutorial/example" class="button sun-flower border" style="padding:.9em .9em;">Example</a>
<a href="/tutorial/text" class="button emerald border" style="padding:.9em .9em;">Text</a>
</div>
</body>
</html>