Resume-IS/index.html at main · Shaliapyn/Resume-IS · 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
103
104
105
106
107
108
109
110
111
112
<!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="bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>
<body>
    <div class="wrapper">
        <header class="header-main">
            <div class="container">
                <nav class="header-nav">
                    <ul class="header-nav__ullink">
                        <a href="#skills-box"><li>Professional Skills</li></a>
                        <a href=""><li>Interests</li></a>
                        <a href="#title-about"><li>About me</li></a>
                        <a href=""><li>Contact</li></a>
                    </ul>
                </nav>
                <section class="main-section">
                    <section class="img-section">
                        <img src="img/122_oooo.plus.png" alt="">
                    </section>
                    <section class="main-text">
                        <div class="main-text__text">
                            <h3>Ihor Shalapa</h3>
                            <p>Web Developer, Historian, Just a nice guy</p>
                        </div>
                        <div class="main-text__buttons">
                            <button class="btn-hire">Hire me</button>
                            <button class="btn-down-cv">Download CV</button>
                        </div>
                    </section>
                    <section class="icons-network">
                        <a href="https://www.facebook.com/igor.shalapa.3"><img src="img/fb-icon.png" alt=""></a>
                        <a href="https://t.me/Salo_Borsch_Power"><img src="img/telegram-icon.png" alt=""></a>
                    </section>
                </section>
            </div>
        </header>
    </div>
        <main>
           <div class="container">
                <section class="about-me-content">
                    <div class="about-me-content__about">
                        <h2 class="title-about" id="title-about">About me</h2>
                        <p>I'm Ihor and I'm 22 years old. I have earned a bachelor's degree of History at the Ivan Franko University of Lviv.
                            I became interested in web development in the last year of my studying.
                            In recent months I've been learning JavaScript, HTML, CSS, React on my own, using online
                            courses and YouTube, of course.  I try to make time every day for improving my program skills.
                            For now I have no commercial experience in programming, but I can show you examples of my code.
                            I'm interested in web development, and I want to learn and work hard in this area
                        </p>
                    </div>
                    <div>
                        <h2 class="title-base">Base information</h2>
                        <div class="about-me-content__base-info">
                            <div class="keys">
                                <ul>
                                    <li>AGE:</li>
                                    <li>EMAIL:</li>
                                    <li>PHONE:</li>
                                    <li>ADDRESS:</li>
                                    <li>LANGUAGE:</li>
                                </ul>
                            </div>
                            <div class="values">
                                <ul>
                                    <li>22</li>
                                    <li>igorshalapa@gmail.com</li>
                                    <li>+380671592877</li>
                                    <li>sadaddsa:</li>
                                    <li>English, Ukrainian, Russian</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="skills-box" id="skills-box">
                    <h2>Professional Skills</h2>
                    <h4>Html</h4>
                    <div class="skills-content">
                        <div class="percent html">55</div>
                    </div>
                    <h4>CSS</h4>
                    <div class="skills-content">
                        <div class="percent css">45</div>
                    </div>
                    <h4>JavaScript</h4>
                    <div class="skills-content">
                        <div class="percent js">35</div>
                    </div>
                    <h4>React</h4>
                    <div class="skills-content">
                        <div class="percent react">20</div>
                    </div>
                    <h4>English</h4>
                    <div class="skills-content">
                        <div class="percent english">65</div>
                    </div>
                </section>
           </div>
        </main>
        <footer>

        </footer>
        <script src="script.js"></script>
</body>
</html>