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

cart item 01

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

cart item 02

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

cart item 03

69 |
$15.99/-
70 |
71 |
72 |
73 | 74 | 75 |
76 |

cart item 04

77 |
$15.99/-
78 |
79 |
80 | checkout now 81 |
82 | 83 |
84 | 85 | 86 | 87 | 88 | 89 |
90 | 91 |
92 |

fresh coffee in the morning

93 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Placeat labore, sint cupiditate distinctio tempora reiciendis.

94 | get yours now 95 |
96 | 97 |
98 | 99 | 100 | 101 | 102 | 103 |
104 | 105 |

about us

106 | 107 |
108 | 109 |
110 | 111 |
112 | 113 |
114 |

what makes our coffee special?

115 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus qui ea ullam, enim tempora ipsum fuga alias quae ratione a officiis id temporibus autem? Quod nemo facilis cupiditate. Ex, vel?

116 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit amet enim quod veritatis, nihil voluptas culpa! Neque consectetur obcaecati sapiente?

117 | learn more 118 |
119 | 120 |
121 | 122 |
123 | 124 | 125 | 126 | 127 | 128 | 179 | 180 | 181 | 182 |
183 | 184 |

our products

185 | 186 |
187 | 188 |
189 |
190 | 191 | 192 | 193 |
194 |
195 | 196 |
197 |
198 |

fresh coffee

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

fresh coffee

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

fresh coffee

243 |
244 | 245 | 246 | 247 | 248 | 249 |
250 |
$15.99 $20.99
251 |
252 |
253 | 254 |
255 | 256 |
257 | 258 | 259 | 260 |
261 | 262 |

customer's review

263 | 264 |
265 | 266 |
267 | 268 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nulla sit libero nemo fuga sequi nobis? Necessitatibus aut laborum, nisi quas eaque laudantium consequuntur iste ex aliquam minus vel? Nemo.

269 | 270 |

john deo

271 |
272 | 273 | 274 | 275 | 276 | 277 |
278 |
279 | 280 |
281 | 282 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nulla sit libero nemo fuga sequi nobis? Necessitatibus aut laborum, nisi quas eaque laudantium consequuntur iste ex aliquam minus vel? Nemo.

283 | 284 |

john deo

285 |
286 | 287 | 288 | 289 | 290 | 291 |
292 |
293 | 294 |
295 | 296 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nulla sit libero nemo fuga sequi nobis? Necessitatibus aut laborum, nisi quas eaque laudantium consequuntur iste ex aliquam minus vel? Nemo.

297 | 298 |

john deo

299 |
300 | 301 | 302 | 303 | 304 | 305 |
306 |
307 | 308 |
309 | 310 |
311 | 312 | 313 | 314 | 315 | 316 |
317 | 318 |

contact us

319 | 320 |
321 | 322 | 323 | 324 |
325 |

get in touch

326 |
327 | 328 | 329 |
330 |
331 | 332 | 333 |
334 |
335 | 336 | 337 |
338 | 339 |
340 | 341 |
342 | 343 |
344 | 345 | 346 | 347 | 348 | 349 |
350 | 351 |

our blogs

352 | 353 |
354 | 355 |
356 |
357 | 358 |
359 |
360 | tasty and refreshing coffee 361 | by admin / 21st may, 2021 362 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, dicta.

363 | read more 364 |
365 |
366 | 367 |
368 |
369 | 370 |
371 |
372 | tasty and refreshing coffee 373 | by admin / 21st may, 2021 374 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, dicta.

375 | read more 376 |
377 |
378 | 379 |
380 |
381 | 382 |
383 |
384 | tasty and refreshing coffee 385 | by admin / 21st may, 2021 386 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, dicta.

387 | read more 388 |
389 |
390 | 391 |
392 | 393 |
394 | 395 | 396 | 397 | 398 | 399 |
400 | 401 |
402 | 403 | 404 | 405 | 406 | 407 |
408 | 409 |
410 | home 411 | about 412 | menu 413 | products 414 | review 415 | contact 416 | blogs 417 |
418 | 419 |
created by mr. web designer | all rights reserved
420 | 421 |
422 | 423 | 424 | 425 | 426 | 427 | 428 | 429 | 430 | 431 | 432 | 433 | 434 | 435 | 436 | 437 | 438 | 439 | 440 | 441 | 442 | 443 | 444 | 445 | --------------------------------------------------------------------------------