Student-Work/index.html at main · Ildus186/Student-Work · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Проект Блок 1.3</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./Font/stylesheet.css">
</head>
<body>
    <header class = "header">
      <nav class = "header__nav">
        <div class = "header__nav__box">
          <div class = "header__support__part1">
                <button type="button" class = "header__support__burger button--image"><img src = "Picture/burger.svg" alt = "Боковое меню"></button>
                <div class = "header__logo__box"><a class = "header__logo"><img src = "Picture/Group.svg" alt = "Логотип"></a></div>
          </div>
          <div class = "header__support__part2">
            <div class =  "header__support__part2__half1">
                <button type="button" class = "header__support__ic-call button--image"><img src = "Picture/ic_call.svg" alt = "Телефон"></button>
                <button type="button" class = "header__support__ic-chat button--image"><img src = "Picture/ic_chat.svg" alt = "Сообщение"></button>
                <button type="button" class = "header__support__ic-profile button--image"><img src = "Picture/ic_profile.svg" alt = "Профиль"></button>
            </div>
            <div class =  "header__support__part2__half2">
                <button type="button" class = "header__support__repair button--image"><img src = "Picture/repair.svg" alt = "Тех. поддержка"></button>
                <button type="button" class = "header__support__checkstatus button--image"><img src = "Picture/checkstatus.svg" alt = "Поиск"></button>
            </div>
          </div>
        </div>
      </nav>
    </header>
    <main class = "main">
      <article>
        <div class = "headbox">
           <h1 class = "headbox__title">Услуги и сервисы</h1>
             <div class = "headbox__repair">
              <p>Оставить заявку</p>
              <button type="button" class = "headbox__repair__button button--image"><img src = "Picture/repair.svg" alt = "Тех. поддержка"></button>
             </div>
             <div class = "headbox__checkstatus">
              <p>Статус ремонта</p>
              <button type="button" class = "headbox__checkstatus__button button--image"><img src = "Picture/checkstatus.svg" alt = "Поиск"></button>
             </div>
        </div>
        <div class = "menu">
          <ul class = "menu__ul">
            <div class = "menu__start"></div>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Ремонтируемые бренды</a></li>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Ремонтируемые устройства</a></li>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Дополнительные услуги</a></li>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Цены на услуги</a></li>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Адреса сервисных центров</a></li>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Специальные цены</a></li>
            <li class = "menu__ul__li"><a class = "menu__ul__li__a">Отзывы</a></li>
          </ul>
          <div class = "menu__end"></div>
        </div>
        <div class = "infobox">
           <div class = "infobox__description">
            <div class = "infobox__text" >
              <p class = "infobox__text__1">Мы являемся авторизованным
               сервисным центром по ремонту техники
               Dell. Только у нас вы можете
               отремонтировать свой ноутбук Dell с
               официальной гарантией производителя.</p>
              <p class = "infobox__text__2">Мы успешно работаем с 1992 года
                и заслужили репутацию надежного партнера, что подтверждает
                 большое количество постоянных клиентов. Мы гордимся тем,
                 что к нам обращаются по рекомендациям и, в свою очередь,
                 советуют нас родным и близким.</p>
            </div>
            <button class = "infobox__readmore button--image">Читать далее</button>
           </div>
           <div class = "infobox__picture"></div>
        </div>
      </article>
    </main>
</body>
</html>