├── .vscode └── settings.json ├── images ├── logo.png ├── menu-1.png ├── menu-2.png ├── menu-3.png ├── menu-4.png ├── menu-5.png ├── menu-6.png ├── pic-1.png ├── pic-2.png ├── pic-3.png ├── blog-1.jpeg ├── blog-2.jpeg ├── blog-3.jpeg ├── home-img.jpeg ├── product-1.png ├── product-2.png ├── product-3.png ├── quote-img.png ├── about-img.jpeg ├── cart-item-1.png ├── cart-item-2.png ├── cart-item-3.png ├── cart-item-4.png └── IMG_20220930_093514_prev_ui.png ├── script └── script.js ├── css └── style.css └── index.html /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5502 3 | } -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/logo.png -------------------------------------------------------------------------------- /images/menu-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/menu-1.png -------------------------------------------------------------------------------- /images/menu-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/menu-2.png -------------------------------------------------------------------------------- /images/menu-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/menu-3.png -------------------------------------------------------------------------------- /images/menu-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/menu-4.png -------------------------------------------------------------------------------- /images/menu-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/menu-5.png -------------------------------------------------------------------------------- /images/menu-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/menu-6.png -------------------------------------------------------------------------------- /images/pic-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/pic-1.png -------------------------------------------------------------------------------- /images/pic-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/pic-2.png -------------------------------------------------------------------------------- /images/pic-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/pic-3.png -------------------------------------------------------------------------------- /images/blog-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/blog-1.jpeg -------------------------------------------------------------------------------- /images/blog-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/blog-2.jpeg -------------------------------------------------------------------------------- /images/blog-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/blog-3.jpeg -------------------------------------------------------------------------------- /images/home-img.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/home-img.jpeg -------------------------------------------------------------------------------- /images/product-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/product-1.png -------------------------------------------------------------------------------- /images/product-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/product-2.png -------------------------------------------------------------------------------- /images/product-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/product-3.png -------------------------------------------------------------------------------- /images/quote-img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/quote-img.png -------------------------------------------------------------------------------- /images/about-img.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/about-img.jpeg -------------------------------------------------------------------------------- /images/cart-item-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/cart-item-1.png -------------------------------------------------------------------------------- /images/cart-item-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/cart-item-2.png -------------------------------------------------------------------------------- /images/cart-item-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/cart-item-3.png -------------------------------------------------------------------------------- /images/cart-item-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/cart-item-4.png -------------------------------------------------------------------------------- /images/IMG_20220930_093514_prev_ui.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/javohirveb/cafena/HEAD/images/IMG_20220930_093514_prev_ui.png -------------------------------------------------------------------------------- /script/script.js: -------------------------------------------------------------------------------- 1 | let navbar = document.querySelector('.navbar'); 2 | 3 | document.querySelector('#menu-btn').onclick = () => { 4 | navbar.classList.toggle('active') 5 | searchForm.classList.remove('active') 6 | cartItem.classList.remove('active') 7 | } 8 | 9 | let searchForm = document.querySelector('.search-form'); 10 | 11 | document.querySelector('#search-btn').onclick = () => { 12 | searchForm.classList.toggle('active') 13 | navbar.classList.remove('active') 14 | cartItem.classList.remove('active') 15 | } 16 | 17 | let cartItem = document.querySelector('.cart-items-container'); 18 | 19 | document.querySelector('#cart-btn').onclick = () => { 20 | cartItem.classList.toggle('active') 21 | navbar.classList.remove('active') 22 | searchForm.classList.remove('active') 23 | } 24 | 25 | window.onscroll = () => { 26 | navbar.classList.remove('active') 27 | searchForm.classList.remove('active') 28 | cartItem.classList.remove('active') 29 | } -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap'); 2 | 3 | :root { 4 | --main-color: #d3ad7f; 5 | --black: #13131a; 6 | --bg: #010103; 7 | --border: 0.1rem solid rgba(255, 255, 255, 0.3); 8 | } 9 | 10 | * { 11 | font-family: 'Roboto', sans-serif; 12 | margin: 0; 13 | padding: 0; 14 | box-sizing: border-box; 15 | outline: none; 16 | border: none; 17 | text-decoration: none; 18 | text-transform: capitalize; 19 | transition: 0.2s linear; 20 | } 21 | 22 | html { 23 | font-size: 62.5%; 24 | overflow-x: hidden; 25 | scroll-padding-top: 9rem; 26 | scroll-behavior: smooth; 27 | } 28 | 29 | html::-webkit-scrollbar { 30 | width: 0.8rem; 31 | } 32 | 33 | html::-webkit-scrollbar-track { 34 | background: transparent; 35 | } 36 | 37 | html::-webkit-scrollbar-thumb { 38 | background: #fff; 39 | border-radius: 5rem; 40 | } 41 | 42 | body { 43 | background: var(--bg); 44 | } 45 | 46 | section { 47 | padding: 2rem 7%; 48 | } 49 | 50 | .heading { 51 | text-align: center; 52 | color: #fff; 53 | text-transform: uppercase; 54 | padding-bottom: 3.5rem; 55 | font-size: 4rem; 56 | } 57 | 58 | .heading span { 59 | color: var(--main-color); 60 | text-transform: uppercase; 61 | } 62 | 63 | .btn { 64 | margin-top: 1rem; 65 | display: inline-block; 66 | padding: 0.9rem 3rem; 67 | font-size: 1.7rem; 68 | color: #fff; 69 | background: var(--main-color); 70 | cursor: pointer; 71 | } 72 | 73 | .btn:hover { 74 | letter-spacing: 0.2rem; 75 | } 76 | 77 | .header { 78 | background: var(--bg); 79 | display: flex; 80 | align-items: center; 81 | justify-content: space-between; 82 | padding: 1.5rem 7%; 83 | border-bottom: var(--border); 84 | position: fixed; 85 | top: 0; 86 | left: 0; 87 | right: 0; 88 | z-index: 1000; 89 | } 90 | 91 | .header .logo img { 92 | height: 6rem; 93 | } 94 | 95 | .header .navbar a { 96 | margin: 0 1rem; 97 | font-size: 1.6rem; 98 | color: #fff; 99 | } 100 | 101 | .header .navbar a:hover { 102 | color: var(--main-color); 103 | border-bottom: 0.1rem solid var(--main-color); 104 | padding-bottom: 0.5rem; 105 | } 106 | 107 | .header .icons div { 108 | color: #fff; 109 | cursor: pointer; 110 | font-size: 2.5rem; 111 | margin-left: 2rem; 112 | } 113 | 114 | .header .icons div:hover { 115 | color: var(--main-color); 116 | } 117 | 118 | #menu-btn { 119 | display: none; 120 | } 121 | 122 | .header .search-form { 123 | position: absolute; 124 | top: 115%; 125 | right: 7%; 126 | background: #fff; 127 | width: 50rem; 128 | height: 5rem; 129 | display: flex; 130 | align-items: center; 131 | transform: scaleY(0); 132 | transform-origin: top; 133 | } 134 | 135 | .header .search-form.active { 136 | transform: scaleY(1); 137 | } 138 | 139 | .header .search-form input { 140 | height: 100%; 141 | width: 100%; 142 | font-size: 1.6rem; 143 | color: var(--black); 144 | padding: 1rem; 145 | text-transform: none; 146 | } 147 | 148 | .header .search-form label { 149 | cursor: pointer; 150 | font-size: 2.2rem; 151 | margin-right: 1.5rem; 152 | color: var(--black); 153 | } 154 | 155 | .header .search-form label:hover { 156 | color: var(--main-color); 157 | } 158 | 159 | .header .cart-items-container { 160 | position: absolute; 161 | top: 100%; 162 | right: -100%; 163 | height: calc(100vh - 9.5rem); 164 | width: 35rem; 165 | background: #fff; 166 | padding: 0 1.5rem; 167 | } 168 | 169 | .header .cart-items-container.active { 170 | right: 0; 171 | } 172 | 173 | .header .cart-items-container .cart-item { 174 | position: relative; 175 | margin: 2rem 0; 176 | display: flex; 177 | align-items: center; 178 | gap: 1.5rem; 179 | } 180 | 181 | .header .cart-items-container .cart-item .fa-times { 182 | position: absolute; 183 | top: 1rem; 184 | right: 0; 185 | font-size: 2rem; 186 | cursor: pointer; 187 | color: var(--black); 188 | } 189 | 190 | .header .cart-items-container .cart-item .fa-times:hover { 191 | color: var(--main-color); 192 | } 193 | 194 | .header .cart-items-container .cart-item img { 195 | height: 7rem; 196 | } 197 | 198 | .header .cart-items-container .cart-item .content h3 { 199 | font-size: 2rem; 200 | color: var(--black); 201 | padding-bottom: 0.5rem; 202 | } 203 | 204 | .header .cart-items-container .cart-item .content .price { 205 | font-size: 1.5rem; 206 | color: var(--main-color); 207 | } 208 | 209 | .header .cart-items-container .btn { 210 | width: 100%; 211 | text-align: center; 212 | } 213 | 214 | .home { 215 | min-height: 100vh; 216 | display: flex; 217 | align-items: center; 218 | background: url(../images/home-img.jpeg) no-repeat; 219 | background-size: cover; 220 | background-position: center; 221 | } 222 | 223 | .home .content { 224 | max-width: 60rem; 225 | } 226 | 227 | .home .content h3 { 228 | font-size: 6rem; 229 | text-transform: uppercase; 230 | color: #fff; 231 | } 232 | 233 | .home .content p { 234 | font-size: 2rem; 235 | font-weight: lighter; 236 | line-height: 1.8; 237 | padding: 1rem 0; 238 | color: #fff; 239 | } 240 | 241 | .about { 242 | min-height: 100vh; 243 | } 244 | 245 | .about .row { 246 | display: flex; 247 | align-items: center; 248 | background: var(--black); 249 | flex-wrap: wrap; 250 | } 251 | 252 | .about .row .image { 253 | flex: 1 1 45rem; 254 | } 255 | 256 | .about .row .image img { 257 | width: 100%; 258 | } 259 | 260 | .about .row .content { 261 | flex: 1 1 45rem; 262 | padding: 2rem; 263 | } 264 | 265 | .about .row .content h3 { 266 | font-size: 3rem; 267 | color: #fff; 268 | } 269 | 270 | .about .row .content p { 271 | font-size: 1.6rem; 272 | color: #ccc; 273 | padding: 1rem 0; 274 | line-height: 1.8; 275 | } 276 | 277 | .menu .box-container { 278 | display: grid; 279 | grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); 280 | gap: 1.5rem; 281 | } 282 | 283 | .menu .box-container .box { 284 | padding: 5rem; 285 | text-align: center; 286 | border: var(--border); 287 | } 288 | 289 | .menu .box-container .box img { 290 | height: 10rem; 291 | } 292 | 293 | .menu .box-container .box h3 { 294 | color: #fff; 295 | font-size: 2rem; 296 | padding: 1rem 0; 297 | } 298 | 299 | .menu .box-container .box .price { 300 | color: #fff; 301 | font-size: 2.5rem; 302 | padding: .5rem 0; 303 | } 304 | 305 | .menu .box-container .box .price span { 306 | font-size: 1.5rem; 307 | text-decoration: line-through; 308 | font-weight: lighter; 309 | } 310 | 311 | .menu .box-container .box:hover { 312 | background: #fff; 313 | } 314 | 315 | .menu .box-container .box:hover > * { 316 | color: var(--black); 317 | } 318 | 319 | .products .box-container { 320 | display: grid; 321 | grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); 322 | gap: 1.5rem; 323 | } 324 | 325 | .products .box-container .box { 326 | text-align: center; 327 | border: var(--border); 328 | padding: 2rem; 329 | } 330 | 331 | .products .box-container .box .icons a { 332 | height: 5rem; 333 | width: 5rem; 334 | line-height: 5rem; 335 | font-size: 2rem; 336 | border: var(--border); 337 | color: #fff; 338 | margin: 3rem; 339 | } 340 | 341 | .products .box-container .box .icons a:hover { 342 | background: var(--main-color); 343 | } 344 | 345 | .products .box-container .box .image { 346 | padding: 2.5rem 0; 347 | } 348 | 349 | .products .box-container .box .image img { 350 | height: 25rem; 351 | } 352 | 353 | .products .box-container .box .content h3{ 354 | color: #fff; 355 | font-size: 2.5rem; 356 | } 357 | 358 | .products .box-container .box .content .stars { 359 | padding: 1.5rem; 360 | } 361 | 362 | .products .box-container .box .content .stars i { 363 | font-size: 1.7rem; 364 | color: var(--main-color); 365 | } 366 | 367 | .products .box-container .box .content .price { 368 | color: #fff; 369 | font-size: 2.5rem; 370 | } 371 | 372 | .products .box-container .box .content .price span { 373 | text-decoration: line-through; 374 | font-weight: lighter; 375 | font-size: 1.5rem; 376 | } 377 | 378 | .review .box-container { 379 | display: grid; 380 | grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); 381 | gap: 1.5rem; 382 | } 383 | 384 | .review .box-container .box { 385 | border: var(--border); 386 | text-align: center; 387 | padding: 3rem 2rem; 388 | } 389 | 390 | .review .box-container .box p { 391 | font-size: 1.5rem; 392 | line-height: 1.8; 393 | color: #ccc; 394 | padding: 2rem 0; 395 | } 396 | 397 | .review .box-container .box .user { 398 | height: 7rem; 399 | width: 7rem; 400 | border-radius: 50%; 401 | object-fit: cover; 402 | } 403 | 404 | .review .box-container .box h3 { 405 | padding: 1rem 0; 406 | font-size: 2rem; 407 | color: #fff; 408 | } 409 | 410 | .review .box-container .box .stars i { 411 | font-size: 1.5rem; 412 | color: var(--main-color); 413 | } 414 | 415 | .contact .row { 416 | display: flex; 417 | background: var(--black); 418 | flex-wrap: wrap; 419 | gap: 1rem; 420 | } 421 | 422 | .contact .row .map { 423 | flex: 1 1 45rem; 424 | width: 100%; 425 | object-fit: cover; 426 | } 427 | 428 | .contact .row form { 429 | flex: 1 1 45rem; 430 | padding: 5rem 2rem; 431 | text-align: center; 432 | } 433 | 434 | .contact .row form h3 { 435 | text-transform: uppercase; 436 | font-size: 3.5rem; 437 | color: #fff; 438 | } 439 | 440 | .contact .row form .inputBox { 441 | display: flex; 442 | align-items: center; 443 | margin-top: 2rem; 444 | margin-bottom: 2rem; 445 | background: var(--bg); 446 | border: var(--border); 447 | } 448 | 449 | .contact .row form .inputBox span { 450 | color: #fff; 451 | font-size: 2rem; 452 | padding-left: 2rem; 453 | } 454 | 455 | .contact .row form .inputBox input { 456 | width: 100%; 457 | padding: 2rem; 458 | font-size: 1.7rem; 459 | color: #fff; 460 | text-transform: none; 461 | background: none; 462 | } 463 | 464 | .blogs .box-container { 465 | display: grid; 466 | grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); 467 | gap: 1.5rem; 468 | } 469 | 470 | .blogs .box-container .box { 471 | border: var(--border); 472 | } 473 | 474 | .blogs .box-container .box .image { 475 | height: 25rem; 476 | overflow: hidden; 477 | width: 100%; 478 | } 479 | 480 | .blogs .box-container .box .image img { 481 | height: 100%; 482 | object-fit: cover; 483 | width: 100%; 484 | } 485 | 486 | .blogs .box-container .box:hover .image img { 487 | transform: scale(1.2); 488 | } 489 | 490 | .blogs .box-container .box .content { 491 | padding: 2rem; 492 | } 493 | 494 | .blogs .box-container .box .content .title { 495 | font-size: 2.5rem; 496 | line-height: 1.5; 497 | color: #fff; 498 | } 499 | 500 | .blogs .box-container .box .content .title:hover { 501 | color: var(--main-color); 502 | } 503 | 504 | .blogs .box-container .box .content span { 505 | color: var(--main-color); 506 | display: block; 507 | padding-top: 1rem; 508 | font-size: 2rem; 509 | } 510 | 511 | .blogs .box-container .box .content p { 512 | font-size: 1.6rem; 513 | line-height: 1.8; 514 | color: #ccc; 515 | padding: 1rem 0; 516 | } 517 | 518 | .footer { 519 | background: var(--black); 520 | text-align: center; 521 | } 522 | 523 | .footer .share { 524 | padding: 1rem 0; 525 | } 526 | 527 | .footer .share a { 528 | height: 5rem; 529 | width: 5rem; 530 | line-height: 5rem; 531 | font-size: 2rem; 532 | color: #fff; 533 | border: var(--border); 534 | margin: 0.3rem; 535 | border-radius: 50%; 536 | } 537 | 538 | .footer .share a:hover { 539 | background-color: var(--main-color); 540 | } 541 | 542 | .footer .links { 543 | display: flex; 544 | justify-content: center; 545 | flex-wrap: wrap; 546 | padding: 2rem 0; 547 | gap: 1rem; 548 | } 549 | 550 | .footer .links a { 551 | padding: 0.7rem 2rem; 552 | color: #fff; 553 | border: var(--border); 554 | font-size: 2rem; 555 | } 556 | 557 | .footer .links a:hover { 558 | background: var(--main-color); 559 | } 560 | 561 | .footer .copyright { 562 | font-size: 2rem; 563 | color: #fff; 564 | font-weight: lighter; 565 | padding: 1.5rem; 566 | } 567 | 568 | .footer .copyright a { 569 | color: #fff; 570 | } 571 | 572 | .footer .copyright a:hover { 573 | color: var(--main-color); 574 | } 575 | 576 | 577 | /* media queries */ 578 | 579 | @media (max-width: 991px) { 580 | 581 | html { 582 | font-size: 55%; 583 | } 584 | 585 | .header { 586 | padding: 1.5rem 2rem; 587 | } 588 | 589 | section { 590 | padding: 2rem; 591 | } 592 | } 593 | 594 | 595 | 596 | @media (max-width: 768px) { 597 | 598 | #menu-btn { 599 | display: inline-block; 600 | } 601 | 602 | .header .navbar { 603 | position: absolute; 604 | top: 100%; 605 | right: -100%; 606 | background: #fff; 607 | width: 30rem; 608 | height: calc(100vh - 9.5rem); 609 | } 610 | 611 | .header .navbar.active { 612 | right: 0; 613 | } 614 | 615 | .header .navbar a { 616 | color: var(--black); 617 | display: block; 618 | margin: 1.5rem; 619 | padding: 0.5rem; 620 | font-size: 2rem; 621 | } 622 | 623 | .header .search-form { 624 | width: 90%; 625 | right: 2rem; 626 | } 627 | 628 | .home { 629 | background-position: left; 630 | justify-content: center; 631 | text-align: center; 632 | } 633 | 634 | .home .content h3 { 635 | font-size: 4.5rem; 636 | } 637 | 638 | .home .content p { 639 | font-size: 1.5rem; 640 | } 641 | } 642 | 643 | 644 | 645 | @media (max-width: 450px) { 646 | 647 | html { 648 | font-size: 50%; 649 | } 650 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Cafena 10 | 11 | 12 | 13 | 14 | 15 |
16 | 19 | 28 |
29 | 30 |
31 | 32 |
33 | 34 |
35 | 36 | 37 |
38 | 39 |
40 |
41 | 42 | 43 |
44 |

