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

немного привел в чувство

Browse Source
This commit is contained in:
dderbentsov
2022-05-06 01:14:36 +03:00
parent 870662d7a5
commit 14b79e0e2d
16 changed files with 91 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
font-files/IBMPlexMono-Bold.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-ExtraLight.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-ExtraLightItalic.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-Italic.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-Light.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-LightItalic.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-Medium.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-Regular.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-SemiBoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-Thin.ttf Normal file
View File

Binary file not shown.

BIN
font-files/IBMPlexMono-ThinItalic.ttf Normal file
View File

Binary file not shown.

67
index.html
View File

@@ -5,55 +5,51 @@
<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">
<header class="flex flex-col">
<div class="flex flex-col full-width">
<div class="flex items-center flex-col">
<img src="/static/img/logo.svg" alt="logo">
<img src="static/img/logo.svg" alt="logo">
<div class="inter-22">
Consulting and custom development
</div>
</div>
</div>
<nav class="header-menu flex">
<a href="#" class="menu-link inter-22">Направление деятельности</a>
<a href="#" class="menu-link inter-22">Экспертиза</a>
<a href="#" class="menu-link inter-22">Команда</a>
<a href="#" class="menu-link inter-22">Центры компетенций</a>
<a href="#" class="menu-link inter-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="#" class="menu-link ibmplexmono-22">Проекты</a>
</nav>
</header>
<main class="flex flex-col full-width">
<h2 class="inter-40">Направление деятельности</h2>
<p class="inter-28 max-width-1000">Компания DOP создана как профильная компания по разработке
программного обеспечения.</p>
<h2 class="ibmplexmono-40">Направление деятельности</h2>
<p class="ibmplexmono-28 max-width-1000">DOP это профильная компания по оказанию IT-услуг:</p>
<ul class="list-style max-width-1000">
<li class="inter-24-600">Сопровождение и эксплуатация ИТ решений - Тестирование,
сопровождение и техническая поддержка ИТ решений, обучение
сотрудников.
<li class="ibmplexmono-24-600">Проектирование и разработка цифровых продуктов <span class="ibmplexmono-24"> – полный цикл разработки ПО с применением индивидуальных бизнес-решений;<span>
</li>
<li class="inter-24-600">Проектирование и разработка цифровых продуктов – Полный цикл
разработки ПО с использованием индивидуальных бизнес-решений.
<li class="ibmplexmono-24-600">Сопровождение эксплуатации IT-решений <span class="ibmplexmono-24"> – тестирование, техническая поддержка, обучение персонала;</span>
</li>
<li class="inter-24-600">Построение выделенных Центров Компетенций – Построение ЦК с
командой специалистов разработки, тестирования и сопровождения ИТ –
решений.
<li class="ibmplexmono-24-600">Построение выделенных Центров Компетенций <span class="ibmplexmono-24"> – построение ЦК с командой специалистов разработки, тестирования и сопровождения IT-решений.</span>
</li>
</ul>
<h2 class="inter-40">Экспертиза в областях</h2>
<h2 class="ibmplexmono-40">Экспертиза в областях</h2>
<div class="flex full-width justify-center">
<img src="static/img/diagram.svg" alt="diagram">
</div>
<h2 class="inter-40">Команда</h2>
<p class="inter-28 max-width-1000">В состав команды DOP входят сотрудники с опытом выполнения
<h2 class="ibmplexmono-40">Команда</h2>
<p class="ibmplexmono-28 max-width-1000">В состав команды DOP входят сотрудники с опытом выполнения
проектов уровня Enterprise.<br/>
Наша команда обладает широким спектром компетенций для
реализации высокотехнологичных проектов с учетом отраслевой
специфики.</p>
<p class="inter-24-600">Общая численность более 30 сотрудников.</p>
<h2 class="inter-40">Центры компетенций</h2>
<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>
@@ -107,44 +103,45 @@
</ul>
</div>
</div>
<h2 class="inter-40">Реализованные проекты</h2>
<div class="inter-28">Участие в создании и внедрении:
<h2 class="ibmplexmono-40">Проекты</h2>
<div class="ibmplexmono-28">Участие в создании и внедрении:
</div>
<ul class="list-style max-width-1000">
<li class="inter-24-600">Банковские CRM системы (desktop & mobile);
<li class="ibmplexmono-24-600">Банковские CRM системы (desktop & mobile);
</li>
<li class="inter-24-600">Клиентские мобильные приложения;
<li class="ibmplexmono-24-600">Клиентские мобильные приложения;
</li>
<li class="inter-24-600">Интеграция систем и приложений с государственными порталами;
<li class="ibmplexmono-24-600">Интеграция систем и приложений с государственными порталами;
</li>
<li class="inter-24-600">Сервис онлайн-продажи билетов, недвижимости / Системы
<li class="ibmplexmono-24-600">Сервис онлайн-продажи билетов, недвижимости / Системы
лояльности;
</li>
<li class="inter-24-600">Система мониторинга пользовательского опыта;
<li class="ibmplexmono-24-600">Система мониторинга пользовательского опыта;
</li>
<li class="inter-24-600">Электронные торговые площадки;
<li class="ibmplexmono-24-600">Электронные торговые площадки;
</li>
<li class="inter-24-600">Переход с монолитной архитектуры на микросервсиную архитектуру
<li class="ibmplexmono-24-600">Переход с монолитной архитектуры на микросервсиную архитектуру
приложения;
</li>
<li class="inter-24-600">RPA;
<li class="ibmplexmono-24-600">RPA;
</li>
<li class="inter-24-600">AR приложения.
<li class="ibmplexmono-24-600">AR приложения.
</li>
</ul>
</main>
<footer class="flex flex-col items-start">
<div class="inter-38">DOP помогает клиентам создавать цифровые
<div class="ibmplexmono-38">DOP помогает клиентам создавать цифровые
решения.
</div>
<div class="inter-26-600 max-width-1000 text-end">Опыт нашей команды, позволит предложить
<div class="ibmplexmono-26-600 max-width-1000 text-end">Опыт нашей команды, позволит предложить
оптимальное технологическое решение.
</div>
<img src="static/img/logo.svg" alt="logo" class="bottom-logo">
<p>info@dopcore.com</p>
</footer>
</body>
</html>

