ahyenno
This commit is contained in:
kandrusyak
108
index.html
108
index.html
@@ -4,10 +4,6 @@
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="tools/normalize.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="font-files/inter.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
|
||||
<title>DOP</title>
|
||||
</head>
|
||||
<body class="flex-col">
|
||||
@@ -15,21 +11,21 @@
|
||||
<div class="flex flex-col full-width">
|
||||
<div class="flex items-center flex-col">
|
||||
<img src="static/img/logo.svg" alt="logo">
|
||||
<div class="inter-22">
|
||||
<div class="ibmplexmono-22">
|
||||
Consulting and custom development
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="header-menu flex">
|
||||
<a href="#" class="menu-link ibmplexmono-22">Направление деятельности</a>
|
||||
<a href="#" class="menu-link ibmplexmono-22">Экспертиза</a>
|
||||
<a href="#" class="menu-link ibmplexmono-22">Команда</a>
|
||||
<a href="#" class="menu-link ibmplexmono-22">Центры компетенций</a>
|
||||
<a href="#" class="menu-link ibmplexmono-22">Проекты</a>
|
||||
<a href="#activity_direction" class="menu-link ibmplexmono-22">Направление деятельности</a>
|
||||
<a href="#expertise" class="menu-link ibmplexmono-22">Экспертиза</a>
|
||||
<a href="#team" 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>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col full-width">
|
||||
<h2 class="ibmplexmono-40">Направление деятельности</h2>
|
||||
<h2 id="activity_direction" class="ibmplexmono-40">Направление деятельности</h2>
|
||||
<p class="ibmplexmono-28 max-width-1000">DOP это профильная компания по оказанию IT-услуг:</p>
|
||||
<ul class="list-style max-width-1000">
|
||||
<li class="ibmplexmono-24-600">Проектирование и разработка цифровых продуктов <span class="ibmplexmono-24"> – полный цикл разработки ПО с применением индивидуальных бизнес-решений;<span>
|
||||
@@ -39,71 +35,81 @@
|
||||
<li class="ibmplexmono-24-600">Построение выделенных Центров Компетенций <span class="ibmplexmono-24"> – построение ЦК с командой специалистов разработки, тестирования и сопровождения IT-решений.</span>
|
||||
</li>
|
||||
</ul>
|
||||
<h2 class="ibmplexmono-40">Экспертиза в областях</h2>
|
||||
<h2 id="expertise" class="ibmplexmono-40">Экспертиза в областях</h2>
|
||||
<div class="flex full-width justify-center">
|
||||
<img src="static/img/diagram.svg" alt="diagram">
|
||||
<img class="diagram" src="static/img/diagram.png" alt="diagram">
|
||||
</div>
|
||||
<h2 class="ibmplexmono-40">Команда</h2>
|
||||
<h2 id="team" class="ibmplexmono-40">Команда</h2>
|
||||
<p class="ibmplexmono-28 max-width-1000">В состав команды DOP входят сотрудники с опытом выполнения
|
||||
проектов уровня Enterprise.<br/>
|
||||
Наша команда обладает широким спектром компетенций для
|
||||
реализации высокотехнологичных проектов с учетом отраслевой
|
||||
специфики.</p>
|
||||
<h2 class="ibmplexmono-40">Центры компетенций</h2>
|
||||
<div class="flex skill-list">
|
||||
<div class="skill-card">
|
||||
<div class="flex justify-center full-width inter-34-700">Dev:</div>
|
||||
<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>
|
||||
<ul>
|
||||
<li class="inter-24-600 skill-list-item">Front - VueJS, React;</li>
|
||||
<li class="inter-24-600 skill-list-item">BackEnd - Java, Spring,
|
||||
Python, Django.
|
||||
</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-card">
|
||||
<div class="flex justify-center full-width inter-34-700">Databases:</div>
|
||||
<div class="flex n-skill-item">
|
||||
<div class="flex full-width ibmplexmono-38-600">MOBILE:</div>
|
||||
<ul>
|
||||
<li class="inter-24-600 skill-list-item">Oracle;
|
||||
</li>
|
||||
<li class="inter-24-600 skill-list-item">MS;
|
||||
</li>
|
||||
<li class="inter-24-600 skill-list-item">Postgres.
|
||||
</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-card">
|
||||
<div class="flex justify-center full-width inter-34-700">Mobile:</div>
|
||||
<div class="flex n-skill-item">
|
||||
<div class="flex full-width ibmplexmono-38-600">BACKEND:</div>
|
||||
<ul>
|
||||
<li class="inter-24-600 skill-list-item">Andriod;
|
||||
</li>
|
||||
<li class="inter-24-600 skill-list-item">IOS.
|
||||
</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-card">
|
||||
<div class="flex justify-center full-width inter-34-700">DevOps:</div>
|
||||
<div class="flex n-skill-item">
|
||||
<div class="flex full-width ibmplexmono-38-600">DATABASE:</div>
|
||||
<ul>
|
||||
<li class="inter-24-600 skill-list-item">Jenkins;</li>
|
||||
<li class="inter-24-600 skill-list-item">Teamcity;</li>
|
||||
<li class="inter-24-600 skill-list-item">Kubernetes;</li>
|
||||
<li class="inter-24-600 skill-list-item">Docker.</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-card">
|
||||
<div class="flex justify-center full-width inter-34-700">QA:</div>
|
||||
<div class="flex n-skill-item">
|
||||
<div class="flex full-width ibmplexmono-38-600">DEVOPS:</div>
|
||||
<ul>
|
||||
<li class="inter-24-600 skill-list-item">Manual;</li>
|
||||
<li class="inter-24-600 skill-list-item">Automated.</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-card">
|
||||
<div class="flex justify-center full-width inter-34-700">CRM:</div>
|
||||
<div class="flex n-skill-item">
|
||||
<div class="flex full-width ibmplexmono-38-600">PLATFORMS:</div>
|
||||
<ul>
|
||||
<li class="inter-24-600 skill-list-item">Oracle Siebel.</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex n-skill-item qa">
|
||||
<div class="flex full-width ibmplexmono-38-600">QA:</div>
|
||||
<ul>
|
||||
<li class="ibmplexmono-24-600 skill-list-item">Manual</li>
|
||||
<li class="ibmplexmono-24-600 skill-list-item">Automation</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="ibmplexmono-40">Проекты</h2>
|
||||
<h2 id="projects" class="ibmplexmono-40">Проекты</h2>
|
||||
<div class="ibmplexmono-28">Участие в создании и внедрении:
|
||||
</div>
|
||||
<ul class="list-style max-width-1000">
|
||||
@@ -141,7 +147,7 @@
|
||||
оптимальное технологическое решение.
|
||||
</div>
|
||||
<img src="static/img/logo.svg" alt="logo" class="bottom-logo">
|
||||
<p>info@dopcore.com</p>
|
||||
<a href="mailto:info@dopcore.com" class="ibmplexmono-22">info@dopcore.com</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user