Skip to content

Commit

Permalink
consultant wip
Browse files Browse the repository at this point in the history
  • Loading branch information
@tabuna
tabuna committed Apr 6, 2024
1 parent a543df8 commit a66b22d
Showing 1 changed file with 212 additions and 9 deletions.
221 changes: 212 additions & 9 deletions resources/views/pages/consultants.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
@section('description', 'Передайте проект на аутсорсинг или привлеките экспертов Laravel в свою существующую команду.')

@section('content')
<x-header image="/img/ui/tutorials.svg">
<x-header image="/img/bird.svg">
<x-slot name="sup">
Ребята мирового класса
</x-slot>
Expand All @@ -17,6 +17,7 @@
</x-slot>


{{--
<x-slot name="actions">
<div class="row w-100 pt-4 border-top text-balance">
<div class="col-sm mb-3 mb-lg-0">
Expand All @@ -33,23 +34,224 @@
</div>
</div>
</x-slot>
--}}
</x-header>




<x-container>
<div class="bg-body-tertiary rounded overflow-hidden p-4 p-xxl-5 position-relative">

<img src="/img/ui/klubok.svg" class="d-none d-xxl-block position-absolute bottom-0 start-0 m-4 pe-none">

<div class="container mt-xl-5">
<div class="row mb-5">
<div class="col-xl-10 offset-xl-1 col-md-12">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-12">
<div class="text-lg-center mb-5">
<small
class="text-uppercase ls-md fw-semibold text-body-tertiary">Зачем?</small>
<h2 class="mt-3">
Lorem ipsum dolor sit amet. <span class="text-primary">Suspendisse</span> sed eros mi.
</h2>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-12 col-12">
<div class="mb-5 mb-lg-0 text-center text-lg-start px-md-5">
<h2 class="mb-3 text-balance">Потребности вашего бизнеса</h2>
<p class="mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed eros mi.
</p>
</div>
</div>
<div class="col-lg-8">
<div class="row">
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#speedometer"></use>
</svg>
</div>
</div>

<h3 class="h4">Сосредоточьтесь на важном</h3>
<p class="mb-0 pe-lg-4">
Каждое изменение должно приносить результат.
Консультации помогут вам определить, как это достичь.
</p>
</div>
</div>
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#speedometer"></use>
</svg>
</div>
</div>

<h3 class="h4 text-balance">Больше выгоды от использования Laravel</h3>
<p class="mb-0">
Отдавайте часть ответственности за код сообществу открытого исходного кода, так вы сможете достигать больших результатов с меньшим объемом работы.
</p>
</div>
</div>
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#speedometer"></use>
</svg>
</div>
</div>

<h3 class="h4 text-balance">Свежий взгляд</h3>
<p class="mb-0 pe-lg-4">Чем больше вы погружаетесь в код, тем сложнее заметить проблемы. Взгляд со стороны может принести новые идеи и перспективы, которые изменят вашу игру.</p>
</div>
</div>
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#speedometer"></use>
</svg>
</div>
</div>

<h3 class="h4 text-balance">Lorem ipsum dolor sit amet</h3>
<p class="mb-0 pe-lg-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed eros mi. </p>
</div>
</div>
</div>
</div>
</div>
</div>

{{--
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#collection"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis text-balance my-3">Сосредоточьтесь на важном</h4>
<p class="text-body-secondary">
Каждое изменение должно приносить результат.
Консультации помогут вам определить, как это достичь.
</p>
</div>
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#gear-fill"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis text-balance my-3">Больше выгоды от использования Laravel</h4>
<p class="text-body-secondary">
Отдавайте часть ответственности за код сообществу открытого исходного кода, так вы сможете
достигать больших результатов с меньшим объемом работы.
</p>
</div>
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#speedometer"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis text-balance my-3">Свежий взгляд</h4>
<p class="text-body-secondary">
Чем больше вы погружаетесь в код, тем сложнее заметить проблемы. Взгляд со стороны может принести новые идеи и перспективы, которые изменят вашу игру.
</p>
</div>
</div>
--}}
</div>
</x-container>

<x-container>
<div class="row g-5 row-cols-md-3">

<div class="row g-4 g-md-5 justify-content-center align-items-end mb-5">
<div class="col-lg-8 me-auto">
<span class="text-primary mb-3 d-block text-uppercase fw-semibold ls-xl">Помогите вашей команде двигаться вперёд.</span>
<h2 class="display-5 fw-semibold mb-0">Чего вы можете ожидать от консультанта Laravel</h2>
</div>
</div>

<div class="row g-4 row-cols-md-2 row-cols-xxl-3">
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center">
<div class="vr bg-primary position-absolute start-0 opacity-100" style="top: 1.5em; bottom: 1.5em;"></div>
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<div class="d-flex align-items-center mb-3">
<p class="fs-4 mb-0">Веб приложение</p>
</div>
<p class="fs-4">Застряли на ошибке?</p>

<img src="/img/ui/web.svg" class="img-fluid d-block mx-auto">
<p class="text-body-secondary mb-0">Специалисты предлагают свежий взгляд, который поможет вам разобраться.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Обзор кода</p>

<p class="text-body-secondary mb-0">Давайте вместе рассмотрим ваш код, чтобы убедиться, что он максимально хорош.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Разбор архитектуры</p>

<p class="text-body-secondary mb-0">Мы обсудим, как правильно структурировать ваше приложение для достижения успеха.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Оптимизация кода</p>

<p class="text-body-secondary mb-0">Я покажу вам, как заставить ваш код работать быстрее и плавнее.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Рекомендации по инструментам и пакетам</p>

<p class="text-body-secondary mb-0">Я могу порекомендовать инструменты и пакеты для более быстрого достижения ваших целей.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Обсуждение лучших практик</p>

<p class="text-body-secondary mb-0">Мы поговорим о новейших передовых практиках, которые помогут вашему проекту не сбиться с пути.</p>
</div>
</div>
</div>

{{--
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center">
<div class="vr bg-primary position-absolute start-0 opacity-100" style="top: 1.5em; bottom: 1.5em;"></div>
Expand All @@ -73,6 +275,7 @@
</div>
</div>
</div>
--}}
</div>
</x-container>

Expand All @@ -81,7 +284,7 @@
<div class="row g-4 g-md-5 justify-content-center align-items-end mb-5">
<div class="col-lg-8 me-auto">
<span class="text-primary mb-3 d-block text-uppercase fw-semibold ls-xl">Вам могут понравиться</span>
<h2 class="display-5 fw-semibold mb-0">Персональные русскоязычные серии</h2>
<h2 class="display-5 fw-semibold mb-0">Чего вы можете ожидать от консультанта Laravel</h2>
</div>
</div>

Expand Down

0 comments on commit a66b22d

Please sign in to comment.