cart item 01

45 |
$15.99/-
46 |
47 |
48 |
49 | 50 | 51 |
52 |

cart item 02

53 |
$15.99/-
54 |
55 |
56 |
57 | 58 | 59 |
60 |

cart item 03

61 |
$15.99/-
62 |
63 |
64 |
65 | 66 | 67 |
68 |

cart item 04

69 |
$15.99/-
70 |
71 |
72 | checkout now 73 |
74 |
75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 |
83 |
84 |

fresh coffe in the morning

85 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iusto commodi inventore neque suscipit. Fugiat, dolor!

86 | get yours now 87 |
88 |
89 | 90 | 91 | 92 | 93 | 94 |
95 |

about us

96 |
97 |
98 | 99 |
100 |
101 |

what makes our coffee special?

102 |

103 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus reiciendis, dignissimos consectetur maiores 104 | laborum placeat voluptas voluptate. Aliquam sed explicabo nam assumenda. Qui provident quidem aperiam quisquam nihil, 105 | incidunt architecto? 106 |

107 |

108 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique doloribus facere eum soluta debitis 109 | architecto iusto nobis eos iste culpa? 110 |

111 | learn more 112 |
113 |
114 |
115 | 116 | 117 | 118 | 119 | 120 | 161 | 162 | 163 | 164 | 165 | 166 |
167 |

