├── module2 ├── css │ └── style.css └── index.html ├── module3 ├── css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ ├── bootstrap-theme.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ └── styles.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── index.html └── js │ ├── bootstrap.js │ ├── bootstrap.min.js │ ├── jquery-1.11.3.min.js │ ├── npm.js │ └── script.js ├── module4 ├── SpeakGoodBye.js ├── SpeakHello.js ├── index.html └── script.js └── module5 ├── css ├── bootstrap.css ├── bootstrap.min.css └── styles.css ├── fonts ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2 ├── images ├── ajax-loader.gif ├── jumbotron_1200.jpg ├── jumbotron_768.jpg ├── jumbotron_992.jpg ├── menu-tile.jpg ├── menu │ ├── A │ │ ├── A.jpg │ │ ├── A1.jpg │ │ ├── A10.jpg │ │ ├── A11.jpg │ │ ├── A2.jpg │ │ ├── A3.jpg │ │ ├── A4.jpg │ │ ├── A5.jpg │ │ ├── A6.jpg │ │ ├── A7.jpg │ │ ├── A8.jpg │ │ └── A9.jpg │ ├── B │ │ ├── B.jpg │ │ ├── B1.jpg │ │ ├── B10.jpg │ │ ├── B11.jpg │ │ ├── B12.jpg │ │ ├── B13.jpg │ │ ├── B14.jpg │ │ ├── B15.jpg │ │ ├── B16.jpg │ │ ├── B2.jpg │ │ ├── B3.jpg │ │ ├── B4.jpg │ │ ├── B5.jpg │ │ ├── B6.jpg │ │ ├── B7.jpg │ │ ├── B8.jpg │ │ └── B9.jpg │ ├── C │ │ ├── C.jpg │ │ ├── C1.jpg │ │ ├── C10.jpg │ │ ├── C11.jpg │ │ ├── C12.jpg │ │ ├── C13.jpg │ │ ├── C14.jpg │ │ ├── C15.jpg │ │ ├── C16.jpg │ │ ├── C17.jpg │ │ ├── C18.jpg │ │ ├── C19.jpg │ │ ├── C2.jpg │ │ ├── C3.jpg │ │ ├── C4.jpg │ │ ├── C5.jpg │ │ ├── C6.jpg │ │ ├── C7.jpg │ │ ├── C8.jpg │ │ └── C9.jpg │ ├── CM │ │ ├── CM.jpg │ │ ├── CM1.jpg │ │ ├── CM2.jpg │ │ ├── CM3.jpg │ │ ├── CM4.jpg │ │ └── CM5.jpg │ ├── CSR │ │ ├── CSR.jpg │ │ ├── CSR1.jpg │ │ ├── CSR2.jpg │ │ ├── CSR3.jpg │ │ └── CSR4.jpg │ ├── CU │ │ ├── CU.jpg │ │ ├── CU21.jpg │ │ ├── CU22.jpg │ │ └── CU23.jpg │ ├── D │ │ ├── D.jpg │ │ ├── D1.jpg │ │ ├── D10.jpg │ │ ├── D11.jpg │ │ ├── D12.jpg │ │ ├── D13.jpg │ │ ├── D14.jpg │ │ ├── D15.jpg │ │ ├── D16.jpg │ │ ├── D17.jpg │ │ ├── D18.jpg │ │ ├── D2.jpg │ │ ├── D3.jpg │ │ ├── D4.jpg │ │ ├── D5.jpg │ │ ├── D6.jpg │ │ ├── D7.jpg │ │ ├── D8.jpg │ │ └── D9.jpg │ ├── DK │ │ ├── DK.jpg │ │ ├── DK1.jpg │ │ ├── DK2.jpg │ │ └── Dk3.jpg │ ├── DS │ │ ├── DS.jpg │ │ ├── DS1.jpg │ │ └── DS2.jpg │ ├── F │ │ ├── F.jpg │ │ ├── F1.jpg │ │ ├── F10.jpg │ │ ├── F11.jpg │ │ ├── F12.jpg │ │ ├── F2.jpg │ │ ├── F3.jpg │ │ ├── F4.jpg │ │ ├── F5.jpg │ │ ├── F6.jpg │ │ ├── F7.jpg │ │ ├── F8.jpg │ │ └── F9.jpg │ ├── FR │ │ ├── FR.jpg │ │ ├── FR1.jpg │ │ ├── FR2.jpg │ │ ├── FR3.jpg │ │ ├── FR4.jpg │ │ └── FR5.jpg │ ├── FY │ │ ├── FY.jpg │ │ ├── FY1.jpg │ │ ├── FY2.jpg │ │ ├── FY3.jpg │ │ ├── FY4.jpg │ │ └── FY5.jpg │ ├── L │ │ ├── L.jpg │ │ ├── L1.jpg │ │ ├── L10.jpg │ │ ├── L11.jpg │ │ ├── L12.jpg │ │ ├── L13.jpg │ │ ├── L14.jpg │ │ ├── L15.jpg │ │ ├── L16.jpg │ │ ├── L17.jpg │ │ ├── L18.jpg │ │ ├── L19.jpg │ │ ├── L2.jpg │ │ ├── L20.jpg │ │ ├── L21.jpg │ │ ├── L22.jpg │ │ ├── L23.jpg │ │ ├── L24.jpg │ │ ├── L26.jpg │ │ ├── L27.jpg │ │ ├── L28.jpg │ │ ├── L3.jpg │ │ ├── L4.jpg │ │ ├── L5.jpg │ │ ├── L6.jpg │ │ ├── L7.jpg │ │ ├── L8.jpg │ │ └── L9.jpg │ ├── NF │ │ ├── NF.jpg │ │ ├── NF10.jpg │ │ ├── NF11.jpg │ │ ├── NF12.jpg │ │ └── NF13.jpg │ ├── NL │ │ ├── NL.jpg │ │ ├── NL1.jpg │ │ ├── NL2.jpg │ │ └── NL3.jpg │ ├── NS │ │ ├── NS.jpg │ │ ├── NS1.jpg │ │ ├── NS2.jpg │ │ ├── NS3.jpg │ │ └── NS4.jpg │ ├── PF │ │ ├── PF.jpg │ │ ├── PF1.jpg │ │ ├── PF2.jpg │ │ ├── PF3.jpg │ │ ├── PF4.jpg │ │ └── PF5.jpg │ ├── SO │ │ ├── SO.jpg │ │ ├── SO1.jpg │ │ ├── SO2.jpg │ │ ├── SO3.jpg │ │ ├── SO4.jpg │ │ ├── SO5.jpg │ │ ├── SO6.jpg │ │ └── SO7.jpg │ ├── SP │ │ ├── SP.jpg │ │ ├── SP1.jpg │ │ ├── SP2.jpg │ │ ├── SP3.jpg │ │ ├── SP4.jpg │ │ ├── SP5.jpg │ │ ├── SP6.jpg │ │ ├── SP7.jpg │ │ └── SP8.jpg │ ├── SR │ │ ├── SR.jpg │ │ ├── SR1.jpg │ │ ├── SR10.jpg │ │ ├── SR11.jpg │ │ ├── SR12.jpg │ │ ├── SR13.jpg │ │ ├── SR14.jpg │ │ ├── SR15.jpg │ │ ├── SR16.jpg │ │ ├── SR17.jpg │ │ ├── SR18.jpg │ │ ├── SR19.jpg │ │ ├── SR2.jpg │ │ ├── SR20.jpg │ │ ├── SR21.jpg │ │ ├── SR22.jpg │ │ ├── SR23.jpg │ │ ├── SR24.jpg │ │ ├── SR25.jpg │ │ ├── SR26.jpg │ │ ├── SR27.jpg │ │ ├── SR28.jpg │ │ ├── SR29.jpg │ │ ├── SR3.jpg │ │ ├── SR30.jpg │ │ ├── SR31.jpg │ │ ├── SR32.jpg │ │ ├── SR33.jpg │ │ ├── SR34.jpg │ │ ├── SR35.jpg │ │ ├── SR36.jpg │ │ ├── SR37.jpg │ │ ├── SR38.jpg │ │ ├── SR39.jpg │ │ ├── SR4.jpg │ │ ├── SR40.jpg │ │ ├── SR41.jpg │ │ ├── SR42.jpg │ │ ├── SR43.jpg │ │ ├── SR5.jpg │ │ ├── SR6.jpg │ │ ├── SR7.jpg │ │ ├── SR8.jpg │ │ └── SR9.jpg │ ├── SS │ │ ├── SS.jpg │ │ ├── SS1.jpg │ │ ├── SS10.jpg │ │ ├── SS11.jpg │ │ ├── SS12.jpg │ │ ├── SS13.jpg │ │ ├── SS14.jpg │ │ ├── SS2.jpg │ │ ├── SS3.jpg │ │ ├── SS4.jpg │ │ ├── SS5.jpg │ │ ├── SS6.jpg │ │ ├── SS7.jpg │ │ ├── SS8.jpg │ │ └── SS9.jpg │ ├── T │ │ ├── T.jpg │ │ ├── T1.jpg │ │ ├── T2.jpg │ │ ├── T3.jpg │ │ └── T4.jpg │ ├── V │ │ ├── V.jpg │ │ ├── V1.jpg │ │ ├── V2.jpg │ │ ├── V3.jpg │ │ ├── V4.jpg │ │ ├── V5.jpg │ │ ├── V6.jpg │ │ └── V7.jpg │ └── VG │ │ ├── VG.jpg │ │ ├── VG1.jpg │ │ ├── VG10.jpg │ │ ├── VG11.jpg │ │ ├── VG12.jpg │ │ ├── VG13.jpg │ │ ├── VG14.jpg │ │ ├── VG2.jpg │ │ ├── VG3.jpg │ │ ├── VG4.jpg │ │ ├── VG5.jpg │ │ ├── VG6.jpg │ │ ├── VG7.jpg │ │ ├── VG8.jpg │ │ └── VG9.jpg ├── restaurant-logo.png ├── restaurant-logo_large.png ├── restaurant-logo_medium.png ├── restaurant-logo_small.png ├── specials-tile.jpg └── star-k-logo.png ├── index.html ├── js ├── ajax-utils.js ├── bootstrap.js ├── bootstrap.min.js ├── jquery-2.1.4.min.js ├── npm.js └── script.js └── snippets ├── categories-title-snippet.html ├── category-snippet.html ├── home-snippet.html ├── menu-item.html └── menu-items-title.html /module2/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | h1 { 6 | text-align: center; 7 | margin-bottom: 35px; 8 | } 9 | 10 | .title { 11 | border: 1px solid black; 12 | font-weight: bold; 13 | position: absolute; 14 | right: 0; 15 | width: 150px; 16 | text-align: center; 17 | padding: 10px 0 10px 0; 18 | margin-top: 0; 19 | } 20 | 21 | .description { 22 | padding: 45px 10px 5px 10px; 23 | } 24 | 25 | #chicken { 26 | background-color: #ffb3b3; 27 | } 28 | 29 | #beef { 30 | background-color: red; 31 | color: white; 32 | } 33 | 34 | #sushi { 35 | background-color: #ffff99; 36 | } 37 | 38 | .row { 39 | width: 100%; 40 | padding: 0 10px 0 10px; 41 | } 42 | 43 | div.section { 44 | background: gray; 45 | border: 1px solid black; 46 | position: relative; 47 | margin: 10px; 48 | } 49 | 50 | 51 | /* Desktop */ 52 | @media (min-width: 992px) { 53 | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 54 | .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { 55 | float: left; 56 | } 57 | 58 | .col-lg-1 { 59 | width: 8.33%; 60 | } 61 | .col-lg-2 { 62 | width: 16.66%; 63 | } 64 | .col-lg-3 { 65 | width: 25%; 66 | } 67 | .col-lg-4 { 68 | width: 33%; 69 | } 70 | .col-lg-5 { 71 | width: 41.66%; 72 | } 73 | .col-lg-6 { 74 | width: 50%; 75 | } 76 | .col-lg-7 { 77 | width: 58.33%; 78 | } 79 | .col-lg-8 { 80 | width: 66.66%; 81 | } 82 | .col-lg-9 { 83 | width: 74.99%; 84 | } 85 | .col-lg-10 { 86 | width: 83.33%; 87 | } 88 | .col-lg-11 { 89 | width: 91.66%; 90 | } 91 | .col-lg-12 { 92 | width: 100%; 93 | } 94 | } 95 | 96 | /* Tablets */ 97 | @media (min-width: 768px) and (max-width: 991px) { 98 | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 99 | .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 100 | float: left; 101 | } 102 | 103 | .col-md-1 { 104 | width: 8.33%; 105 | } 106 | .col-md-2 { 107 | width: 16.66%; 108 | } 109 | .col-md-3 { 110 | width: 25%; 111 | } 112 | .col-md-4 { 113 | width: 33%; 114 | } 115 | .col-md-5 { 116 | width: 41.66%; 117 | } 118 | .col-md-6 { 119 | width: 50%; 120 | } 121 | .col-md-7 { 122 | width: 58.33%; 123 | } 124 | .col-md-8 { 125 | width: 66.66%; 126 | } 127 | .col-md-9 { 128 | width: 74.99%; 129 | } 130 | .col-md-10 { 131 | width: 83.33%; 132 | } 133 | .col-md-11 { 134 | width: 91.66%; 135 | } 136 | .col-md-12 { 137 | width: 100%; 138 | } 139 | } 140 | 141 | /* Mobile */ 142 | @media (max-width: 767px) { 143 | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 144 | .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { 145 | float: left; 146 | } 147 | 148 | .col-sm-1 { 149 | width: 8.33%; 150 | } 151 | .col-sm-2 { 152 | width: 16.66%; 153 | } 154 | .col-sm-3 { 155 | width: 25%; 156 | } 157 | .col-sm-4 { 158 | width: 33%; 159 | } 160 | .col-sm-5 { 161 | width: 41.66%; 162 | } 163 | .col-sm-6 { 164 | width: 50%; 165 | } 166 | .col-sm-7 { 167 | width: 58.33%; 168 | } 169 | .col-sm-8 { 170 | width: 66.66%; 171 | } 172 | .col-sm-9 { 173 | width: 74.99%; 174 | } 175 | .col-sm-10 { 176 | width: 83.33%; 177 | } 178 | .col-sm-11 { 179 | width: 91.66%; 180 | } 181 | .col-sm-12 { 182 | width: 100%; 183 | } 184 | } -------------------------------------------------------------------------------- /module2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 |16 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 17 | Aenean convallis tortor eget aliquet vehicula. 18 | Nullam sit amet diam tellus. 19 | Sed elementum, dolor in condimentum cursus, libero leo ornare mauris, nec volutpat nisi metus in nunc. 20 | Morbi ex lectus, posuere vel diam in, elementum ultrices ante. 21 | Nullam vitae porta leo. Integer semper facilisis diam id convallis. 22 | Fusce suscipit metus congue nisl dapibus, accumsan bibendum nunc elementum. 23 | In molestie velit in blandit fringilla. 24 | Nullam eu felis at metus rhoncus faucibus. 25 | Curabitur a justo efficitur, bibendum leo ut, rutrum metus. 26 | Cras a sem scelerisque, hendrerit sem mollis, luctus enim. 27 | Proin hendrerit neque purus, eget hendrerit urna ultrices ut. 28 |
29 |35 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 36 | Aenean convallis tortor eget aliquet vehicula. 37 | Nullam sit amet diam tellus. 38 | Sed elementum, dolor in condimentum cursus, libero leo ornare mauris, nec volutpat nisi metus in nunc. 39 | Morbi ex lectus, posuere vel diam in, elementum ultrices ante. 40 | Nullam vitae porta leo. Integer semper facilisis diam id convallis. 41 | Fusce suscipit metus congue nisl dapibus, accumsan bibendum nunc elementum. 42 | In molestie velit in blandit fringilla. 43 | Nullam eu felis at metus rhoncus faucibus. 44 | Curabitur a justo efficitur, bibendum leo ut, rutrum metus. 45 | Cras a sem scelerisque, hendrerit sem mollis, luctus enim. 46 | Proin hendrerit neque purus, eget hendrerit urna ultrices ut. 47 |
48 |54 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 55 | Aenean convallis tortor eget aliquet vehicula. 56 | Nullam sit amet diam tellus. 57 | Sed elementum, dolor in condimentum cursus, libero leo ornare mauris, nec volutpat nisi metus in nunc. 58 | Morbi ex lectus, posuere vel diam in, elementum ultrices ante. 59 | Nullam vitae porta leo. Integer semper facilisis diam id convallis. 60 | Fusce suscipit metus congue nisl dapibus, accumsan bibendum nunc elementum. 61 | In molestie velit in blandit fringilla. 62 | Nullam eu felis at metus rhoncus faucibus. 63 | Curabitur a justo efficitur, bibendum leo ut, rutrum metus. 64 | Cras a sem scelerisque, hendrerit sem mollis, luctus enim. 65 | Proin hendrerit neque purus, eget hendrerit urna ultrices ut. 66 |
67 |