first commit
3
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"liveServer.settings.port": 5501
|
||||||
|
}
|
||||||
BIN
assets/img/favicons/favicon-16x16.png
Normal file
|
After Width: | Height: | Size: 542 B |
BIN
assets/img/favicons/favicon-32x32.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/img/favicons/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
26
assets/img/gallery/app-store.svg
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
<svg width="181" height="60" viewBox="0 0 181 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0.5 10.5C0.5 7.23841 0.5 5.60761 1.03284 4.32122C1.7433 2.60602 3.10602 1.2433 4.82122 0.532843C6.10761 0 7.73841 0 11 0H170C173.262 0 174.892 0 176.179 0.532843C177.894 1.2433 179.257 2.60602 179.967 4.32122C180.5 5.60761 180.5 7.23841 180.5 10.5V49.5C180.5 52.7616 180.5 54.3924 179.967 55.6788C179.257 57.394 177.894 58.7567 176.179 59.4672C174.892 60 173.262 60 170 60H11C7.73841 60 6.10761 60 4.82122 59.4672C3.10602 58.7567 1.7433 57.394 1.03284 55.6788C0.5 54.3924 0.5 52.7616 0.5 49.5V10.5Z" fill="white"/>
|
||||||
|
<path d="M122.789 28.8014V32.2379H120.635V34.4916H122.789V42.1491C122.789 44.7638 123.972 45.8097 126.947 45.8097C127.47 45.8097 127.968 45.7475 128.404 45.6727V43.444C128.031 43.4813 127.794 43.5062 127.383 43.5062C126.051 43.5062 125.466 42.8837 125.466 41.4643V34.4916H128.404V32.2379H125.466V28.8014H122.789Z" fill="#212121"/>
|
||||||
|
<path d="M135.985 45.9965C139.945 45.9965 142.372 43.3444 142.372 38.9491C142.372 34.5788 139.932 31.9142 135.985 31.9142C132.026 31.9142 129.585 34.5788 129.585 38.9491C129.585 43.3444 132.013 45.9965 135.985 45.9965ZM135.985 43.6183C133.657 43.6183 132.349 41.9125 132.349 38.9491C132.349 36.0106 133.657 34.2924 135.985 34.2924C138.301 34.2924 139.621 36.0106 139.621 38.9491C139.621 41.9 138.301 43.6183 135.985 43.6183Z" fill="#212121"/>
|
||||||
|
<path d="M144.45 45.735H147.127V37.7289C147.127 35.8239 148.559 34.5414 150.588 34.5414C151.061 34.5414 151.858 34.6286 152.082 34.7033V32.0636C151.796 31.9889 151.286 31.9516 150.887 31.9516C149.119 31.9516 147.612 32.9227 147.226 34.255H147.027V32.1757H144.45V45.735Z" fill="#212121"/>
|
||||||
|
<path d="M158.729 34.1928C160.709 34.1928 162.004 35.5748 162.066 37.704H155.218C155.368 35.5873 156.75 34.1928 158.729 34.1928ZM162.054 42.0744C161.556 43.1327 160.448 43.7179 158.829 43.7179C156.687 43.7179 155.305 42.2113 155.218 39.8331V39.6837H164.793V38.7499C164.793 34.4916 162.514 31.9142 158.742 31.9142C154.919 31.9142 152.491 34.6659 152.491 38.9989C152.491 43.3319 154.869 45.9965 158.754 45.9965C161.855 45.9965 164.021 44.5023 164.631 42.0744H162.054Z" fill="#212121"/>
|
||||||
|
<path d="M105.233 40.7278C105.44 44.0573 108.215 46.1867 112.344 46.1867C116.758 46.1867 119.52 43.9541 119.52 40.3922C119.52 37.5918 117.945 36.0431 114.125 35.1527L112.073 34.6494C109.647 34.0815 108.666 33.3201 108.666 31.9909C108.666 30.3132 110.189 29.2163 112.473 29.2163C114.641 29.2163 116.138 30.2874 116.409 32.0038H119.223C119.055 28.8678 116.293 26.661 112.512 26.661C108.447 26.661 105.737 28.8678 105.737 32.1845C105.737 34.9204 107.272 36.5464 110.641 37.3337L113.041 37.9144C115.506 38.4951 116.59 39.3469 116.59 40.7665C116.59 42.4183 114.887 43.6185 112.564 43.6185C110.073 43.6185 108.344 42.4958 108.098 40.7278H105.233Z" fill="#212121"/>
|
||||||
|
<path d="M77.5024 31.9516C75.6596 31.9516 74.0659 32.8729 73.2441 34.4169H73.0449V32.1757H70.4675V50.2423H73.1445V43.6806H73.3562C74.0659 45.1124 75.5974 45.9591 77.5273 45.9591C80.9514 45.9591 83.1303 43.2572 83.1303 38.9491C83.1303 34.641 80.9514 31.9516 77.5024 31.9516ZM76.7429 43.556C74.5017 43.556 73.0947 41.788 73.0947 38.9616C73.0947 36.1227 74.5017 34.3546 76.7553 34.3546C79.0214 34.3546 80.3786 36.0853 80.3786 38.9491C80.3786 41.8253 79.0214 43.556 76.7429 43.556Z" fill="#212121"/>
|
||||||
|
<path d="M92.4976 31.9516C90.6548 31.9516 89.0611 32.8729 88.2393 34.4169H88.0401V32.1757H85.4627V50.2423H88.1397V43.6806H88.3514C89.0611 45.1124 90.5926 45.9591 92.5225 45.9591C95.9466 45.9591 98.1255 43.2572 98.1255 38.9491C98.1255 34.641 95.9466 31.9516 92.4976 31.9516ZM91.7381 43.556C89.4969 43.556 88.0899 41.788 88.0899 38.9616C88.0899 36.1227 89.4969 34.3546 91.7505 34.3546C94.0166 34.3546 95.3738 36.0853 95.3738 38.9491C95.3738 41.8253 94.0166 43.556 91.7381 43.556Z" fill="#212121"/>
|
||||||
|
<path d="M65.6645 45.735H68.7359L62.0123 27.1127H58.9021L52.1785 45.735H55.1467L56.8631 40.7923H63.961L65.6645 45.735ZM60.3088 30.4939H60.5282L63.2254 38.3661H57.5987L60.3088 30.4939Z" fill="#212121"/>
|
||||||
|
<path d="M53.9768 13.0664V22.0499H57.2203C59.8973 22.0499 61.4475 20.4001 61.4475 17.5302C61.4475 14.7037 59.8849 13.0664 57.2203 13.0664H53.9768ZM55.3713 14.3364H57.0647C58.9261 14.3364 60.0281 15.5193 60.0281 17.5488C60.0281 19.6095 58.9448 20.7799 57.0647 20.7799H55.3713V14.3364Z" fill="#616161"/>
|
||||||
|
<path d="M66.1951 22.1807C68.1749 22.1807 69.3889 20.8546 69.3889 18.657C69.3889 16.4718 68.1687 15.1395 66.1951 15.1395C64.2154 15.1395 62.9952 16.4718 62.9952 18.657C62.9952 20.8546 64.2092 22.1807 66.1951 22.1807ZM66.1951 20.9916C65.031 20.9916 64.3773 20.1387 64.3773 18.657C64.3773 17.1877 65.031 16.3286 66.1951 16.3286C67.3531 16.3286 68.013 17.1877 68.013 18.657C68.013 20.1324 67.3531 20.9916 66.1951 20.9916Z" fill="#616161"/>
|
||||||
|
<path d="M79.7271 15.2703H78.3886L77.1808 20.4437H77.075L75.6804 15.2703H74.398L73.0034 20.4437H72.9038L71.6898 15.2703H70.3327L72.2003 22.0499H73.5762L74.9707 17.057H75.0766L76.4773 22.0499H77.8656L79.7271 15.2703Z" fill="#616161"/>
|
||||||
|
<path d="M81.2685 22.0499H82.607V18.0842C82.607 17.0259 83.2358 16.366 84.2257 16.366C85.2155 16.366 85.6887 16.9076 85.6887 17.9971V22.0499H87.0272V17.6609C87.0272 16.0485 86.193 15.1395 84.6801 15.1395C83.6592 15.1395 82.9868 15.594 82.6568 16.3473H82.5572V15.2703H81.2685V22.0499Z" fill="#616161"/>
|
||||||
|
<path d="M89.1352 22.0499H90.4737V12.6244H89.1352V22.0499Z" fill="#616161"/>
|
||||||
|
<path d="M95.5077 22.1807C97.4874 22.1807 98.7014 20.8546 98.7014 18.657C98.7014 16.4718 97.4812 15.1395 95.5077 15.1395C93.528 15.1395 92.3077 16.4718 92.3077 18.657C92.3077 20.8546 93.5217 22.1807 95.5077 22.1807ZM95.5077 20.9916C94.3435 20.9916 93.6898 20.1387 93.6898 18.657C93.6898 17.1877 94.3435 16.3286 95.5077 16.3286C96.6656 16.3286 97.3256 17.1877 97.3256 18.657C97.3256 20.1324 96.6656 20.9916 95.5077 20.9916Z" fill="#616161"/>
|
||||||
|
<path d="M102.69 21.0352C101.961 21.0352 101.432 20.6803 101.432 20.0702C101.432 19.4725 101.855 19.155 102.789 19.0928L104.445 18.9869V19.5535C104.445 20.3939 103.698 21.0352 102.69 21.0352ZM102.347 22.162C103.237 22.162 103.978 21.776 104.383 21.0974H104.489V22.0499H105.777V17.4181C105.777 15.9862 104.819 15.1395 103.119 15.1395C101.581 15.1395 100.486 15.8866 100.349 17.0508H101.644C101.793 16.5714 102.31 16.2975 103.057 16.2975C103.972 16.2975 104.445 16.7021 104.445 17.4181V18.0033L102.609 18.1091C100.996 18.2087 100.087 18.9122 100.087 20.1324C100.087 21.3713 101.04 22.162 102.347 22.162Z" fill="#616161"/>
|
||||||
|
<path d="M110.32 22.162C111.253 22.162 112.044 21.72 112.449 20.9791H112.555V22.0499H113.837V12.6244H112.499V16.3473H112.399C112.032 15.6002 111.247 15.1582 110.32 15.1582C108.608 15.1582 107.506 16.5154 107.506 18.657C107.506 20.8048 108.595 22.162 110.32 22.162ZM110.699 16.3597C111.82 16.3597 112.523 17.25 112.523 18.6632C112.523 20.0826 111.826 20.9604 110.699 20.9604C109.566 20.9604 108.888 20.0951 108.888 18.657C108.888 17.2313 109.573 16.3597 110.699 16.3597Z" fill="#616161"/>
|
||||||
|
<path d="M122.517 22.1807C124.497 22.1807 125.71 20.8546 125.71 18.657C125.71 16.4718 124.49 15.1395 122.517 15.1395C120.537 15.1395 119.317 16.4718 119.317 18.657C119.317 20.8546 120.531 22.1807 122.517 22.1807ZM122.517 20.9916C121.353 20.9916 120.699 20.1387 120.699 18.657C120.699 17.1877 121.353 16.3286 122.517 16.3286C123.675 16.3286 124.335 17.1877 124.335 18.657C124.335 20.1324 123.675 20.9916 122.517 20.9916Z" fill="#616161"/>
|
||||||
|
<path d="M127.482 22.0499H128.821V18.0842C128.821 17.0259 129.45 16.366 130.439 16.366C131.429 16.366 131.902 16.9076 131.902 17.9971V22.0499H133.241V17.6609C133.241 16.0485 132.407 15.1395 130.894 15.1395C129.873 15.1395 129.201 15.594 128.871 16.3473H128.771V15.2703H127.482V22.0499Z" fill="#616161"/>
|
||||||
|
<path d="M139.406 13.5831V15.3014H138.329V16.4282H139.406V20.257C139.406 21.5643 139.997 22.0873 141.485 22.0873C141.746 22.0873 141.995 22.0562 142.213 22.0188V20.9044C142.027 20.9231 141.908 20.9355 141.703 20.9355C141.037 20.9355 140.744 20.6243 140.744 19.9146V16.4282H142.213V15.3014H140.744V13.5831H139.406Z" fill="#616161"/>
|
||||||
|
<path d="M144.01 22.0499H145.348V18.0905C145.348 17.0632 145.959 16.3722 147.054 16.3722C148.001 16.3722 148.505 16.92 148.505 18.0033V22.0499H149.843V17.6733C149.843 16.0609 148.953 15.1458 147.509 15.1458C146.488 15.1458 145.772 15.6002 145.442 16.3597H145.336V12.6244H144.01V22.0499Z" fill="#616161"/>
|
||||||
|
<path d="M154.672 16.2788C155.662 16.2788 156.309 16.9698 156.34 18.0344H152.916C152.991 16.9761 153.682 16.2788 154.672 16.2788ZM156.334 20.2196C156.085 20.7488 155.531 21.0414 154.722 21.0414C153.651 21.0414 152.96 20.2881 152.916 19.099V19.0243H157.704V18.5574C157.704 16.4282 156.564 15.1395 154.678 15.1395C152.767 15.1395 151.553 16.5154 151.553 18.6819C151.553 20.8484 152.742 22.1807 154.684 22.1807C156.235 22.1807 157.318 21.4336 157.623 20.2196H156.334Z" fill="#616161"/>
|
||||||
|
<path d="M37.6535 30.4512C37.686 27.9297 39.0401 25.5438 41.1883 24.2231C39.8331 22.2877 37.5632 21.0605 35.2016 20.9866C32.6827 20.7222 30.2408 22.4939 28.9572 22.4939C27.6488 22.4939 25.6726 21.0129 23.5445 21.0567C20.7706 21.1463 18.1847 22.7233 16.8351 25.1485C13.9341 30.1711 16.098 37.5527 18.8769 41.6126C20.2673 43.6006 21.8922 45.8213 24.0184 45.7425C26.0989 45.6562 26.876 44.4158 29.3875 44.4158C31.8756 44.4158 32.6046 45.7425 34.774 45.6925C37.0065 45.6562 38.4131 43.6956 39.7547 41.6887C40.7537 40.2722 41.5224 38.7066 42.0323 37.05C39.4087 35.9403 37.6566 33.2999 37.6535 30.4512Z" fill="#F17228"/>
|
||||||
|
<path d="M33.556 18.3166C34.7733 16.8553 35.373 14.977 35.2278 13.0807C33.368 13.276 31.6501 14.1649 30.4164 15.5701C29.21 16.9431 28.5821 18.7883 28.7008 20.6122C30.5613 20.6313 32.3902 19.7666 33.556 18.3166Z" fill="#F17228"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.4 KiB |
BIN
assets/img/gallery/burger.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
assets/img/gallery/crispy-sandwitch.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
assets/img/gallery/cta-one-bg.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
assets/img/gallery/cta-two-bg.png
Normal file
|
After Width: | Height: | Size: 250 KiB |
BIN
assets/img/gallery/dancake.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
19
assets/img/gallery/google-play.svg
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<svg width="203" height="60" viewBox="0 0 203 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 5C0 2.23858 2.23858 0 5 0H197.5C200.261 0 202.5 2.23858 202.5 5V55C202.5 57.7614 200.261 60 197.5 60H5C2.23857 60 0 57.7614 0 55V5Z" fill="white"/>
|
||||||
|
<path d="M102.204 32.6267C98.676 32.6267 95.8005 35.3102 95.8005 39.0062C95.8005 42.6797 98.676 45.3857 102.204 45.3857C105.733 45.3857 108.609 42.6797 108.609 39.0062C108.607 35.3102 105.732 32.6267 102.204 32.6267ZM102.204 42.8747C100.27 42.8747 98.604 41.2802 98.604 39.0077C98.604 36.7112 100.272 35.1407 102.204 35.1407C104.137 35.1407 105.804 36.7112 105.804 39.0077C105.804 41.2787 104.137 42.8747 102.204 42.8747ZM88.233 32.6267C84.705 32.6267 81.8295 35.3102 81.8295 39.0062C81.8295 42.6797 84.705 45.3857 88.233 45.3857C91.7625 45.3857 94.638 42.6797 94.638 39.0062C94.638 35.3102 91.7625 32.6267 88.233 32.6267ZM88.233 42.8747C86.2995 42.8747 84.633 41.2802 84.633 39.0077C84.633 36.7112 86.301 35.1407 88.233 35.1407C90.1665 35.1407 91.833 36.7112 91.833 39.0077C91.8345 41.2787 90.1665 42.8747 88.233 42.8747ZM71.616 34.5857V37.2917H78.093C77.8995 38.8142 77.3925 39.9257 76.6185 40.6982C75.6765 41.6402 74.202 42.6797 71.616 42.6797C67.629 42.6797 64.512 39.4652 64.512 35.4782C64.512 31.4912 67.629 28.2767 71.616 28.2767C73.767 28.2767 75.3375 29.1227 76.497 30.2102L78.4065 28.3007C76.7865 26.7542 74.637 25.5707 71.616 25.5707C66.1545 25.5707 61.563 30.0167 61.563 35.4782C61.563 40.9397 66.1545 45.3857 71.616 45.3857C74.5635 45.3857 76.788 44.4182 78.5265 42.6062C80.3145 40.8182 80.871 38.3042 80.871 36.2747C80.871 35.6477 80.823 35.0672 80.7255 34.5842H71.616V34.5857ZM139.578 36.6872C139.047 35.2622 137.427 32.6267 134.116 32.6267C130.83 32.6267 128.098 35.2127 128.098 39.0062C128.098 42.5822 130.806 45.3857 134.43 45.3857C137.353 45.3857 139.045 43.5977 139.747 42.5582L137.572 41.1077C136.848 42.1712 135.856 42.8717 134.43 42.8717C133.005 42.8717 131.989 42.2192 131.337 40.9382L139.867 37.4102L139.578 36.6872ZM130.878 38.8142C130.806 36.3482 132.787 35.0927 134.214 35.0927C135.325 35.0927 136.267 35.6492 136.582 36.4457L130.878 38.8142ZM123.943 45.0002H126.745V26.2487H123.943V45.0002ZM119.35 34.0532H119.254C118.626 33.3032 117.417 32.6267 115.896 32.6267C112.705 32.6267 109.782 35.4302 109.782 39.0317C109.782 42.6077 112.705 45.3872 115.896 45.3872C117.418 45.3872 118.626 44.7107 119.254 43.9382H119.35V44.8562C119.35 47.2967 118.045 48.6017 115.944 48.6017C114.228 48.6017 113.164 47.3702 112.729 46.3307L110.289 47.3462C110.989 49.0367 112.849 51.1157 115.944 51.1157C119.23 51.1157 122.01 49.1822 122.01 44.4692V33.0152H119.352V34.0532H119.35ZM116.137 42.8747C114.204 42.8747 112.585 41.2547 112.585 39.0317C112.585 36.7832 114.204 35.1407 116.137 35.1407C118.045 35.1407 119.544 36.7832 119.544 39.0317C119.544 41.2547 118.045 42.8747 116.137 42.8747ZM152.709 26.2487H146.002V45.0002H148.8V37.8962H152.707C155.809 37.8962 158.86 35.6507 158.86 32.0732C158.86 28.4957 155.811 26.2487 152.709 26.2487ZM152.781 35.2862H148.8V28.8587H152.781C154.873 28.8587 156.061 30.5912 156.061 32.0732C156.061 33.5252 154.873 35.2862 152.781 35.2862ZM170.079 32.5937C168.052 32.5937 165.954 33.4862 165.085 35.4647L167.569 36.5012C168.1 35.4647 169.09 35.1257 170.127 35.1257C171.574 35.1257 173.046 35.9942 173.07 37.5377V37.7312C172.563 37.4417 171.477 37.0082 170.151 37.0082C167.473 37.0082 164.746 38.4797 164.746 41.2292C164.746 43.7387 166.942 45.3542 169.402 45.3542C171.283 45.3542 172.321 44.5097 172.972 43.5197H173.068V44.9672H175.771V37.7777C175.773 34.4507 173.286 32.5937 170.079 32.5937ZM169.74 42.8702C168.825 42.8702 167.545 42.4112 167.545 41.2772C167.545 39.8297 169.138 39.2747 170.514 39.2747C171.742 39.2747 172.323 39.5402 173.07 39.9017C172.852 41.6402 171.357 42.8702 169.74 42.8702ZM185.614 33.0032L182.406 41.1332H182.31L178.98 33.0032H175.965L180.958 44.3657L178.111 50.6867H181.03L188.727 33.0032H185.614ZM160.405 45.0002H163.203V26.2487H160.405V45.0002Z" fill="#212121"/>
|
||||||
|
<path d="M71.1271 15.3644C71.1271 16.6214 70.7551 17.6219 70.0096 18.3689C69.1636 19.2569 68.0596 19.7009 66.7036 19.7009C65.4046 19.7009 64.2991 19.2509 63.3916 18.3509C62.4826 17.4494 62.0281 16.3334 62.0281 15.0014C62.0281 13.6679 62.4826 12.5519 63.3916 11.6519C64.2991 10.7504 65.4046 10.3004 66.7036 10.3004C67.3486 10.3004 67.9651 10.4264 68.5501 10.6769C69.1366 10.9289 69.6061 11.2634 69.9571 11.6819L69.1666 12.4739C68.5711 11.7614 67.7506 11.4059 66.7021 11.4059C65.7541 11.4059 64.9351 11.7389 64.2436 12.4049C63.5521 13.0709 63.2071 13.9364 63.2071 14.9999C63.2071 16.0634 63.5521 16.9289 64.2436 17.5949C64.9351 18.2609 65.7541 18.5939 66.7021 18.5939C67.7071 18.5939 68.5456 18.2594 69.2161 17.5889C69.6511 17.1524 69.9031 16.5449 69.9706 15.7664H66.7021V14.6849H71.0626C71.1076 14.9204 71.1271 15.1469 71.1271 15.3644Z" fill="#616161"/>
|
||||||
|
<path d="M78.0422 11.6055H73.9442V14.4585H77.6402V15.54H73.9442V18.393H78.0422V19.5H72.7877V10.5H78.0422V11.6055Z" fill="#616161"/>
|
||||||
|
<path d="M82.9185 19.5H81.7621V11.6055H79.248V10.5H85.4326V11.6055H82.9185V19.5Z" fill="#616161"/>
|
||||||
|
<path d="M89.907 19.5V10.5H91.0635V19.5H89.907Z" fill="#616161"/>
|
||||||
|
<path d="M96.1922 19.5H95.0357V11.6055H92.5217V10.5H98.7062V11.6055H96.1922V19.5Z" fill="#616161"/>
|
||||||
|
<path d="M110.413 18.3375C109.528 19.2465 108.429 19.701 107.113 19.701C105.798 19.701 104.698 19.2465 103.815 18.3375C102.93 17.4285 102.489 16.3155 102.489 15C102.489 13.6845 102.93 12.5715 103.815 11.6625C104.698 10.7535 105.798 10.2975 107.113 10.2975C108.421 10.2975 109.519 10.755 110.407 11.6685C111.295 12.582 111.739 13.692 111.739 15C111.739 16.3155 111.297 17.4285 110.413 18.3375ZM104.668 17.583C105.334 18.258 106.149 18.594 107.113 18.594C108.078 18.594 108.894 18.2565 109.558 17.583C110.224 16.908 110.559 16.047 110.559 15C110.559 13.953 110.224 13.092 109.558 12.417C108.894 11.742 108.078 11.406 107.113 11.406C106.149 11.406 105.334 11.7435 104.668 12.417C104.004 13.092 103.669 13.953 103.669 15C103.669 16.047 104.004 16.908 104.668 17.583Z" fill="#616161"/>
|
||||||
|
<path d="M113.362 19.5V10.5H114.769L119.143 17.5005H119.193L119.143 15.7665V10.5H120.3V19.5H119.092L114.516 12.159H114.466L114.516 13.893V19.5H113.362Z" fill="#616161"/>
|
||||||
|
<path d="M71.1271 15.3644C71.1271 16.6214 70.7551 17.6219 70.0096 18.3689C69.1636 19.2569 68.0596 19.7009 66.7036 19.7009C65.4046 19.7009 64.2991 19.2509 63.3916 18.3509C62.4826 17.4494 62.0281 16.3334 62.0281 15.0014C62.0281 13.6679 62.4826 12.5519 63.3916 11.6519C64.2991 10.7504 65.4046 10.3004 66.7036 10.3004C67.3486 10.3004 67.9651 10.4264 68.5501 10.6769C69.1366 10.9289 69.6061 11.2634 69.9571 11.6819L69.1666 12.4739C68.5711 11.7614 67.7506 11.4059 66.7021 11.4059C65.7541 11.4059 64.9351 11.7389 64.2436 12.4049C63.5521 13.0709 63.2071 13.9364 63.2071 14.9999C63.2071 16.0634 63.5521 16.9289 64.2436 17.5949C64.9351 18.2609 65.7541 18.5939 66.7021 18.5939C67.7071 18.5939 68.5456 18.2594 69.2161 17.5889C69.6511 17.1524 69.9031 16.5449 69.9706 15.7664H66.7021V14.6849H71.0626C71.1076 14.9204 71.1271 15.1469 71.1271 15.3644Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M78.0422 11.6055H73.9442V14.4585H77.6402V15.54H73.9442V18.393H78.0422V19.5H72.7877V10.5H78.0422V11.6055Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M82.9185 19.5H81.7621V11.6055H79.248V10.5H85.4326V11.6055H82.9185V19.5Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M89.907 19.5V10.5H91.0635V19.5H89.907Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M96.1922 19.5H95.0357V11.6055H92.5217V10.5H98.7062V11.6055H96.1922V19.5Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M110.413 18.3375C109.528 19.2465 108.429 19.701 107.113 19.701C105.798 19.701 104.698 19.2465 103.815 18.3375C102.93 17.4285 102.489 16.3155 102.489 15C102.489 13.6845 102.93 12.5715 103.815 11.6625C104.698 10.7535 105.798 10.2975 107.113 10.2975C108.421 10.2975 109.519 10.755 110.407 11.6685C111.295 12.582 111.739 13.692 111.739 15C111.739 16.3155 111.297 17.4285 110.413 18.3375ZM104.668 17.583C105.334 18.258 106.149 18.594 107.113 18.594C108.078 18.594 108.894 18.2565 109.558 17.583C110.224 16.908 110.559 16.047 110.559 15C110.559 13.953 110.224 13.092 109.558 12.417C108.894 11.742 108.078 11.406 107.113 11.406C106.149 11.406 105.334 11.7435 104.668 12.417C104.004 13.092 103.669 13.953 103.669 15C103.669 16.047 104.004 16.908 104.668 17.583Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M113.362 19.5V10.5H114.769L119.143 17.5005H119.193L119.143 15.7665V10.5H120.3V19.5H119.092L114.516 12.159H114.466L114.516 13.893V19.5H113.362Z" stroke="#212121" stroke-width="0.2" stroke-miterlimit="10"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3531 11.7148C15.1015 12.1531 14.9595 12.7256 14.9595 13.4145V46.5885C14.9595 47.279 15.1017 47.8512 15.3536 48.2893L33.6393 30.001L15.3531 11.7148ZM16.044 49.0131C16.7367 49.435 17.7042 49.394 18.771 48.789L40.2321 36.5938L34.3464 30.7081L16.044 49.0131ZM41.1348 36.0823L48.0225 32.169C50.118 30.9765 50.118 29.028 48.0225 27.837L41.1319 23.9216L35.0534 30.0009L41.1348 36.0823ZM40.2301 23.4092L18.771 11.2155C17.7042 10.6093 16.7366 10.5692 16.0439 10.9914L34.3463 29.2938L40.2301 23.4092Z" fill="#F17228"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.0 KiB |
BIN
assets/img/gallery/hero-bg.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
assets/img/gallery/hero-header.png
Normal file
|
After Width: | Height: | Size: 188 KiB |
BIN
assets/img/gallery/location.png
Normal file
|
After Width: | Height: | Size: 6.2 KiB |
23
assets/img/gallery/logo.svg
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<svg width="28" height="30" viewBox="0 0 28 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="30">
|
||||||
|
<path d="M8.89415 26.3647C8.89415 28.366 7.27184 29.9883 5.27062 29.9883C3.2694 29.9883 1.64709 28.366 1.64709 26.3647C1.64709 24.3635 3.2694 22.7412 5.27062 22.7412C7.27184 22.7412 8.89415 24.3635 8.89415 26.3647Z" fill="#C4C4C4"/>
|
||||||
|
<path d="M26.3531 26.3647C26.3531 28.366 24.7308 29.9883 22.7296 29.9883C20.7284 29.9883 19.1061 28.366 19.1061 26.3647C19.1061 24.3635 20.7284 22.7412 22.7296 22.7412C24.7308 22.7412 26.3531 24.3635 26.3531 26.3647Z" fill="#C4C4C4"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.1913 23.7058C25.4382 23.9345 25.4094 24.3209 25.1508 24.5363C23.7802 25.6779 22.0174 26.3647 20.0941 26.3647H19.7649C19.401 26.3647 19.0998 26.0671 19.1652 25.7091C19.4737 24.0209 20.9522 22.7412 22.7296 22.7412C23.68 22.7412 24.545 23.1071 25.1913 23.7058ZM27.0987 22.1282C26.8986 22.5093 26.3844 22.543 26.0504 22.2717C25.144 21.5354 23.9883 21.0942 22.7296 21.0942C20.0414 21.0942 17.8233 23.1066 17.4996 25.7072C17.4547 26.0682 17.164 26.3647 16.8002 26.3647H11.2C10.8361 26.3647 10.5455 26.0682 10.5006 25.7072C10.1769 23.1066 7.95876 21.0942 5.27059 21.0942C4.0118 21.0942 2.85608 21.5354 1.94969 22.2718C1.61563 22.5431 1.10145 22.5094 0.901402 22.1283C0.325709 21.0317 0 19.7833 0 18.4588V16.8116C0 16.4478 0.294965 16.1528 0.658823 16.1528H27.3412C27.705 16.1528 28 16.4478 28 16.8116V18.4588C28 19.7832 27.6743 21.0316 27.0987 22.1282ZM28 13.8469C28 14.2108 27.705 14.5057 27.3412 14.5057H0.658824C0.294965 14.5057 0 14.2108 0 13.8469V9.89402C0 9.53016 0.294965 9.2352 0.658823 9.2352H27.3412C27.705 9.2352 28 9.53016 28 9.89402V13.8469ZM7.90588 0.0117188C3.883 0.0117188 0.561907 3.0164 0.0643695 6.904C0.0168356 7.27541 0.318678 7.58814 0.693122 7.58814H27.3069C27.6813 7.58814 27.9832 7.27541 27.9356 6.904C27.4381 3.0164 24.117 0.0117188 20.0941 0.0117188H7.90588ZM5.27059 22.7412C7.04795 22.7412 8.52644 24.0209 8.83496 25.7091C8.90037 26.0671 8.59914 26.3647 8.23528 26.3647H7.90588C5.98268 26.3647 4.21987 25.6779 2.84928 24.5364C2.59074 24.321 2.56193 23.9345 2.80878 23.7059C3.45509 23.1072 4.3201 22.7412 5.27059 22.7412Z" fill="#C4C4C4"/>
|
||||||
|
</mask>
|
||||||
|
<g mask="url(#mask0)">
|
||||||
|
<rect x="-1.64709" y="-2.29395" width="33.6" height="10.8706" fill="url(#paint0_linear)"/>
|
||||||
|
<rect x="-1.64709" y="15.4941" width="33.6" height="16.4706" fill="#FFA833"/>
|
||||||
|
<rect x="-1.64709" y="8.57666" width="33.6" height="7.24706" rx="3.62353" fill="#F17228"/>
|
||||||
|
<rect x="-23.0587" y="22.7412" width="31.9529" height="7.24706" fill="#F58D00"/>
|
||||||
|
<rect x="19.1061" y="22.7412" width="31.9529" height="7.24706" fill="#F58D00"/>
|
||||||
|
<ellipse cx="8.11249" cy="2.82316" rx="1" ry="0.5" transform="rotate(-20.8548 8.11249 2.82316)" fill="white"/>
|
||||||
|
<ellipse cx="14" cy="2.5" rx="1" ry="0.5" fill="white"/>
|
||||||
|
<ellipse cx="19.1176" cy="2.91225" rx="1" ry="0.5" transform="rotate(28.1155 19.1176 2.91225)" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint0_linear" x1="15" y1="-0.5" x2="15" y2="17" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#FFD16D"/>
|
||||||
|
<stop offset="1" stop-color="#FF7A00"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
BIN
assets/img/gallery/meals.png
Normal file
|
After Width: | Height: | Size: 8.6 KiB |
BIN
assets/img/gallery/noodles.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
assets/img/gallery/order.png
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/img/gallery/pay.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
assets/img/gallery/phone-cta-one.png
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
assets/img/gallery/toffes-cake.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
assets/img/icons/discounts.png
Normal file
|
After Width: | Height: | Size: 8.8 KiB |
BIN
assets/img/icons/live-tracking.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/icons/quick-delivery.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
5
css/fontawesome/all.min.js
vendored
Normal file
20
css/style.css
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
.bg-orange{
|
||||||
|
background: #FFB20E;
|
||||||
|
}
|
||||||
|
.bg-holder{
|
||||||
|
background: url(../assets/img/gallery/cta-one-bg.png);
|
||||||
|
background-position:center;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
}
|
||||||
|
.bg-howitworks{
|
||||||
|
background: #fff8ea9a
|
||||||
|
}
|
||||||
|
.bg-holder2{
|
||||||
|
background-image:url(../assets/img/gallery/cta-two-bg.png);
|
||||||
|
background-position:center;
|
||||||
|
background-size:cover;
|
||||||
|
}
|
||||||
|
.text-gradient{
|
||||||
|
background: linear-gradient(to right #FB3C00 0%,#FFB800 100%);
|
||||||
|
}
|
||||||
516
index.html
Normal file
@@ -0,0 +1,516 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
<title>ChopFood | index</title>
|
||||||
|
|
||||||
|
<!-- Favicons-->
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicons/favicon.ico">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Stylesheet-->
|
||||||
|
<link rel="stylesheet" href="./css/style.css">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="./css/fontawesome/all.min.js">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main class="main" id="top">
|
||||||
|
|
||||||
|
<!-- navigation bar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top" data-navbar-on-scroll="data-navbar-on-scroll">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand d-inline-flex" href="index.html">
|
||||||
|
<img class="d-inline-block" src="assets/img/gallery/logo.svg" alt="logo" />
|
||||||
|
<span class="text-1000 fs-3 fw-bold ms-2 text-gradient">Chopfood</span></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"> </span></button>
|
||||||
|
|
||||||
|
<!-- location -->
|
||||||
|
<div class="collapse navbar-collapse border-top border-lg-0 my-2 mt-lg-0" id="navbarSupportedContent">
|
||||||
|
<div class="mx-auto pt-5 pt-lg-0 d-block d-lg-none d-xl-block">
|
||||||
|
<p class="mb-0 fw-bold text-lg-center">Deliver to:
|
||||||
|
<i class="fa fa-map-marker-alt text-warning"></i>
|
||||||
|
<span class="fw-normal">Current Location </span><span>Necco Bus Sop, Mando</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- login button -->
|
||||||
|
<form class="d-flex mt-4 mt-lg-0 ms-lg-auto ms-xl-0 d-block ">
|
||||||
|
<button class="btn btn-white shadow-warning text-warning" type="submit"> <i class="fa fa-user me-2"></i>Login</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- toggle button -->
|
||||||
|
<div>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!-- end of navigation -->
|
||||||
|
|
||||||
|
<!-- first section -->
|
||||||
|
<section class="py-5 overflow-hidden bg-orange" id="home">
|
||||||
|
<div class="container pt-5">
|
||||||
|
<div class="row flex-center">
|
||||||
|
|
||||||
|
<div class="col-md-5 col-lg-6 order-0 order-md-1 mt-8 mt-md-0">
|
||||||
|
<a class="img-landing-banner" href="#!"><img class="img-fluid" src="assets/img/gallery/hero-header.png" alt="hero-header" /></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-7 col-lg-6 py-8 text-md-start text-center">
|
||||||
|
|
||||||
|
<h1 class="display-1 fs-md-5 fs-lg-6 fs-xl-8 text-light">Are you starving?</h1>
|
||||||
|
<h1 class="text-800 mb-5 fs-4">Within a few clicks, find meals that<br class="d-none d-xxl-block" />are accessible near you</h1>
|
||||||
|
|
||||||
|
<div class="card w-xxl-75">
|
||||||
|
<div class="card-body">
|
||||||
|
<nav>
|
||||||
|
<!-- tabs -->
|
||||||
|
<div class="nav nav-tabs" id="nav-tab" role="tablist">
|
||||||
|
<button class="nav-link active mb-3" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">
|
||||||
|
<i class="fa fa-motorcycle me-2"></i>Delivery</button>
|
||||||
|
<button class="nav-link mb-3" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">
|
||||||
|
<i class="fa fa-shopping-bag me-2"></i>Pickup</button>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- tab content -->
|
||||||
|
<div class="tab-content mt-3" id="nav-tabContent">
|
||||||
|
<!-- fiirst tab -->
|
||||||
|
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
|
||||||
|
<form class="row gx-2 gy-2 align-items-center">
|
||||||
|
|
||||||
|
<div class="col-9">
|
||||||
|
<div class="input-group flex-nowrap">
|
||||||
|
<span class="input-group-text" id="addon-wrapping">
|
||||||
|
<i class="fab fa-map-marker-alt text-danger input-box-icon"></i>
|
||||||
|
</span>
|
||||||
|
<label class="visually-hidden" for="inputPickup">Address</label>
|
||||||
|
<input type="text" class="form-control" id="inputDelivery" placeholder="Enter Your Address" aria-label="Username" aria-describedby="addon-wrapping">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-3">
|
||||||
|
<div class="d-grid gap-3 col-sm-auto">
|
||||||
|
<button class="btn btn-danger" type="submit">Find Food</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- second tab -->
|
||||||
|
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
|
||||||
|
<form class="row gx-4 gy-2 align-items-center">
|
||||||
|
|
||||||
|
<div class="col-9">
|
||||||
|
<div class="input-group flex-nowrap">
|
||||||
|
<span class="input-group-text" id="addon-wrapping">
|
||||||
|
<i class="fa fa-map-marker-alt text-danger input-box-icon"></i>
|
||||||
|
</span>
|
||||||
|
<label class="visually-hidden" for="inputPickup">Address</label>
|
||||||
|
<input type="text" class="form-control" id="inputDelivery" placeholder="Enter Your Address" aria-label="Username" aria-describedby="addon-wrapping">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="d-grid gap-3 col-sm-auto">
|
||||||
|
<button class="btn btn-danger" type="submit">Find Food</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end tab -->
|
||||||
|
</div>
|
||||||
|
</div> <!-- card -->
|
||||||
|
|
||||||
|
</div> <!-- text -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- -->
|
||||||
|
|
||||||
|
<!-- popular item ========-->
|
||||||
|
<section class="py-4 overflow-hidden">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row h-100">
|
||||||
|
<div class="col-lg-7 mx-auto text-center mt-7 mb-5">
|
||||||
|
<h5 class="fw-bold fs-3 fs-lg-5 lh-sm">Popular items</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div id="carouselPopularItems" class="carousel slide" data-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
|
||||||
|
<div class="carousel-item active" data-interval="10000">
|
||||||
|
<!-- first carousel -->
|
||||||
|
<div class="row gx-3 h-100 align-items-center">
|
||||||
|
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/burger.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Burger</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Burger Arena</span></div><span class="text-1000 fw-bold">$3.88</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/toffes-cake.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Toffe's Cake</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Top Sticks</span></div><span class="text-1000 fw-bold">$4.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/dancake.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Dancake</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Cake World</span></div><span class="text-1000 fw-bold">$1.99</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/crispy-sandwitch.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Crispy Sandwitch</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Fastfood Dine</span></div><span class="text-1000 fw-bold">$3.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/noodles.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Noodles</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Foody Man</span></div><span class="text-1000 fw-bold">$2.79</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- second carousel -->
|
||||||
|
<div class="carousel-item" data-interval="2000">
|
||||||
|
<div class="row gx-3 h-100 align-items-center">
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/burger.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Burger</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Burger Arena</span></div><span class="text-1000 fw-bold">$3.88</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/toffes-cake.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Toffe's Cake</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Top Sticks</span></div><span class="text-1000 fw-bold">$4.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/dancake.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Dancake</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Cake World</span></div><span class="text-1000 fw-bold">$1.99</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/crispy-sandwitch.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Crispy Sandwitch</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Fastfood Dine</span></div><span class="text-1000 fw-bold">$3.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/noodles.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Noodles</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Foody Man</span></div><span class="text-1000 fw-bold">$2.79</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- third -->
|
||||||
|
<div class="carousel-item">
|
||||||
|
<div class="row gx-3 h-100 align-items-center">
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/burger.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Burger</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Burger Arena</span></div><span class="text-1000 fw-bold">$3.88</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/toffes-cake.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Toffe's Cake</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Top Sticks</span></div><span class="text-1000 fw-bold">$4.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/dancake.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Dancake</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Cake World</span></div><span class="text-1000 fw-bold">$1.99</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/crispy-sandwitch.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Crispy Sandwitch</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Fastfood Dine</span></div><span class="text-1000 fw-bold">$3.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-4 col-xl mb-5 h-100">
|
||||||
|
<div class="card card-span h-100 rounded-3"><img class="img-fluid rounded-3 h-100" src="assets/img/gallery/noodles.png" alt="..." />
|
||||||
|
<div class="card-body ps-0">
|
||||||
|
<h5 class="fw-bold text-1000 text-truncate mb-1">Noodles</h5>
|
||||||
|
<div><span class="text-warning me-2"><i class="fas fa-map-marker-alt"></i></span><span class="text-primary">Foody Man</span></div><span class="text-1000 fw-bold">$2.79</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid gap-2"><a class="btn btn-lg btn-danger" href="#!" role="button">Order now</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a class="carousel-control-prev bg-orange" href="#carouselPopularItems" role="button" data-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="carousel-control-next bg-orange" href="#carouselPopularItems" role="button" data-slide="next">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div> <!-- end of .container-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- <section> close ============================-->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- How it works ============================-->
|
||||||
|
<section class="py-0 ">
|
||||||
|
|
||||||
|
<div class="container bg-howitworks">
|
||||||
|
<div class="row justify-content-center g-0">
|
||||||
|
<div class="col-xl-9">
|
||||||
|
<div class="col-lg-6 text-center mx-auto mb-3 mb-md-5 mt-4">
|
||||||
|
<h5 class="fw-bold text-danger fs-3 fs-lg-5 lh-sm my-6">How does it work</h5>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6 col-md-3 mb-6">
|
||||||
|
<div class="text-center"><img class="shadow-icon" src="assets/img/gallery/location.png" height="112" alt="..." />
|
||||||
|
<h5 class="mt-4 fw-bold">Select location</h5>
|
||||||
|
<p class="mb-md-0 text-muted">Choose the location where your food will be delivered.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-3 mb-6">
|
||||||
|
<div class="text-center"><img class="shadow-icon" src="assets/img/gallery/order.png" height="112" alt="..." />
|
||||||
|
<h5 class="mt-4 fw-bold">Choose order</h5>
|
||||||
|
<p class="mb-md-0 text-muted">Check over hundreds of menus to pick your favorite food</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-3 mb-6">
|
||||||
|
<div class="text-center"><img class="shadow-icon" src="assets/img/gallery/pay.png" height="112" alt="..." />
|
||||||
|
<h5 class="mt-4 fw-bold">Pay advanced</h5>
|
||||||
|
<p class="mb-md-0 text-muted">It's quick, safe, and simple. Select several methods of payment</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-3 mb-6">
|
||||||
|
<div class="text-center"><img class="shadow-icon" src="assets/img/gallery/meals.png" height="112" alt="..." />
|
||||||
|
<h5 class="mt-4 fw-bold">Enjoy meals</h5>
|
||||||
|
<p class="mb-md-0 text-muted">Food is made and delivered directly to your home.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- end of .container-->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- <section> close ============================-->
|
||||||
|
|
||||||
|
<!-- download app -->
|
||||||
|
<section class="p-5">
|
||||||
|
<div class="container pt-5 bg-holder">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-xxl-10">
|
||||||
|
<div class="card card-span shadow-warning" style="border-radius: 35px;">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row justify-content-evenly">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="d-flex d-md-block d-xl-flex justify-content-evenly justify-content-lg-between">
|
||||||
|
<img src="assets/img/icons/discounts.png" width="60" height="60" alt="..." />
|
||||||
|
<div class="d-flex d-lg-block d-xl-flex flex-center">
|
||||||
|
<h3 class="fw-bolder text-1000 mb-0 text-gradient">Daily
|
||||||
|
<br class="d-none d-md-block" />Discounts </h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 hr-vertical">
|
||||||
|
<div class="d-flex d-md-block d-xl-flex justify-content-evenly justify-content-lg-between">
|
||||||
|
<img src="assets/img/icons/live-tracking.png" width="60" height="60" alt="..." />
|
||||||
|
<div class="d-flex d-lg-block d-xl-flex flex-center">
|
||||||
|
<h3 class="fw-bolder text-1000 mb-0 p-0 text-gradient">Live
|
||||||
|
<br class="d-none d-md-block" />Tracking</h3>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 hr-vertical">
|
||||||
|
<div class="d-flex d-md-block d-xl-flex justify-content-evenly justify-content-lg-between">
|
||||||
|
<img src="assets/img/icons/quick-delivery.png" width="60" height="60" alt="..." />
|
||||||
|
<div class="d-flex d-lg-block d-xl-flex flex-center">
|
||||||
|
<h3 class="fw-bolder text-1000 mb-0 text-gradient">Quick
|
||||||
|
<br class="d-none d-md-block" /> Delivery </h3>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row flex-center mt-md-8 pt-5">
|
||||||
|
<div class="col-lg-5 d-none d-lg-block">
|
||||||
|
<img class="w-100" src="assets/img/gallery/phone-cta-one.png" alt="..." />
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5 pt-5 mt-5 mt-md-0 mt-sm-0 text-md-center text-sm-center">
|
||||||
|
<h1 class="text-primary">Install the app</h1>
|
||||||
|
<p class="text-muted">It's never been easier to order food. Look for the finest <br class="d-none d-xl-block" />discounts and you'll be lost in a world of delectable food.</p><a class="pe-2" href="https://www.apple.com/app-store/" target="_blank"><img src="assets/img/gallery/app-store.svg" width="160" alt="" /></a><a href="https://play.google.com/store/apps" target="_blank"><img src="assets/img/gallery/google-play.svg" width="160" alt="" /></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--/.bg-holder-->
|
||||||
|
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ready to order -->
|
||||||
|
<section class="py-0 mt-2">
|
||||||
|
<div class="container bg-holder2">
|
||||||
|
<div class="row flex-center">
|
||||||
|
<div class="col-xxl-9 text-center">
|
||||||
|
<span class="display-5 fw-bold mb-4 text-white">Are you ready to order
|
||||||
|
<br >with the best deals? </span>
|
||||||
|
<br>
|
||||||
|
<a class="btn btn-danger mt-5 mb-4" href="#"> PROCEED TO ORDER<i class="fa fa-chevron-right ms-2"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--/.bg-holder-->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <footer> begin ============================-->
|
||||||
|
<section class="mt-3 pt-5 bg-black">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-3">
|
||||||
|
<h5 class="lh-lg fw-bold text-white">COMPANY</h5>
|
||||||
|
<ul class="list-unstyled mb-md-4 mb-lg-0">
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">About Us</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Team</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Careers</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">blog</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-4 col-lg-3 col-xxl-2 col-lg-3 mb-3">
|
||||||
|
<h5 class="lh-lg fw-bold text-white">CONTACT</h5>
|
||||||
|
<ul class="list-unstyled mb-md-4 mb-lg-0">
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Help & Support</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Partner with us </a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Ride with us</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Ride with us</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-3">
|
||||||
|
<h5 class="lh-lg fw-bold text-white">LEGAL</h5>
|
||||||
|
<ul class="list-unstyled mb-md-4 mb-lg-0">
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Terms & Conditions</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Refund & Cancellation</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Privacy Policy</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Cookie Policy</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-3">
|
||||||
|
<h5 class="lh-lg fw-bold text-white">OUR TOP CITIES</h5>
|
||||||
|
<ul class="list-unstyled mb-md-4 mb-lg-0">
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Kaduna</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Abuja</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Lagos</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Calabar</a></li>
|
||||||
|
<li class="lh-lg"><a class="text-200 text-decoration-none" href="#!">Benin</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-8 col-lg-6 col-xxl-4">
|
||||||
|
<h5 class="lh-lg fw-bold text-white text-500">FOLLOW US</h5>
|
||||||
|
<div class="text-start my-3">
|
||||||
|
<a href="#"> <i class="fa fa-facebook fa-2x"></i> </a>
|
||||||
|
<a href="#"> <i class="fa fa-twitter fa-2x"></i></a>
|
||||||
|
<a href="#"> <i class="fa fa-instagram fa-2x"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 class="text-500 my-4 text-white">Receive exclusive offers and <br />discounts in your mailbox</h3>
|
||||||
|
<div class="input-group flex-nowrap">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="addon-wrapping">
|
||||||
|
<i class="fa fa-envelope fa-2x"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" placeholder="Email" aria-label="Email" aria-describedby="addon-wrapping">
|
||||||
|
<button class="btn btn-primary" type="submit">Subscribe</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-auto">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="border border-800" />
|
||||||
|
<div class="row flex-center pb-3">
|
||||||
|
<div class="col-md-6 order-0">
|
||||||
|
<p class="text-200 text-center text-md-start">All rights Reserved ©Chopfood, 2021</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- <footer> end ============================-->
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||