66
style.css
View File

@@ -15,6 +15,7 @@ header, main {
gap: 40px
}
main {
background-image: url("static/img/bg.svg");
background-repeat: space;
@@ -69,7 +70,7 @@ h2, p, ul {
}
.list-style {
list-style-image: url("static/img/list-line.svg");
margin-left: 24px;
}
.list-style > li {
@@ -78,19 +79,28 @@ h2, p, ul {
}
.header-menu {
margin-top: 24px;
padding: 24px 44px;
background-color: #000000;
gap: 136px
border-bottom: 2px solid black;
justify-content: space-between;
}
.menu-link:hover{
background: #000;
color: #fff;
}
.menu-link:visited:hover{
color: #fff;
}
.menu-link {
text-decoration: none;
color: #ffffff;
padding: 18px 12px;
color: #000;
}
.menu-link:visited {
color: #ffffff;
color: #000;
}
.skill-card {
@@ -184,3 +194,45 @@ h2, p, ul {
font-size: 26px;
line-height: 31px;
}
.ibmplexmono-22 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 22px;
}
.ibmplexmono-24-600 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 24px;
}
.ibmplexmono-24 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 400;
font-size: 24px;
}
.ibmplexmono-26-600 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 26px;
}
.ibmplexmono-40 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
font-size: 40px;
}
.ibmplexmono-38 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 400;
font-size: 40px;
}
.ibmplexmono-28 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 400;
font-size: 28px;
}