admin/DOPSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hyevo

Browse Source
This commit is contained in:
kandrusyak
2022-05-06 16:56:58 +03:00
parent b576ca7013
commit b696bedd77
2 changed files with 65 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
index.html
View File

@@ -23,6 +23,7 @@
<a href="#competence_centers" class="menu-link ibmplexmono-22">Центры компетенций</a>
<a href="#projects" class="menu-link ibmplexmono-22">Проекты</a>
</nav>
<div class="divider"></div>
</header>
<main class="flex flex-col full-width">
<h2 id="activity_direction" class="ibmplexmono-40">Направление деятельности</h2>
@@ -48,94 +49,92 @@
<h2 id="competence_centers" class="ibmplexmono-40">Центры компетенций</h2>
<div class="flex n-skill-card">
<div class="flex n-skill-item front">
<div class="flex full-width ibmplexmono-38-600">FRONTEND:</div>
<div class="flex full-width ibmplexmono-32-600">FRONTEND:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">JavaScript (React.js, Vue.js, AngularJS)</li>
<li class="ibmplexmono-24-600 skill-list-item">CSS</li>
<li class="ibmplexmono-24-600 skill-list-item">HTML</li>
<li class="ibmplexmono-24-600 skill-list-item">TypeScript</li>
<li class="ibmplexmono-24 skill-list-item">JavaScript (React.js, Vue.js, AngularJS)</li>
<li class="ibmplexmono-24 skill-list-item">CSS</li>
<li class="ibmplexmono-24 skill-list-item">HTML</li>
<li class="ibmplexmono-24 skill-list-item">TypeScript</li>
</ul>
</div>
<div class="flex n-skill-item">
<div class="flex full-width ibmplexmono-38-600">MOBILE:</div>
<div class="flex full-width ibmplexmono-32-600">MOBILE:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">Swift</li>
<li class="ibmplexmono-24-600 skill-list-item">Java</li>
<li class="ibmplexmono-24-600 skill-list-item">Kotlin</li>
<li class="ibmplexmono-24-600 skill-list-item">React Native</li>
<li class="ibmplexmono-24 skill-list-item">Swift</li>
<li class="ibmplexmono-24 skill-list-item">Java</li>
<li class="ibmplexmono-24 skill-list-item">Kotlin</li>
<li class="ibmplexmono-24 skill-list-item">React Native</li>
</ul>
</div>
<div class="flex n-skill-item">
<div class="flex full-width ibmplexmono-38-600">BACKEND:</div>
<div class="flex full-width ibmplexmono-32-600">BACKEND:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">Java</li>
<li class="ibmplexmono-24-600 skill-list-item">Python</li>
<li class="ibmplexmono-24-600 skill-list-item">Djnago</li>
<li class="ibmplexmono-24-600 skill-list-item">Spring</li>
<li class="ibmplexmono-24 skill-list-item">Java</li>
<li class="ibmplexmono-24 skill-list-item">Python</li>
<li class="ibmplexmono-24 skill-list-item">Django</li>
<li class="ibmplexmono-24 skill-list-item">Spring</li>
</ul>
</div>
<div class="flex n-skill-item">
<div class="flex full-width ibmplexmono-38-600">DATABASE:</div>
<div class="flex full-width ibmplexmono-32-600">DATABASE:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">Oracle DB</li>
<li class="ibmplexmono-24-600 skill-list-item">PostgreSQL</li>
<li class="ibmplexmono-24-600 skill-list-item">MS SQL Server</li>
<li class="ibmplexmono-24-600 skill-list-item">MySQL</li>
<li class="ibmplexmono-24 skill-list-item">Oracle DB</li>
<li class="ibmplexmono-24 skill-list-item">PostgreSQL</li>
<li class="ibmplexmono-24 skill-list-item">MS SQL Server</li>
<li class="ibmplexmono-24 skill-list-item">MySQL</li>
</ul>
</div>
<div class="flex n-skill-item">
<div class="flex full-width ibmplexmono-38-600">DEVOPS:</div>
<div class="flex full-width ibmplexmono-32-600">DEVOPS:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">Docker</li>
<li class="ibmplexmono-24-600 skill-list-item">Kubernetes</li>
<li class="ibmplexmono-24-600 skill-list-item">Jenkins</li>
<li class="ibmplexmono-24-600 skill-list-item">Teamcity</li>
<li class="ibmplexmono-24 skill-list-item">Docker</li>
<li class="ibmplexmono-24 skill-list-item">Kubernetes</li>
<li class="ibmplexmono-24 skill-list-item">Jenkins</li>
<li class="ibmplexmono-24 skill-list-item">Teamcity</li>
</ul>
</div>
<div class="flex n-skill-item">
<div class="flex full-width ibmplexmono-38-600">PLATFORMS:</div>
<div class="flex full-width ibmplexmono-32-600">PLATFORMS:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">Oracle Siebel CRM</li>
<li class="ibmplexmono-24-600 skill-list-item">Atlassian</li>
<li class="ibmplexmono-24-600 skill-list-item">Camunda</li>
<li class="ibmplexmono-24-600 skill-list-item">OpenText</li>
<li class="ibmplexmono-24 skill-list-item">Oracle Siebel CRM</li>
<li class="ibmplexmono-24 skill-list-item">Atlassian</li>
<li class="ibmplexmono-24 skill-list-item">Camunda</li>
<li class="ibmplexmono-24 skill-list-item">OpenText</li>
</ul>
</div>
<div class="flex n-skill-item qa">
<div class="flex full-width ibmplexmono-38-600">QA:</div>
<div class="flex full-width ibmplexmono-32-600">QA:</div>
<ul>
<li class="ibmplexmono-24-600 skill-list-item">Manual</li>
<li class="ibmplexmono-24-600 skill-list-item">Automation</li>
<li class="ibmplexmono-24 skill-list-item">Manual</li>
<li class="ibmplexmono-24 skill-list-item">Automation</li>
</ul>
</div>
</div>
<h2 id="projects" class="ibmplexmono-40">Проекты</h2>
<div class="ibmplexmono-28">Участие в создании и внедрении:
</div>
<h2 id="projects" class="ibmplexmono-40">Участие в проектах:</h2>
<ul class="list-style max-width-1000">
<li class="ibmplexmono-24-600">Банковские CRM системы (desktop & mobile);
<li class="ibmplexmono-24">Банковские CRM системы (desktop & mobile);
</li>
<li class="ibmplexmono-24-600">Клиентские мобильные приложения;
<li class="ibmplexmono-24">Клиентские мобильные приложения;
</li>
<li class="ibmplexmono-24-600">Интеграция систем и приложений с государственными порталами;
<li class="ibmplexmono-24">Интеграция систем и приложений с государственными порталами;
</li>
<li class="ibmplexmono-24-600">Сервис онлайн-продажи билетов, недвижимости / Системы
<li class="ibmplexmono-24">Сервис онлайн-продажи билетов, недвижимости / Системы
лояльности;
</li>
<li class="ibmplexmono-24-600">Система мониторинга пользовательского опыта;
<li class="ibmplexmono-24">Система мониторинга пользовательского опыта;
</li>
<li class="ibmplexmono-24-600">Электронные торговые площадки;
<li class="ibmplexmono-24">Электронные торговые площадки;
</li>
<li class="ibmplexmono-24-600">Переход с монолитной архитектуры на микросервсиную архитектуру
<li class="ibmplexmono-24">Переход с монолитной архитектуры на микросервсиную архитектуру
приложения;
</li>
<li class="ibmplexmono-24-600">RPA;
<li class="ibmplexmono-24">RPA;
</li>
<li class="ibmplexmono-24-600">AR приложения.
<li class="ibmplexmono-24">AR приложения.
</li>
</ul>
</main>

21
style.css
View File

@@ -156,10 +156,20 @@ h2 {
max-width: 95vw;
}
.divider {
background-color: #000000;
width: 100%;
height: 2px;
display: none;
}
@media screen and (max-width: 1050px) {
.header-menu {
display: none;
}
.divider {
display: block;
}
}
@@ -222,9 +232,20 @@ h2 {
font-weight: 400;
font-size: 28px;
}
.ibmplexmono-28-600 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 28px;
}
.ibmplexmono-38-600 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 40px;
}
.ibmplexmono-32-600 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 32px;
}