-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
38 lines (33 loc) · 1.53 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
<!DOCTYPE html>
<html lang="en">
<head> <link rel="icon" href="data:,">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tokhy's hub</title>
<style>
body { font-family: 'DejaVu Sans Mono', monospace; background-color: #0a0a0a; margin:40px auto; max-width:700px; line-height:1.8; font-size:14px; padding:0 10px; }h2,h3 { line-height:1.2; color: #ffffff; } .butt a { font-weight: bold; padding: 7px; padding-left: 0; color: #24d1ac ; } .header { width: 100%; height: 5px; background: #24d1ac; }
</style>
</head>
<body>
<div class="header">
</div>
<div class="mainContainer" style="margin:2%;background-color:#191919;padding:5%;">
<h1 style="margin: 0;color:#ffffff">Hi, I'm <span style="color:#aaaaaa">{.<span style="font-size: 0px;"> Ahmed Gamal Eltokhy </span>.}</span> Tokhy</h1>
<h3>I drunkenly decided to learn everything, and it's time for web-dev. In short, here is a website to record my timeline.</h3>
<h3>The goal for the website to be simple but still awesome enough to exhibit my éclat. <span style="font-size: 0px;"> Ahmed Gamal Eltokhy </span>
</h3>
<div class="butt">
<a href="philosophy.html">philosophies</a>
<a href="blogposts/index.html">blog</a>
<a href="favs/index.html">favs</a>
<!--<a href="track.html">track</a>
<a href="wishlist.html">wishlist</a>-->
<a href="atom.xml">RSS</a>
<br/><br/>
<a href="contact.html" style="color:#db2e53">wanna <span style="text-decoration: line-through;">date</span> contact me?</a>
</div>
</div>
<div class="header">
</div>
</body>
</html>