our products

168 |
169 |
170 |
171 | 172 | 173 | 174 |
175 |
176 | 177 |
178 |
179 |

fresh coffee

180 |
181 | 182 | 183 | 184 | 185 | 186 |
187 |
$15.99 $20.99
188 |
189 |
190 |
191 |
192 | 193 | 194 | 195 |
196 |
197 | 198 |
199 |
200 |

fresh coffee

201 |
202 | 203 | 204 | 205 | 206 | 207 |
208 |
$15.99 $20.99
209 |
210 |
211 |
212 |
213 | 214 | 215 | 216 |
217 |
218 | 219 |
220 |
221 |

fresh coffee

222 |
223 | 224 | 225 | 226 | 227 | 228 |
229 |
$15.99 $20.99
230 |
231 |
232 |
233 |
234 | 235 | 236 | 237 | 238 | 239 |
240 |

customer's review

241 |
242 |
243 | 244 |

245 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam eaque perferendis cumque cupiditate 246 | totam officiis, omnis, vitae nam non eligendi ex! Blanditiis accusamus deleniti fugiat repudiandae, at nemo nihil unde. 247 |

248 | 249 |

john deo

250 |
251 | 252 | 253 | 254 | 255 | 256 |
257 |
258 |
259 | 260 |

261 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam eaque perferendis cumque cupiditate 262 | totam officiis, omnis, vitae nam non eligendi ex! Blanditiis accusamus deleniti fugiat repudiandae, at nemo nihil unde. 263 |

