milovanovm.github.io/index.html at master · MilovanovM/milovanovm.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
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css2?family=Bitter&family=Special+Elite&display=swap" rel="stylesheet">

    <title>Maxim Milovanov, full-stack development</title>
    <style>
        html, body, h1, h2, p { margin: 0; padding: 0; }
        body { font-family: 'Bitter', serif; box-sizing: border-box; }
        header { padding: 20px; }
        h1, .short-intro { color: #888; }
        .short-intro { margin: 1em 0; }
        h1 { font-size: 48px; }
        h1 b { color: #000; }
        .photo { border-radius: 55px; float: left; width: 110px; height: 110px; overflow: hidden; margin-right: 20px; }
        .photo img { width: 100%; height: 100%; }
        .skills { list-style: none; margin: 0; padding: 0; }
        .skills li { padding: 20px; }
        .skills-fullstack { background: #F5DA55; }
        .skills-backend { background: #7014E8; color:#fff; }
        .skills-frontend { background: #0C4B33; color:#fff; }
        .skills-uxui { background: #e8442d; color:#fff; }
        .skills-databases { background: #336791; color:#fff; }
        .contacts { list-style: none; margin: 0; padding: 0; }
        .contacts li { display: inline-block; margin: 0 8px 8px 0; }
        .contacts a { display: inline-block; padding: 8px 16px; text-decoration: none; color: #000; border: 2px solid #000; }
        .contacts a:hover { background: #000; color: #fff; }
    </style>
</head>

<body>
    <div class="app">
        <header>
            <div class="photo"><img src="images/iam.jpg" alt="Maxim"></div>
            <h1>Hi there,<br>I'm <b>Maxim</b></h1>
            <p class="short-intro">A full-stack developer with almost 20-years experience in HTML, CSS, JavaScript, Python/Django, and C#/ASP.NET</p>
            <ul class="contacts">
                <li><a href="https://docs.google.com/document/d/16ledNsrbvgOBZgQcXmr_EBv0iWPYIzM-Da4DAeFYoJk/edit?usp=sharing" target="_blank">CV</a></li>
                <li><a href="https://www.linkedin.com/in/maxim-milovanov-445686117/" target="_blank">LinkedIn</a></li>
                <li><a href="https://career.habr.com/alemiks" target="_blank">Habr Career</a></li>
                <li><a href="https://t.me/maxmilovanov" target="_blank">Telegram</a></li>
                <li><a href="https://github.com/MilovanovM" target="_blank">GitHub</a></li>
            </ul>
        </header>
        <ul class="skills">
            <li class="skills-fullstack">
                <h2>Full Stack Development</h2>
                <p>
                    Building robust web applications using Python, Django, FastAPI, JavaScript, TypeScript, and React
                </p>
            </li>
            <li class="skills-backend">
                <h2>Backend Development</h2>
                <p>Containerized apps on Linux stack using Python/Django/Flask/FastAPI or C#/ASP.NET</p>
            </li>
            <li class="skills-frontend">
                <h2>Frontend Development</h2>
                <p>Creating rich client-side apps using the latest CSS, JavaScript, TypeScript, and React</p>
            </li>
            <li class="skills-uxui">
                <h2>AI tools</h2>
                <p>AI-Enhanced Development: Cursor, GitHub Copilot, Augment Code, JetBrains Junie for accelerated coding and debugging</p>
            </li>
            <li class="skills-databases">
                <h2>UI / UX</h2>
                <p>Wireframing and rapid prototyping</p>
            </li>
        </ul>
    </div>
</body>
</html>