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

66
style.css
View File

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