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

21
style.css
View File

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