├── CSS └── css.css ├── Imge ├── 120570240_1438492939673479_1452111268841416043_n-removebg-preview.png ├── 77c3f8418880a56f5f75687c4d268a20.png ├── Group 1006.png ├── Group 1007.png ├── Group 1008.png ├── Group 1020.png ├── Group 1131.png ├── Group 140.png ├── Group 152.png ├── Icon awesome-instagram.png ├── Icon feather-facebook.png ├── Icon simple-whatsapp.png ├── Mask Group 1.png ├── WhatsApp Image 2020-10-05 at 3.26.30 PM.jpeg ├── apple.png ├── blue_bg.png ├── clouds.png ├── landing_bg.png ├── login_button_bg.png ├── play-store.png ├── second_section_.png ├── waves.png └── why_kudzoka_bg.png ├── index.html ├── preview.jpg └── readme.md /CSS/css.css: -------------------------------------------------------------------------------- 1 | /* Name : Mohab Mohammed Elsayed Ahmed 2 | ID : 93 */ 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | html { 10 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 11 | } 12 | 13 | /*start navbar*/ 14 | nav { 15 | display: flex; 16 | justify-content: space-between; 17 | align-items: center; 18 | padding: 20px 100px 0px; 19 | } 20 | 21 | nav img { 22 | width: 130px; 23 | } 24 | 25 | nav ul { 26 | display: flex; 27 | align-items: center; 28 | list-style: none; 29 | } 30 | 31 | nav ul li a { 32 | margin: 0 12px; 33 | color: #333; 34 | text-decoration: none; 35 | font-size: 18px; 36 | position: relative; 37 | } 38 | 39 | nav .loginBtn { 40 | position: relative; 41 | } 42 | 43 | nav .loginBtn img { 44 | width: 120px; 45 | height: 50px; 46 | } 47 | 48 | nav .loginBtn span { 49 | position: absolute; 50 | left: 32%; 51 | top: 20%; 52 | font-size: 20px; 53 | color: #333; 54 | } 55 | 56 | .itema{ 57 | transition: 0.5s; 58 | } 59 | 60 | .itema:hover, 61 | .itema:active, 62 | .itema:focus 63 | { 64 | color: #b219db; 65 | } 66 | 67 | .itema:hover::after, 68 | .itema:active::after, 69 | .itema:focus::after 70 | { 71 | content: ""; 72 | width: 100%; 73 | height: 5%; 74 | transition: 5s; 75 | background-color: #b219db; 76 | display: inline-block; 77 | position: absolute; 78 | bottom: -3px; 79 | left: 0; 80 | } 81 | /*end navbar*/ 82 | 83 | /*start first section*/ 84 | .firstsection { 85 | position: relative; 86 | } 87 | 88 | .secBackground { 89 | position: absolute; 90 | width: 100%; 91 | height: 720px; 92 | z-index: -1000; 93 | } 94 | 95 | .firstDiv { 96 | display: flex; 97 | justify-content: space-between; 98 | padding: 0px 100px; 99 | position: relative; 100 | } 101 | 102 | .divText { 103 | padding-top: 180px; 104 | width: 50%; 105 | } 106 | 107 | .divText h3 { 108 | font-size: 55px; 109 | color: #637279; 110 | font-weight: 600; 111 | } 112 | 113 | .divText h3 span { 114 | color: #7a3d8a; 115 | } 116 | 117 | .divText p { 118 | color: #afafaf; 119 | font-size: 28px; 120 | font-weight: 400; 121 | margin-top: 20px; 122 | } 123 | 124 | .divImgs { 125 | width: 50%; 126 | position: relative; 127 | } 128 | 129 | .divImgs .background { 130 | width: 100%; 131 | } 132 | 133 | .divImgs .man { 134 | position: absolute; 135 | width: 45%; 136 | left: 25%; 137 | top: 0; 138 | } 139 | 140 | .divImgs .cloud { 141 | position: absolute; 142 | width: 60%; 143 | left: 20%; 144 | top: 60%; 145 | } 146 | 147 | .waves { 148 | position: absolute; 149 | width: 90%; 150 | top: 70%; 151 | left: -18%; 152 | } 153 | /*end first section*/ 154 | 155 | /*start second section*/ 156 | .secondSec { 157 | position: relative; 158 | text-align: center; 159 | padding: 0px 100px; 160 | height: 120vh; 161 | } 162 | 163 | .sec2ground { 164 | position: absolute; 165 | width: 65%; 166 | top: 8%; 167 | left: 22%; 168 | height: 60%; 169 | } 170 | 171 | .threedivs div { 172 | width: 400px; 173 | } 174 | 175 | .threedivs div img { 176 | width: 250px; 177 | } 178 | 179 | .threedivs div h3 { 180 | color: #999; 181 | font-size: 25px; 182 | } 183 | 184 | .threedivs div p { 185 | color: #b9b9b9; 186 | font-size: 20px; 187 | line-height: 35px; 188 | } 189 | 190 | .threedivs .div1 { 191 | position: absolute; 192 | top: 16%; 193 | left: 10%; 194 | } 195 | 196 | .threedivs .div2 { 197 | position: absolute; 198 | top: 32%; 199 | left: 40%; 200 | } 201 | 202 | .threedivs .div3 { 203 | position: absolute; 204 | top: 65%; 205 | right: 12%; 206 | } 207 | 208 | .div4 { 209 | position: absolute; 210 | top: 65%; 211 | left: 10%; 212 | } 213 | 214 | .div4all { 215 | position: relative; 216 | } 217 | 218 | .div4all img { 219 | width: 350px; 220 | } 221 | 222 | .div4all div { 223 | position: absolute; 224 | top: 30%; 225 | left: 20%; 226 | text-align: left; 227 | } 228 | 229 | .div4all div p { 230 | color: white; 231 | font-size: 25px; 232 | } 233 | 234 | .div4all div h3 { 235 | color: white; 236 | font-size: 50px; 237 | font-weight: 400; 238 | } 239 | /*end second section*/ 240 | 241 | /*start third section*/ 242 | .thirdSec { 243 | padding-top: 150px; 244 | display: flex; 245 | justify-content: center; 246 | align-items: center; 247 | text-align: center; 248 | } 249 | 250 | .mainDiv { 251 | padding: 0 30px; 252 | } 253 | 254 | .mainDiv h3 { 255 | color: #999; 256 | font-size: 25px; 257 | } 258 | 259 | .mainDiv p { 260 | color: #b9b9b9; 261 | font-size: 20px; 262 | font-weight: 400; 263 | margin-top: 10px; 264 | } 265 | /*end third section*/ 266 | 267 | /*start footer*/ 268 | footer { 269 | position: relative; 270 | height: 80vh; 271 | overflow: hidden; 272 | } 273 | 274 | .bgfooter { 275 | position: absolute; 276 | width: 110%; 277 | height: 150%; 278 | left: -3%; 279 | top: 0; 280 | 281 | } 282 | 283 | .people { 284 | position: absolute; 285 | width: 40vw; 286 | right: 10%; 287 | bottom: 0%; 288 | 289 | } 290 | 291 | footer .footertext { 292 | position: absolute; 293 | top: 65%; 294 | left: 10%; 295 | } 296 | 297 | footer ul { 298 | display: flex; 299 | list-style: none; 300 | align-items: center; 301 | margin-top: 30px; 302 | } 303 | 304 | footer ul li a { 305 | margin-right: 15px; 306 | color: white; 307 | text-decoration: none; 308 | font-size: 16px; 309 | } 310 | 311 | .socialimgs { 312 | margin-top: 30px; 313 | display: flex; 314 | align-items: center; 315 | } 316 | 317 | .socialimgs img { 318 | width: 25px; 319 | height: 35px; 320 | margin-right: 15px; 321 | 322 | } 323 | 324 | footer .footerBtn { 325 | position: relative; 326 | width: 130px; 327 | height: 50px; 328 | margin-right: 35px; 329 | } 330 | 331 | footer .footerBtn .btnImg { 332 | width: 130px; 333 | height: 50px; 334 | } 335 | 336 | footer .footerBtn div { 337 | position: absolute; 338 | left: 10%; 339 | bottom: 40%; 340 | display: flex; 341 | align-items: center; 342 | 343 | } 344 | 345 | footer .footerBtn div p { 346 | font-size: 12px; 347 | color: #333; 348 | } 349 | 350 | footer .footerBtn div span { 351 | display: block; 352 | color: #7a3d8a; 353 | font-size: 18px; 354 | } 355 | /*start footer*/ 356 | 357 | @media only screen and (max-width:1200px) { 358 | 359 | /*start first section*/ 360 | .secBackground { 361 | height: 80vh; 362 | } 363 | 364 | .divText { 365 | padding-top: 120px; 366 | } 367 | 368 | .divText h3 { 369 | font-size: 45px; 370 | } 371 | 372 | .divText p { 373 | font-size: 22px; 374 | } 375 | 376 | .waves { 377 | top: 70%; 378 | } 379 | /*end first section*/ 380 | 381 | /*start second section*/ 382 | .threedivs div { 383 | width: 300px; 384 | } 385 | 386 | .threedivs div img { 387 | width: 200px; 388 | } 389 | 390 | .threedivs div p { 391 | font-size: 18px; 392 | } 393 | 394 | .threedivs .div1 { 395 | top: 14%; 396 | } 397 | 398 | .threedivs .div2 { 399 | top: 26%; 400 | } 401 | 402 | .threedivs .div3 { 403 | top: 52%; 404 | } 405 | 406 | .div4 { 407 | top: 60%; 408 | } 409 | 410 | .div4all img { 411 | width: 300px; 412 | } 413 | 414 | .div4all div h3 { 415 | font-size: 40px; 416 | } 417 | /*end second section*/ 418 | 419 | /*start third section*/ 420 | .thirdSec { 421 | padding-top: 10px; 422 | } 423 | 424 | .thirdSec .mainImg { 425 | width: 400px; 426 | } 427 | 428 | .thirdSec .smallImg { 429 | width: 200px; 430 | } 431 | /*end third section*/ 432 | 433 | /*footer*/ 434 | footer { 435 | height: 70vh; 436 | } 437 | } 438 | 439 | @media only screen and (max-width:992px) { 440 | 441 | /*start first section*/ 442 | .secBackground { 443 | height: 70vh; 444 | } 445 | 446 | .divText { 447 | padding-top: 50px; 448 | } 449 | 450 | .divText h3 { 451 | font-size: 35px; 452 | } 453 | 454 | .divText p { 455 | font-size: 18px; 456 | } 457 | /*end first section*/ 458 | 459 | /*start second section*/ 460 | .secondSec { 461 | height: 100vh; 462 | } 463 | 464 | .threedivs div img { 465 | width: 180px; 466 | } 467 | 468 | .threedivs div p { 469 | font-size: 15px; 470 | line-height: 20px; 471 | } 472 | 473 | .threedivs .div3 { 474 | top: 46%; 475 | right: 8%; 476 | } 477 | 478 | .div4 { 479 | top: 55%; 480 | } 481 | /*end second section*/ 482 | 483 | /*footer*/ 484 | footer { 485 | height: 60vh; 486 | } 487 | 488 | footer .footertext { 489 | top: 65%; 490 | } 491 | 492 | footer ul { 493 | margin-top: 10px; 494 | } 495 | 496 | .socialimgs { 497 | margin-top: 10px; 498 | } 499 | } 500 | 501 | @media only screen and (max-width:912px) { 502 | 503 | /*navbar */ 504 | nav ul li a { 505 | font-size: 8px; 506 | } 507 | 508 | /*first section*/ 509 | .secBackground { 510 | height: 400px; 511 | } 512 | 513 | .threedivs .div1 { 514 | top: 17%; 515 | left: 5%; 516 | } 517 | 518 | .threedivs .div2 { 519 | top: 35%; 520 | left: 35%; 521 | } 522 | 523 | .threedivs .div3 { 524 | top: 66%; 525 | right: 8%; 526 | } 527 | 528 | .div4 { 529 | top: 55%; 530 | } 531 | } 532 | 533 | @media only screen and (max-width:768px) { 534 | 535 | /*navbar*/ 536 | nav { 537 | padding: 20px 50px 0px; 538 | } 539 | 540 | nav ul li a { 541 | margin: 0 5px; 542 | font-size: 15px; 543 | } 544 | 545 | nav .loginBtn { 546 | position: relative; 547 | } 548 | 549 | nav .loginBtn img { 550 | width: 100px; 551 | height: 35px; 552 | } 553 | 554 | nav .loginBtn span { 555 | left: 30%; 556 | top: 10%; 557 | font-size: 15px; 558 | } 559 | 560 | /*first section*/ 561 | .secBackground { 562 | height: 380px; 563 | } 564 | 565 | .divText h3 { 566 | font-size: 25px; 567 | } 568 | 569 | .divText p { 570 | font-size: 12px; 571 | } 572 | 573 | /*second section*/ 574 | .secondSec { 575 | height: 80vh; 576 | } 577 | 578 | .threedivs div { 579 | width: 220px; 580 | } 581 | 582 | .threedivs div img { 583 | width: 130px; 584 | } 585 | 586 | .threedivs div h3 { 587 | font-size: 18px; 588 | } 589 | 590 | .threedivs div p { 591 | font-size: 12px; 592 | } 593 | 594 | .threedivs .div2 { 595 | top: 32%; 596 | } 597 | 598 | .threedivs .div3 { 599 | top: 60%; 600 | } 601 | 602 | .div4all img { 603 | width: 200px; 604 | } 605 | 606 | .div4all div p { 607 | font-size: 15px; 608 | } 609 | 610 | .div4all div h3 { 611 | font-size: 30px; 612 | } 613 | 614 | /*third section*/ 615 | .thirdSec { 616 | padding-top: 10px; 617 | } 618 | 619 | .mainDiv p { 620 | font-size: 18px; 621 | } 622 | 623 | .thirdSec .mainImg { 624 | width: 300px; 625 | } 626 | 627 | .thirdSec .smallImg { 628 | width: 150px; 629 | } 630 | 631 | /*footer*/ 632 | footer { 633 | height: 40vh; 634 | } 635 | 636 | footer ul { 637 | margin-top: 10px; 638 | } 639 | 640 | .socialimgs { 641 | margin-top: 10px; 642 | } 643 | 644 | footer .footerBtn { 645 | width: 100px; 646 | height: 40px; 647 | } 648 | 649 | footer .footerBtn .btnImg { 650 | width: 100px; 651 | height: 40px; 652 | } 653 | 654 | footer .footerBtn div img { 655 | width: 20px; 656 | } 657 | 658 | footer .footerBtn div p { 659 | font-size: 8px; 660 | } 661 | 662 | footer .footerBtn div span { 663 | font-size: 12px; 664 | } 665 | } 666 | 667 | @media only screen and (max-width:576px) { 668 | 669 | /*navbar*/ 670 | nav { 671 | padding: 20px 10px 0px; 672 | } 673 | 674 | nav ul li a { 675 | font-size: 8px; 676 | } 677 | 678 | nav img { 679 | width: 70px; 680 | } 681 | 682 | nav .loginBtn img { 683 | width: 70px; 684 | height: 25px; 685 | } 686 | 687 | nav .loginBtn span { 688 | left: 35%; 689 | top: 15%; 690 | font-size: 10px; 691 | } 692 | 693 | /*first section*/ 694 | .firstDiv { 695 | padding: 0px 50px; 696 | } 697 | 698 | .secBackground { 699 | height: 250px; 700 | } 701 | 702 | .divText h3 { 703 | font-size: 13px; 704 | } 705 | 706 | .divText p { 707 | margin-top: 10px; 708 | font-size: 8px; 709 | } 710 | 711 | /*second section*/ 712 | .secondSec { 713 | height: 60vh; 714 | } 715 | 716 | .sec2ground { 717 | position: absolute; 718 | width: 65%; 719 | top: 15%; 720 | left: 22%; 721 | height: 35%; 722 | } 723 | 724 | .threedivs div { 725 | width: 120px; 726 | } 727 | 728 | .threedivs div img { 729 | width: 80px; 730 | } 731 | 732 | .threedivs div h3 { 733 | font-size: 12px; 734 | } 735 | 736 | .threedivs div p { 737 | font-size: 8px; 738 | line-height: 8px; 739 | } 740 | 741 | .threedivs .div1 { 742 | top: 20%; 743 | left: 5%; 744 | } 745 | 746 | .threedivs .div2 { 747 | top: 28%; 748 | left: 35%; 749 | } 750 | 751 | .threedivs .div3 { 752 | top: 50%; 753 | } 754 | 755 | .div4 { 756 | position: absolute; 757 | top: 60%; 758 | left: 10%; 759 | } 760 | 761 | .div4all { 762 | position: relative; 763 | } 764 | 765 | .div4all img { 766 | width: 150px; 767 | } 768 | 769 | .div4all div p { 770 | font-size: 15px; 771 | } 772 | 773 | .div4all div h3 { 774 | font-size: 20px; 775 | } 776 | 777 | /*third section*/ 778 | .thirdSec { 779 | padding-top: 10px; 780 | } 781 | 782 | .mainDiv h3 { 783 | font-size: 12px; 784 | } 785 | 786 | .mainDiv p { 787 | font-size: 8px; 788 | } 789 | 790 | .thirdSec .mainDiv { 791 | padding: 0 1px; 792 | } 793 | 794 | .thirdSec .mainImg { 795 | width: 150px; 796 | } 797 | 798 | .thirdSec .smallImg { 799 | width: 100px; 800 | } 801 | 802 | /*footer*/ 803 | footer { 804 | height: 50vh; 805 | } 806 | 807 | footer ul { 808 | margin-top: 5px; 809 | } 810 | 811 | footer .people { 812 | display: none; 813 | } 814 | 815 | .socialimgs { 816 | margin-top: 5px; 817 | } 818 | 819 | footer .footerBtn { 820 | width: 100px; 821 | height: 40px; 822 | } 823 | 824 | footer .footerBtn .btnImg { 825 | width: 100px; 826 | height: 40px; 827 | } 828 | 829 | footer .footerBtn div img { 830 | width: 20px; 831 | } 832 | 833 | footer .footerBtn div p { 834 | font-size: 8px; 835 | } 836 | 837 | footer .footerBtn div span { 838 | font-size: 12px; 839 | } 840 | } 841 | 842 | @media only screen and (max-width:280px) { 843 | 844 | /*navbar*/ 845 | nav { 846 | padding: 15px 5px 0px; 847 | } 848 | 849 | nav ul li a { 850 | font-size: 5px; 851 | } 852 | 853 | nav img { 854 | width: 50px; 855 | } 856 | 857 | nav .loginBtn img { 858 | width: 50px; 859 | height: 15px; 860 | } 861 | 862 | nav .loginBtn span { 863 | left: 35%; 864 | top: 18%; 865 | font-size: 8px; 866 | } 867 | 868 | /*first section*/ 869 | .secBackground { 870 | height: 170px; 871 | } 872 | 873 | .firstDiv { 874 | padding: 0px 20px; 875 | } 876 | 877 | .divText { 878 | padding-top: 25px; 879 | } 880 | 881 | .divText h3 { 882 | font-size: 10px; 883 | } 884 | 885 | .divText p { 886 | font-size: 8px; 887 | margin-top: 5px; 888 | } 889 | 890 | /*second section*/ 891 | .secondSec { 892 | height: 40vh; 893 | } 894 | 895 | .threedivs div { 896 | width: 100px; 897 | } 898 | 899 | .threedivs div h3 { 900 | font-size: 8px; 901 | } 902 | 903 | .threedivs div p { 904 | font-size: 5px; 905 | line-height: 8px; 906 | } 907 | 908 | .threedivs div img { 909 | width: 50px; 910 | } 911 | 912 | .threedivs .div1 { 913 | top: 12%; 914 | left: 8%; 915 | } 916 | 917 | .threedivs .div2 { 918 | position: absolute; 919 | top: 28%; 920 | left: 35%; 921 | } 922 | 923 | .threedivs .div3 { 924 | top: 40%; 925 | right: 3%; 926 | } 927 | 928 | .div4 { 929 | position: absolute; 930 | top: 55%; 931 | left: 10%; 932 | } 933 | 934 | .div4all img { 935 | width: 100px; 936 | } 937 | 938 | .div4all div p { 939 | color: white; 940 | font-size: 5px; 941 | } 942 | 943 | .div4all div h3 { 944 | font-size: 15px; 945 | } 946 | 947 | /*third section*/ 948 | .thirdSec { 949 | padding-top: 10px; 950 | } 951 | 952 | .mainDiv { 953 | padding: 0 5px; 954 | } 955 | 956 | .mainDiv h3 { 957 | font-size: 8px; 958 | } 959 | 960 | .mainDiv p { 961 | font-size: 8px; 962 | } 963 | 964 | .thirdSec .mainImg { 965 | width: 100px; 966 | } 967 | 968 | .thirdSec .smallImg { 969 | width: 50px; 970 | } 971 | 972 | /*footer*/ 973 | footer { 974 | height: 30vh; 975 | } 976 | 977 | footer ul { 978 | margin-top: 2px; 979 | } 980 | 981 | footer ul li a { 982 | font-size: 12px; 983 | } 984 | 985 | .socialimgs { 986 | margin-top: 0px; 987 | } 988 | 989 | .socialimgs img { 990 | width: 10px; 991 | height: 10px; 992 | } 993 | 994 | footer .footerBtn { 995 | width: 80px; 996 | height: 30px; 997 | } 998 | 999 | footer .footerBtn .btnImg { 1000 | width: 80px; 1001 | height: 30px; 1002 | } 1003 | 1004 | footer .footerBtn div img { 1005 | width: 20px; 1006 | } 1007 | 1008 | footer .footerBtn div p { 1009 | font-size: 5px; 1010 | } 1011 | 1012 | footer .footerBtn div span { 1013 | font-size: 8px; 1014 | } 1015 | } 1016 | /* Name : Mohab Mohammed Elsayed Ahmed 1017 | ID : 93 */ -------------------------------------------------------------------------------- /Imge/120570240_1438492939673479_1452111268841416043_n-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/120570240_1438492939673479_1452111268841416043_n-removebg-preview.png -------------------------------------------------------------------------------- /Imge/77c3f8418880a56f5f75687c4d268a20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/77c3f8418880a56f5f75687c4d268a20.png -------------------------------------------------------------------------------- /Imge/Group 1006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 1006.png -------------------------------------------------------------------------------- /Imge/Group 1007.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 1007.png -------------------------------------------------------------------------------- /Imge/Group 1008.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 1008.png -------------------------------------------------------------------------------- /Imge/Group 1020.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 1020.png -------------------------------------------------------------------------------- /Imge/Group 1131.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 1131.png -------------------------------------------------------------------------------- /Imge/Group 140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 140.png -------------------------------------------------------------------------------- /Imge/Group 152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Group 152.png -------------------------------------------------------------------------------- /Imge/Icon awesome-instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Icon awesome-instagram.png -------------------------------------------------------------------------------- /Imge/Icon feather-facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Icon feather-facebook.png -------------------------------------------------------------------------------- /Imge/Icon simple-whatsapp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Icon simple-whatsapp.png -------------------------------------------------------------------------------- /Imge/Mask Group 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/Mask Group 1.png -------------------------------------------------------------------------------- /Imge/WhatsApp Image 2020-10-05 at 3.26.30 PM.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/WhatsApp Image 2020-10-05 at 3.26.30 PM.jpeg -------------------------------------------------------------------------------- /Imge/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/apple.png -------------------------------------------------------------------------------- /Imge/blue_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/blue_bg.png -------------------------------------------------------------------------------- /Imge/clouds.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/clouds.png -------------------------------------------------------------------------------- /Imge/landing_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/landing_bg.png -------------------------------------------------------------------------------- /Imge/login_button_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/login_button_bg.png -------------------------------------------------------------------------------- /Imge/play-store.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/play-store.png -------------------------------------------------------------------------------- /Imge/second_section_.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/second_section_.png -------------------------------------------------------------------------------- /Imge/waves.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/waves.png -------------------------------------------------------------------------------- /Imge/why_kudzoka_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/Imge/why_kudzoka_bg.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Kudzoka 12 | 13 | 14 | 15 | 16 |
17 | 18 | 31 |
32 |
33 |

You sell it We Deliver it

34 |

leave the logistcs to us,while you focus on your customers & your products

35 |
36 |
37 | 38 | 39 | 40 |
41 | 42 |
43 |
44 |
45 | 46 |
47 |
48 | 49 |

super fast delivery

50 |

we only need 45-60 minutes to get your product into your customer's hands

51 |
52 |
53 | 54 |

Real time tracking

55 |

check in any time to see where your delivery is & when it will reach your customer

56 |
57 |
58 | 59 |

Discounts

60 |

growing from 30 to 300 deliveries a week? take advantage of our volume-based discounts

61 |
62 |
63 |
64 |
65 | 66 |
67 |

why choose

68 |

KUDZOKA

69 |
70 |
71 |
72 | 73 |
74 |
75 | 76 |
77 | 78 |

Round the clock support

79 |

we only need 45-60 minutes
to get your product into your
customer's hands

80 |
81 | 82 |
83 | 116 | 117 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/melsayedahmed/Delivery_Website/c0c28237fc8268aa6fdf984bf558443039105fd6/preview.jpg -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # 💼 Responsive Delivery Company Website 2 | ## [LinkedIn](https://www.linkedin.com/in/mohab-mohammed-59a317176/) 3 | ### 💼 Responsive Personal Portfolio Website 4 | 5 | - Responsive Delivery Company Website Design Using HTML & CSS 6 | - Compatible with all mobile devices and with a beautiful and pleasant user interface. 7 | 8 | 💙 Join the Instagram Page to see Code summaries. [web_coding_official_](https://www.instagram.com/web_coding_official_/) 9 | 10 | ![preview img](/preview.jpg) 11 | --------------------------------------------------------------------------------