commit c7f1e260ff700065d6ff339cd13cd75ee8cc4c8f Author: Sergey <32025367+sergeyyarkov@users.noreply.github.com> Date: Mon Aug 19 19:07:20 2019 +0300 Add files via upload diff --git a/index.html b/index.html new file mode 100644 index 0000000..d6c3cff --- /dev/null +++ b/index.html @@ -0,0 +1,172 @@ + + + + + + + + Advogrand Grid CSS + + + + + + +
+
+
+
+ +
+
+ +
+ Ваш личный юрист всегда на связи +
+
+ +7 499 322-85-80 +
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+

Годовой абонемент на услуги
«личного юриста»

+

+ 24 часа в сутки Ваш личный юрист
– Advogrand на связи
+ всего за 12 рублей в день +

+
+ +
+
+
+
+
+
+

Услуги предоставляемые сервисом Advogrand

+
+
+

Устные
консультации

+
+
+

Звонок
юриста

+
+
+

Модели
договора

+
+
+

Устные
бизнес-консультации

+
+
+

Содействие
в переговорах

+
+
+

Обзор изменений
в законодательстве

+
+
+

Письменные
консультации

+
+
+

Консультации
в отношении третьих лиц

+
+
+

Все области
права

+
+ +
+
+
+
+
+

О сервисе Advogrand

+

+ В составе нашей команды трудятся профессионалы, имеющие огромный опыт реальной юридической практики. + Благодаря этому мы всегда можем найти юридически верное решение, защищающее интересы, сглаживающее + конфликтные ситуации. + + Наше абонентское обслуживание позволяет сохранить нашим клиентам время, деньги и душевное + спокойствие, + ведь ваши интересы находятся под круглосуточной защитой «личного адвоката». + +

+

+ Наше абонентское обслуживание позволяет сохранить нашим клиентам время, деньги и душевное + спокойствие, + ведь ваши интересы находятся под круглосуточной защитой «личного адвоката». +

+
+
+

9
лет на российском
рынке

+
+
+

289
квалифицированных
специалистов

+
+
+

>2,5 млн.
решенных вопросов

+
+
+

3
работаем
в 3-х странах мира

+
+
+
+
+
+
+

Как называется услуга

+
+
+
+ # +
+

+ Появился вопрос – + звоните по бесплатному номеру +

+
+
+
+ # +
+

+ Описываете ситуацию – + получаете ответ в течении 15 минут +

+
+
+
+ # +
+

+ Ваш вопрос решен! +

