JS-Pizza/index.html at master · VeraDidenko/JS-Pizza · 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
119
120
121
122
123
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Pizza</title>

    <!-- Bootsrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

    <!-- LESS основний файл -->
    <link rel="stylesheet/less" type="text/css" href="assets/less/main.less" />
    <!-- LESS JavaScript компілятор -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>
</head>
<body>
<div class="my-pizza">
    <div class="pizza-container">
        <div class="pizza-menu ">
            <div class="all-pizza-title hidden-xs">
                <h2>
                    <span class="all-title" id="all-pizzas">Усі піци</span>
                    <span class="badge" id="num">8</span>
                </h2>
            </div>
            <div class="type-of-pizza hidden-xs">
                <ul class="nav nav-pills pizzas">
                    <li role="presentation" class="active" id="filter1">
                        <a href="#">Усі</a>
                    </li>
                    <li role="presentation" id="filter2">
                        <a href="#">М'ясні</a>
                    </li>
                    <li role="presentation" id="filter3">
                        <a href="#">З ананасами</a>
                    </li>
                    <li role="presentation" id="filter4">
                        <a href="#">З грибами</a>
                    </li>
                    <li role="presentation" id="filter5">
                        <a href="#">З морепродуктами</a>
                    </li>
                    <li role="presentation" id="filter6">
                        <a href="#">Вега</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row" id="pizza_list"></div>
    </div>
    <div class="explanation-message">
        <p>
            Pizza.22 - практичний проект в межах курсу JavaScript в Києво-Могилянській Академії
        </p>
        <p>
            Доставка піци не здійснюється
        </p>
    </div>
</div>
<div class="top-panel">
    <div class="top-part-of-top-panel">
        <div class="phone-number hidden-xs">(044) 222 5 222</div>
        <div class="phone-number-small hidden-sm hidden-md hidden-lg">(044) 222 5 222</div>
        <div class="schedule hidden-xs hidden-sm">24 години/ 7 днів на тиждень</div>
        <div class="free-pizza-delivery hidden-xs hidden-sm hidden-md">Безкоштовна доставка піци</div>
        <span class="btn btn-warning hidden-xs enter">Ввійти</span>
    </div>
    <div class="bottom-part-of-top-panel">
        <span class="btn btn-warning hidden-sm hidden-md hidden-lg enter">Ввійти</span>
        <span class="btn btn-link link-pizza hidden-xs">Піца</span>
    </div>
</div>
    <div class="right-panel">
    <div class="center">
        <div class="message" id="emptyFridge">
            <div> Пусто в холодильнику?</div>
            <div> Замовте піцу!</div>
        </div>
        <div id="cart">
        </div>
     </div>
         <div class="top">
             <div class="pizza-orders">
                 <span class="order-title">Замовлення</span>
                 <span class="badge" id="amount-of-orders">8</span>
                 <span  class="clear" id="forClear">Очистити замовлення </span>
             </div>
         </div>
     <div class="bottom">
         <div class="template" id="toHide">
         <span class="price-title">Сума замовлення</span>
         <div class="price-block">
             <span class="price" id="total-price-b-panel">0</span>
             <span class="curr">грн</span>
         </div>
         </div>
         <div class="button">
            <button class="btn btn-warning btn-lg order-button" id="button-order">Замовити</button>
         </div>

     </div>

 </div>
 <div class="page-icon">
     <img src="Frontend/www/assets/images/page-icon.svg" class="page-icon-bottom">
     <div class="pizza-word">PIZZA</div>
     <div class="KMA-word">KMA</div>
 </div>
 <div class="discount">
     <img src="Frontend/www/assets/images/discount.svg" class="discount-top">
     <div class="discount-message">ЦЬОГО ТИЖНЯ НА ВСЕ</div>
     <div class="percent-discount">-20%</div>
 </div>

 <!-- jQuery JavaScript -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

<!--Bootsrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!--Own JavaScript -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>