codefathertr.github.io/index.html at main · codefathertr/codefathertr.github.io · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Taha | Full-Stack Developer</title>
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #0d1117;
      color: #c9d1d9;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 2rem;
    }
    h1, h3 {
      text-align: center;
    }
    .typing {
      font-size: 1.4rem;
      color: #58A6FF;
      margin: 1rem 0;
      text-align: center;
    }
    .tech-stack, .contact, .stats, .languages, .trophies {
      margin: 2rem 0;
      text-align: center;
    }
    img {
      max-width: 100%;
      height: auto;
    }
    .icon-group a {
      margin: 0 10px;
      display: inline-block;
    }
    .icon-group img {
      height: 40px;
    }
    .section-title {
      font-size: 1.5rem;
      border-bottom: 1px solid #30363d;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem;
    }
    .container {
      max-width: 1000px;
      width: 100%;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Hi there, I'm Taha 👋</h1>
    <h3><strong>codefathertr</strong> – A passionate full-stack developer, automation lover, and Telegram bot creator.</h3>

<p align="center">
  <img src="https://readme-typing-svg.demolab.com/?lines=Full-stack%20Developer;Telegram%20Bot%20Master;Automation%20Engineer;Always%20learning%20new%20techs...&center=true&width=500&height=45&color=58A6FF&vCenter=true&size=22" alt="Typing SVG" />
</p>

    <div class="tech-stack">
      <div class="section-title">🧰 Tech Stack</div>
      <img src="https://skillicons.dev/icons?i=python,php,js,html,css,nodejs,mysql,sqlite,linux,bash,git,github&perline=4" alt="Tech Stack" />
    </div>

    <div class="section-title">🚀 About Me</div>
    <ul>
      <li>🔭 Currently building <strong>Telegram bots</strong>, <strong>crypto integrations</strong>, and <strong>custom automation panels</strong></li>
      <li>💼 Founder-level experience in managing Telegram airdrop networks & wallet orchestration</li>
      <li>🧠 Exploring: <strong>AI-automation</strong> and <strong>full-stack development</strong></li>
      <li>🤝 Open to collaboration on serious SaaS or automation projects</li>
    </ul>

    <div class="stats">
      <div class="section-title">📈 GitHub Stats</div>
      <img src="https://github-readme-stats.vercel.app/api?username=codefathertr&show_icons=true&theme=github_dark&hide_border=true&rank_icon=github&include_all_commits=true&count_private=true" height="180" />
      <img src="https://github-readme-streak-stats.herokuapp.com?user=codefathertr&theme=github-dark&hide_border=true" height="180" />
    </div>

    <div class="languages">
      <div class="section-title">🧠 Top Languages</div>
      <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=codefathertr&layout=compact&theme=github_dark&hide_border=true" />
    </div>

    <div class="contact">
      <div class="section-title">📫 Let's Connect</div>
      <div class="icon-group">
        <a href="mailto:tahakotil2@gmail.com"><img src="https://img.shields.io/badge/email-%23EA4335.svg?&style=for-the-badge&logo=gmail&logoColor=white" alt="Email" /></a>
        <a href="https://t.me/codefathertr"><img src="https://img.shields.io/badge/Telegram-2CA5E0?style=for-the-badge&logo=telegram&logoColor=white" alt="Telegram" /></a>
        <a href="https://www.linkedin.com/in/tahakotil2/"><img src="https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn" /></a>
      </div>
    </div>

    <div class="trophies">
      <div class="section-title">🎨 GitHub Profile Trophies</div>
      <img src="https://github-profile-trophy.vercel.app/?username=codefathertr&theme=algolia&column=6&margin-w=10&margin-h=10" />
    </div>
  </div>
</body>
</html>