+
+
+
+
+
+ + + \ No newline at end of file diff --git a/src/fonts/MullerBold.otf b/src/fonts/MullerBold.otf new file mode 100644 index 0000000..5575a1c Binary files /dev/null and b/src/fonts/MullerBold.otf differ diff --git a/src/fonts/MullerLight.otf b/src/fonts/MullerLight.otf new file mode 100644 index 0000000..68707b6 Binary files /dev/null and b/src/fonts/MullerLight.otf differ diff --git a/src/fonts/MullerMedium.otf b/src/fonts/MullerMedium.otf new file mode 100644 index 0000000..7075798 Binary files /dev/null and b/src/fonts/MullerMedium.otf differ diff --git a/src/fonts/ProximaNovaBold.ttf b/src/fonts/ProximaNovaBold.ttf new file mode 100644 index 0000000..817188e Binary files /dev/null and b/src/fonts/ProximaNovaBold.ttf differ diff --git a/src/fonts/ProximaNovaExtrabld.ttf b/src/fonts/ProximaNovaExtrabld.ttf new file mode 100644 index 0000000..bdd8859 Binary files /dev/null and b/src/fonts/ProximaNovaExtrabld.ttf differ diff --git a/src/fonts/ProximaNovaLight.ttf b/src/fonts/ProximaNovaLight.ttf new file mode 100644 index 0000000..6fb9c40 Binary files /dev/null and b/src/fonts/ProximaNovaLight.ttf differ diff --git a/src/img/about/about_background.jpg b/src/img/about/about_background.jpg new file mode 100644 index 0000000..d707cb2 Binary files /dev/null and b/src/img/about/about_background.jpg differ diff --git a/src/img/android.svg b/src/img/android.svg new file mode 100644 index 0000000..c0565ac --- /dev/null +++ b/src/img/android.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/img/apple.svg b/src/img/apple.svg new file mode 100644 index 0000000..5c539e1 --- /dev/null +++ b/src/img/apple.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/img/header-logo.png b/src/img/header-logo.png new file mode 100644 index 0000000..0670937 Binary files /dev/null and b/src/img/header-logo.png differ diff --git a/src/img/section-first_background.jpg b/src/img/section-first_background.jpg new file mode 100644 index 0000000..375d941 Binary files /dev/null and b/src/img/section-first_background.jpg differ diff --git a/src/img/services/balance.png b/src/img/services/balance.png new file mode 100644 index 0000000..0a278aa Binary files /dev/null and b/src/img/services/balance.png differ diff --git a/src/img/services/consultation-logo.png b/src/img/services/consultation-logo.png new file mode 100644 index 0000000..40fa0de Binary files /dev/null and b/src/img/services/consultation-logo.png differ diff --git a/src/img/services/exam.png b/src/img/services/exam.png new file mode 100644 index 0000000..82dfb5a Binary files /dev/null and b/src/img/services/exam.png differ diff --git a/src/img/services/file.png b/src/img/services/file.png new file mode 100644 index 0000000..a4cc48d Binary files /dev/null and b/src/img/services/file.png differ diff --git a/src/img/services/law-book.png b/src/img/services/law-book.png new file mode 100644 index 0000000..b52a133 Binary files /dev/null and b/src/img/services/law-book.png differ diff --git a/src/img/services/lawyer.png b/src/img/services/lawyer.png new file mode 100644 index 0000000..8c57903 Binary files /dev/null and b/src/img/services/lawyer.png differ diff --git a/src/img/services/phone-call.png b/src/img/services/phone-call.png new file mode 100644 index 0000000..e4269dd Binary files /dev/null and b/src/img/services/phone-call.png differ diff --git a/src/img/services/tactics.png b/src/img/services/tactics.png new file mode 100644 index 0000000..c78d33e Binary files /dev/null and b/src/img/services/tactics.png differ diff --git a/src/img/services/work-communication.png b/src/img/services/work-communication.png new file mode 100644 index 0000000..10d1bb1 Binary files /dev/null and b/src/img/services/work-communication.png differ diff --git a/src/img/turn/1.png b/src/img/turn/1.png new file mode 100644 index 0000000..5e62815 Binary files /dev/null and b/src/img/turn/1.png differ diff --git a/src/img/turn/2.png b/src/img/turn/2.png new file mode 100644 index 0000000..7b7342b Binary files /dev/null and b/src/img/turn/2.png differ diff --git a/src/img/turn/3.png b/src/img/turn/3.png new file mode 100644 index 0000000..bb3ca16 Binary files /dev/null and b/src/img/turn/3.png differ diff --git a/src/styles/media.css b/src/styles/media.css new file mode 100644 index 0000000..7d5b355 --- /dev/null +++ b/src/styles/media.css @@ -0,0 +1,78 @@ +@media (max-width: 870px) { + #about .section-about_wrap { + grid-template-columns: 1fr 1fr; + } +} +@media (max-width: 860px) { + ul { + flex-direction: column; + } + ul li { + margin-bottom: 10px; + } + header .header-content_bottom { + flex-direction: column; + } + header .header-content_bottom div { + margin-bottom: 10px; + } + #first { + padding-top: 60px; + } +} +@media (max-width: 770px) { + .section-services_wrap { + grid-template-columns: 1fr 1fr; + grid-column-gap: 120px; + padding-left: 25px; + } +} +@media (max-width: 768px) { + #turn .section-turn_wrap { + grid-template-columns: 1fr 1fr; + } + #turn .section-turn_wrap div:nth-child(3) { + grid-column: 1/3; + margin-top: 40px; + } +} +@media (max-width: 576px) { + #first .section-first_wrap h1 br { + display: none; + } + #first .section-first_wrap h1 { + font-size: 30px; + } +} +@media (max-width: 548px) { + .section-services_wrap { + grid-template-columns: 1fr; + padding-left: 0px; + } + .section-services_wrap div p { + text-align: center; + padding-left: 0; + } + .section-services_wrap div::before { + left: 15px; + } +} +@media (max-width: 460px) { + #about .section-about_wrap { + grid-template-columns: 1fr; + } + #turn .section-turn_wrap { + grid-template-columns: 1fr; + } + #turn .section-turn_wrap div:nth-child(3) { + grid-column: 1; + } +} +@media (max-width: 360px) { + #first .section-first_wrap h1 { + font-size: 28px; + } + #first .btn-red { + width: 100%; + } +} \ No newline at end of file diff --git a/src/styles/style.css b/src/styles/style.css new file mode 100644 index 0000000..8851b02 --- /dev/null +++ b/src/styles/style.css @@ -0,0 +1,334 @@ +@font-face { + font-family: ProximaNovaLight; + src: url(../fonts/ProximaNovaLight.ttf); +} + +@font-face { + font-family: ProximaNovaBold; + /* Имя шрифта */ + src: url(../fonts/ProximaNovaBold.ttf); + /* Путь к файлу со шрифтом */ +} + +@font-face { + font-family: ProximaNovaExtrabld; + /* Имя шрифта */ + src: url(../fonts/ProximaNovaExtrabld.ttf); + /* Путь к файлу со шрифтом */ +} +@font-face { + font-family: MullerLight; + /* Имя шрифта */ + src: url(../fonts/MullerLight.otf); + /* Путь к файлу со шрифтом */ +} +@font-face { + font-family: MullerBold; + /* Имя шрифта */ + src: url(../fonts/MullerBold.otf); + /* Путь к файлу со шрифтом */ +} +@font-face { + font-family: MullerMedium; + /* Имя шрифта */ + src: url(../fonts/MullerMedium.otf); + /* Путь к файлу со шрифтом */ +} +body { + padding: 0; + margin: 0; +} +h1,h2,h3,h4,h5,h6 { + padding: 0; + margin: 0; +} +p { + padding: 0; + margin: 0; +} +h2 { + font-family: ProximaNovaBold; + font-size: 30px; + text-align: center; +} +.btn-red { + height: 65px; + width: 300px; + background-color: #c70f0f; + color: #fff; + font-family: ProximaNovaBold; + font-size: 18px; + border: none; + cursor: pointer; + transition: all .2s; + border-radius: 5px; + outline: none; +} +.btn-red:hover { + background-color: #d15252; +} +.container { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; + max-width: 960px; +} +ul li { + display: inline-block; + list-style: none; + font-size: 16px; + font-family: ProximaNovaBold; +} +ul { + padding: 0; + margin: 0; + display: flex; + justify-content: space-between; + align-items: center; +} +a { + text-decoration: none; + color: #1c1c1c; +} +header { + margin-top: 20px; +} +.header-btn_call { + height: 30px; + background-color: #ff0000; + border: none; + color: #fff; + font-size: 14px; + font-family: ProximaNovaBold; + cursor: pointer; + padding-left: 11px; + padding-right: 11px; + border-radius: 5px; + max-width: 140px; +} +.header-telephone { + font-family: ProximaNovaBold; +} +.header-content_top { + margin-bottom: 30px; +} +.header-bottom_text { + color: #1c1c1c; + font-size: 16px; + font-family: ProximaNovaBold; +} +.header-bottom_info a { + font-size: 18px; + font-family: ProximaNovaBold; + margin-right: 30px; +} +.header-bottom_info { + display: flex; + align-items: center; +} +.header-content_bottom { + display: flex; + justify-content: space-between; + align-items: center; +} +.android { + margin-right: 10px; + background: url(../img/android.svg) no-repeat center center; +} +.apple { + background: url(../img/apple.svg) no-repeat center center; + background-position-y: 6px; + background-position-x: 7px; +} +.android, .apple { + height: 40px; + width: 40px; + display: inline-block; + border-radius: 5px; + border: 1px solid #e42626; + cursor: pointer; +} +/* First Section */ +#first { + margin-top: 35px; + min-height: 610px; + background: url(../img/section-first_background.jpg) no-repeat center center; + background-size: cover; + color: #fff; + padding-top: 130px; +} +.section-first_wrap { + font-family: ProximaNovaBold; +} +.section-first_wrap h1 { + font-size: 36px; + line-height: 50px +} +.section-first_wrap h1 span { + text-transform: uppercase; + font-family: ProximaNovaExtrabld; +} +.section-first_wrap p { + font-size: 24px; + line-height: 32px; + font-family: ProximaNovaLight; + margin-bottom: 70px; + margin-top: 65px; +} +.section-first_wrap p b { + font-family: ProximaNovaBold; +} +/* Secction Services */ +#services { + padding-top: 100px; + padding-bottom: 100px; +} +#services h2 { + text-align: center; +} +.section-services_wrap { + margin-top: 85px; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-row-gap: 85px; + grid-column-gap: 100px; +} +.section-services_wrap div { + font-family: ProximaNovaLight; + font-size: 16px; +} +.section-services_wrap div p { + position: relative; + padding-left: 70px; + top: 7px +} +.section-services_wrap div:nth-child(1)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/consultation-logo.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(2)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/phone-call.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(3)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/file.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(4)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/tactics.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(5)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/work-communication.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(6)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/law-book.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(7)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/exam.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(8)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/lawyer.png) no-repeat center center; + display: inline-block; + position: absolute; +} +.section-services_wrap div:nth-child(9)::before { + content: ''; + height: 50px; + width: 50px; + background: url(../img/services/balance.png) no-repeat center center; + display: inline-block; + position: absolute; +} +/* Section About */ +#about { + padding-top: 100px; + padding-bottom: 100px; + min-height: 600px; + background: url(../img/about/about_background.jpg) no-repeat center center; + background-size: cover; +} +#about h2 { + color: #fff; +} +#about p { + font-family: ProximaNovaLight; + font-size: 16px; + text-align: center; + color: #fff; + margin-top: 85px; +} +#about p:nth-child(3) { + margin-top: 30px; +} +.section-about_feature span { + font-size: 48px; + font-family: ProximaNovaBold; +} +.section-about_wrap { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + margin-top: 85px; +} +/* Section About-Turn */ +#turn { + padding-top: 100px; + padding-bottom: 100px; + background-color: #f5f5f5; +} +.section-turn_wrap { + margin-top: 100px; + text-align: center; + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} +.section-turn_feature { + margin-top: 20px; +} +.wrap-img_feature { + min-height: 90px; + max-height: 90px; +} +.section-turn_feature p { + font-family: ProximaNovaLight; + font-size: 16px; + margin-top: 55px; +} +.section-turn_feature p b { + font-family: ProximaNovaBold; +} \ No newline at end of file