-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
149 lines (148 loc) · 6.72 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!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" />
<link rel="stylesheet" href="css/master.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/form.css">
<link
rel="icon"
href="https://tentraicion.github.io/TenTraicion/assets/ten/favicon.ico"
type="image/x-icon"
/>
<title>Learn 100 Days of Code</title>
<script src="js/config.js" defer></script>
<script src="js/call.js" defer></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<div id="backdrop"></div>
<p class="ciento"><a
href="https://github.com/Solvinux"
target="_blank"
rel="noopener noreferrer"
>Hibi-Ciento</a></p>
<header>
<a
href="https://tentraicion.github.io"
target="_blank"
rel="noopener noreferrer"
><img
class="indent"
src="https://tentraicion.github.io/TenTraicion/assets/ten/logo.png"
alt="TenTraicions"
/></a>
<div class="box">
<h1>/u/<span>TenTraicion</span>.bin</h1>
<p>A Programmer from Abyss</p>
</div>
</header>
<main>
<div class="box">
<h2>A Project to index every Progress I Made</h2>
<p>I've Learned HTML & CSS</p>
<p>I am Currently Learning JavaScript</p>
<p>If you want to know my progress accurately, You may Visit:</p>
<a href="another.html"><p class="btn">MY Timeline</p></a>
</div>
<div class="box">
<h2>You can also Check:</h2>
<p>↪ <a href="https://tentraicion.github.io">MY Website</a></p>
<p>↪ <a href="https://github.com/TenTraicion">MY Github Profile</a></p>
<p>↪ <a href="https://twitter.com/TenTraicion">MY Twitter Profile</a></p>
<p>↪ <a href="https://discord.com/invite/BCf59exHJV">MY Discord Server</a></p>
<p id="contact">↪ <span class="a">Contact me by Mail</span></p>
<p>↪ <a href="https://github.com/TenTraicion/olamart">OlaMart Project</a></p>
</div>
<div>
<p><!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/TenTraicion/hibi-ciento/fork" data-show-count="true" aria-label="Fork TenTraicion/hibi-ciento on GitHub">Fork</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/TenTraicion/hibi-ciento/issues" data-show-count="true" aria-label="Issue TenTraicion/hibi-ciento on GitHub">Issue</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/TenTraicion/hibi-ciento/discussions" aria-label="Discuss TenTraicion/hibi-ciento on GitHub">Discuss</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/TenTraicion/hibi-ciento/archive/HEAD.zip" aria-label="Download TenTraicion/hibi-ciento on GitHub">Download</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/TenTraicion/hibi-ciento/subscription" data-show-count="true" aria-label="Watch TenTraicion/hibi-ciento on GitHub">Watch</a>
</p>
<p>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/TenTraicion" data-show-count="true" aria-label="Follow @TenTraicion on GitHub">Follow @TenTraicion</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/sponsors/TenTraicion" aria-label="Sponsor @TenTraicion on GitHub">Sponsor</a>
</p>
</div>
</main>
<aside class="modal" id="ovrl">
<div class="form">
<div>
<h1>EMail Submission</h1>
<p id="error">Please fill out the Form to Submit an Email</p><hr>
</div>
<div class="input">
<ul>
<li>
<label for="uname">Enter Your Full Name:</label>
<input type="text" name="uname" id="uname" placeholder="Full Name">
</li>
<li>
<label for="email">Your Email:</label>
<input type="email" name="Email" id="email" placeholder="[email protected]">
</li>
<li>
<label for="git">GitHub Username:</label>
<input type="text" name="GitHub" id="git">
</li>
<li>
<label for="twit">Twitter Username:</label>
<input type="text" name="Twitter" id="twit">
</li>
</ul>
</div><hr>
<div class="input">
<ul>
<li>
<label for="sub">Subject:</label>
<input type="text" name="sub" id="sub" value="Introducing Myself">
</li>
<li>
<label for="msg">Your Message: <span id="count" class="pos">200</span>/200</label>
<textarea name="msg" id="msg" rows="4" maxlength="200" placeholder="Put your topic Here."></textarea>
</li></ul></div><hr>
<div class="chk"><ul>
<li>
<input type="checkbox" name="true" id="chk">
<label for="chk">I acknowledge that, after submitting the form this will take me to Gmail and I will willingly send the mail from my own Gmail account. (You must press send Button on GMAIL landing page to send a successfull Email to me.)</label>
</li></ul></div>
<div>
<form action="https://mail.google.com/mail/" method="get">
<input type="text" name="view" value="cm">
<input type="text"
name="fs" value="1">
<input type="text" name="tf" value="1">
<input type="text" name="to"
value="[email protected]">
<input type="text" name="su" id="subject">
<textarea name="body" id="body"></textarea>
<button type="submit" id="submit" class="btn">Submit</button>
</form>
</div>
</div>
<div class="exit">
<p id="exit">X</p>
</div>
</aside>
<footer class="text-block">
<p class="copy">
© Copyright
<span id="copy"></span>
,
<a href="https://github.com/TenTraicion"> TenTraicion</a>
</p>
</footer>
</body>
</html>