spinopel.github.io/index.html at main · spinopel/spinopel.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
<!doctype html>
<html lang="en" class="no-js">
<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="canonical" href="https://spinopel.top/" />
<title>Portfolio Spin Opel - GitHub site with full information about me</title>
<meta name="description" content="Abstract, professional skills, hobby, contact information">
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="script.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $('#fullpage').fullpage({
              sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
              anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
              menu: '#menu',
            });
        });
    </script>
</head>

<body>
<ul id="menu">
  <li data-menuanchor="firstPage" class="active"><a href="#firstPage">Home</a></li>
  <li data-menuanchor="secondPage"><a href="#secondPage">About</a></li>
  <li data-menuanchor="3rdPage"><a href="#3rdPage">Contact</a></li>
</ul>
<div id="fullpage">
  <div class="section " id="section0">
    <h1>Spin Opel</h1>
    <p>Full-stack web &amp; app developer</p>
    <p class="introimg">&darr;&#9636;&darr;</p>
  </div>
  <div class="section active" id="section1">
    <div class="slide" id="slide1">
      <div class="intro">
        <h1>Abstract</h1>
        <p>I am a web developer with over 12 years of full-stack experience.</p>
        <p>A forward-thinking man passed several positions with wide knowledge, design a solution that fulfills the information and data architecture requirements. These technologies cover the entire life cycle of design, development, testing, deployment, maintenance, performance tuning, and user support.</p>
        <p>Highlights<br>
          ✨ Good logical thinking skills.<br>
          ✨ Known for writing efficient, maintainable, and reusable code.<br>
          ✨ Proficient in programming patterns and principles, data structures, problem-solving, and debugging.<br>
          ✨ Eagerness to embrace scalability, reliability, and performance challenges.<br>
          ✨ Positivity and responsibility in words, communication, and feedback.<br>
          ✨ Time balance and creative management.<br>
          ✨ Passion for building products that users love.<br>
          ✨ Experienced in software design and application architectures with high security and performance optimization.<br>
          ✨ Strong at source code management, continuous integration, and continuous deployment.<br>
          ✨ Experienced and good knowledge of full-stack development e.g web front-end, backend-end to mobile and system.</p>
      </div>
    </div>
    <div class="slide active" id="slide2">
      <div class="intro">
        <h1>Professional skills</h1>
        <p>Web<br>
          Frontend: Angular, Bootstrap, jQuery, TypeScript, Html, Css, GraphQL, Wordpress, Joomla, Scss/Less<br>
        </p>
        <p>Mobile<br>
          Native Android: Gradle Groovy, Kotlin, Java. MVP model, Annotations, Event bus, RxAndroid/RxJava, jUnit, Log entries, BLE, NFC, Amazon web services</p>
        <p>OS/System<br>
          Linux, Windows, Nginx, Apache<br>
        </p>
        <p>Database<br>
          MySql, Sqlite, Postgres, Oracle, MongoDB<br>
        </p>
        <p>Embedded<br>
          Atmel, Arduino, ESP32, ARM, Raspberry Pi<br>
        </p>
        <p>Version control<br>
          Master of the Git: GitHub, GitLab, Bitbucket<br>
        </p>
      </div>
    </div>
    <div class="slide" id="slide3">
      <div class="intro">
        <h1>Hobby</h1>
        <p>Programming</p>
        <p>Architecture</p>
        <p>Optimization</p>
      </div>
    </div>
  </div>
  <div class="section" id="section2">
    <div class="intro">
      <h1>Contact</h1>
      <p>Official website: <a href="https://spinopel.top/">spinopel.top</a></p>
      <p>GitHub: <a href="https://github.com/spinopel">spinopel</a></p>
      <p>LinkedIn: <a href="https://www.linkedin.com/in/spinopel/">spinopel</a></p>
      <p>X(Twitter): <a href="https://x.com/Spin0pel">@spin0pel</a></p>
    </div>
  </div>
</div>
</body>
</html>