264 | 265 |

john deo

266 |
267 | 268 | 269 | 270 | 271 | 272 |
273 |
274 |
275 | 276 |

277 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam eaque perferendis cumque cupiditate 278 | totam officiis, omnis, vitae nam non eligendi ex! Blanditiis accusamus deleniti fugiat repudiandae, at nemo nihil unde. 279 |

280 | 281 |

john deo

282 |
283 | 284 | 285 | 286 | 287 | 288 |
289 |
290 |
291 |
292 | 293 | 294 | 295 | 296 | 297 |
298 |

contact us

299 |
300 | 301 |
302 |

get in touch

303 |
304 | 305 | 306 |
307 |
308 | 309 | 310 |
311 |
312 | 313 | 314 |
315 | 316 |
317 |
318 |
319 | 320 | 321 | 322 | 323 | 324 |
325 |

our blogs

326 |
327 |
328 |
329 | 330 |
331 |
332 | tasty and refreshing coffee 333 | by admin / 21st may, 2022 334 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Porro, culpa?

335 | read more 336 |
337 |
338 |
339 |
340 | 341 |
342 |
343 | tasty and refreshing coffee 344 | by admin / 21st may, 2022 345 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Porro, culpa?

346 | read more 347 |
348 |
349 |
350 |
351 | 352 |
353 |
354 | tasty and refreshing coffee 355 | by admin / 21st may, 2022 356 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Porro, culpa?

357 | read more 358 |
359 |
360 |
361 |
362 | 363 | 364 | 365 | 366 | 367 |
368 |
369 | 370 | 371 | 372 | 373 |
374 |
375 | home 376 | about 377 | menu 378 | products 379 | review 380 | contact 381 | blogs 382 |
383 |
created by Javohir
384 |
385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | --------------------------------------------------------------------------------