weeding-car-landing-template/block.html at master · bm12/weeding-car-landing-template · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!-- Меню с классом авто -->
<ul class="car_class">
    <li><a href="">Премиум</a></li>
    <li><a href="">бизнес</a></li>
    <li><a href="">внедорожники</a></li>
    <li><a href="">спортивные</a></li>
</ul>

<!-- мобильная версия -->
<ul class="mob_car_class_ul">
    <li><a href="">Премиум</a></li>
    <li><a href="">бизнес</a></li>
    <li><a href="">внедорожники</a></li>
    <li><a href="">спортивные</a></li>
</ul>

<!-- Блок с авто если слайдер слева -->
<div class="car clearfix">
    <div class="car_round_in top left"></div>
    <div class="car_round_in top right"></div>
    <div class="car_round_in bottom left"></div>
    <div class="car_round_in bottom right"></div>
    <div class="car_sld_wrap">
        <div class="car_sld owl-carousel owl-theme clearfix">
            <div class="item">
                <img class="car_img" src="img/car1.jpg" alt="">
            </div>
            <div class="item">
                <img class="car_img" src="img/car1.jpg" alt="">
            </div>
            <div class="item">
                <img class="car_img" src="img/car1.jpg" alt="">
            </div>
        </div>
        <div class="car_sld_round_in_top"></div>
        <div class="car_sld_round_in_bottom"></div>
    </div>
    <div class="car_right">
        <p class="car_name">
            Mercedes-Benz<br />S-Class (W221)
        </p>
        <div class="car_line"></div>
        <div class="car_line"></div>
        <table class="car_par">
            <tbody>
                <tr>
                    <td>Пассажирских мест:</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>Цвет: </td>
                    <td>Чёрный</td>
                </tr>
                <tr>
                    <td>Цвет салона: </td>
                    <td>Белый</td>
                </tr>
            </tbody>
        </table>
        <div class="car_line"></div>
        <div class="car_line"></div>
        <p class="car_price">от 10 000 руб.</p>
        <button type="button" class="car_order">Заказать</button>
        <button type="button" class="car_more">Подробнее</button>
    </div>
</div>


<!-- Если слайдер справа (отличаются только тем, что у родительского блока есть доп. класс "car_wrap_right" и <div> с классом "car_right" поменялся на "car_left", всё остальное так же) -->
<div class="car car_wrap_right clearfix">
    <div class="car_round_in top left"></div>
    <div class="car_round_in top right"></div>
    <div class="car_round_in bottom left"></div>
    <div class="car_round_in bottom right"></div>
    <div class="car_sld_wrap">
        <div class="car_sld owl-carousel owl-theme clearfix">
            <div class="item">
                <img class="car_img" src="img/car1.jpg" alt="">
            </div>
            <div class="item">
                <img class="car_img" src="img/car1.jpg" alt="">
            </div>
            <div class="item">
                <img class="car_img" src="img/car1.jpg" alt="">
            </div>
        </div>
        <div class="car_sld_round_in_top"></div>
        <div class="car_sld_round_in_bottom"></div>
    </div>
    <div class="car_left">
        <p class="car_name">
            Mercedes-Benz<br />S-Class (W221)
        </p>
        <div class="car_line"></div>
        <div class="car_line"></div>
        <table class="car_par">
            <tbody>
                <tr>
                    <td>Пассажирских мест:</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>Цвет: </td>
                    <td>Чёрный</td>
                </tr>
                <tr>
                    <td>Цвет салона: </td>
                    <td>Белый</td>
                </tr>
            </tbody>
        </table>
        <div class="car_line"></div>
        <div class="car_line"></div>
        <p class="car_price">от 10 000 руб.</p>
        <button type="button" class="car_order">Заказать</button>
        <button type="button" class="car_more">Подробнее</button>
    </div>
</div>