├── LICENSE.md ├── README.md ├── details.html ├── dist ├── css │ ├── main.css │ └── vendor │ │ ├── ajax-loader.gif │ │ ├── bootstrap.min.css │ │ ├── fonts │ │ ├── slick.eot │ │ ├── slick.svg │ │ ├── slick.ttf │ │ └── slick.woff │ │ ├── slick-theme.css │ │ └── slick.css ├── images │ ├── 01.jpg │ ├── 02.jpg │ ├── 03.jpg │ ├── 04.jpg │ ├── 05.jpg │ ├── authorsm.png │ ├── banner.jpg │ ├── blogd01.jpg │ ├── blogd02.jpg │ ├── category-01.jpg │ ├── category-02.jpg │ ├── category-03.jpg │ ├── cowner.png │ ├── detailsbanner.jpg │ ├── screenshot.jpeg │ ├── sm-01.jpg │ ├── sm-02.jpg │ ├── sm-03.jpg │ ├── sm-04.jpg │ ├── sm-05.jpg │ └── sm-06.jpg └── js │ ├── bootstrap.bundle.min.js │ ├── jquery-3.6.0.min.js │ ├── main.js │ ├── menu.js │ └── slick.min.js ├── index.html ├── screenshot.jpeg ├── search.html └── src └── scss ├── _reset.scss ├── _typography.scss ├── _variable.scss ├── main.scss └── pages ├── _blogdetails.scss ├── _blogysearch.scss ├── _index.scss └── _theme.scss /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Echotemplate.com 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [Templatecookie](https://templatecookie.com) 2 | Templatecookie.com creates quality templates and php scripts. Templatecookie has many free HTML & Figma templates available for professional use. Templatecookie is famous for its premium PHP Scripts available on [Codeanyon Marketplace](https://codecanyon.net/user/templatecookie). Browse [Templatecookie](https://templatecookie.com) today and discover awesome digital products. 3 | 4 | # [Blogy - Modern Blog Website HTML Template](https://www.templatecookie.com/products) 5 | 6 | > Blogy is a modern blog website HTML template with two different type of blog cards and also added blog details page. 7 | 8 | Check the [Live Demo here](https://blogy-modern-blog.netlify.app/). 9 | 10 |  11 | 12 | ## Pages List 13 | - Home (Landing Page) 14 | - Blog Details 15 | - Search 16 | 17 | ## Framework & Technologies 18 | - bootstrap 19 | - jQuery 20 | - scss 21 | 22 | ## Credits 23 | - Design & Developed by [Templatecookie](https://templatecookie.com) 24 | 25 | ## License 26 | The MIT License (MIT). Please see [License File](LICENSE.md) for more information. 27 | -------------------------------------------------------------------------------- /dist/css/main.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap"); 2 | body { 3 | font-family: 'Poppins', sans-serif; 4 | font-family: 'PT Serif', serif; 5 | } 6 | 7 | .fs-5 { 8 | font-size: 18px !important; 9 | } 10 | 11 | .fs-6 { 12 | font-size: 16px !important; 13 | } 14 | 15 | h3 { 16 | font-size: 64px; 17 | line-height: 72px; 18 | font-weight: 700; 19 | font-family: "PT Serif", serif; 20 | color: #272343; 21 | } 22 | 23 | h4 { 24 | font-size: 40px; 25 | line-height: 48px; 26 | font-weight: 700; 27 | font-family: "PT Serif", serif; 28 | color: #272343; 29 | } 30 | 31 | h5 { 32 | font-size: 32px; 33 | line-height: 38px; 34 | font-weight: 700; 35 | font-family: "PT Serif", serif; 36 | color: #272343; 37 | } 38 | 39 | h6 { 40 | font-size: 28px; 41 | line-height: 36px; 42 | font-weight: 700; 43 | font-family: "PT Serif", serif; 44 | color: #272343; 45 | } 46 | 47 | p { 48 | font-size: 16px; 49 | font-weight: 400; 50 | font-family: "Poppins", sans-serif; 51 | } 52 | 53 | @media (max-width: 420px) { 54 | h3 { 55 | font-size: 30px; 56 | line-height: 38px; 57 | } 58 | h4 { 59 | font-size: 28px; 60 | line-height: 36px; 61 | } 62 | h5 { 63 | font-size: 24px; 64 | } 65 | p { 66 | font-size: 14px; 67 | } 68 | .fs-6 { 69 | font-size: 14px !important; 70 | } 71 | } 72 | 73 | @media only screen and (min-width: 420px) and (max-width: 574px) { 74 | h3 { 75 | font-size: 30px; 76 | line-height: 38px; 77 | } 78 | h4 { 79 | font-size: 26px; 80 | line-height: 34px; 81 | } 82 | h5 { 83 | font-size: 22px; 84 | line-height: 30px; 85 | } 86 | } 87 | 88 | @media (min-width: 575px) and (max-width: 767px) { 89 | h3 { 90 | font-size: 30px; 91 | line-height: 38px; 92 | } 93 | h4 { 94 | font-size: 26px; 95 | line-height: 34px; 96 | } 97 | h5 { 98 | font-size: 22px; 99 | line-height: 30px; 100 | } 101 | } 102 | 103 | @media (min-width: 768px) and (max-width: 991px) { 104 | h3 { 105 | font-size: 34px; 106 | line-height: 42px; 107 | } 108 | h4 { 109 | font-size: 26px; 110 | line-height: 34px; 111 | } 112 | h5 { 113 | font-size: 22px; 114 | line-height: 30px; 115 | } 116 | } 117 | 118 | @media (min-width: 992px) and (max-width: 1200px) { 119 | h4 { 120 | font-size: 36px !important; 121 | } 122 | h6, 123 | h5 { 124 | font-size: 24px !important; 125 | } 126 | } 127 | 128 | * { 129 | margin: 0; 130 | padding: 0; 131 | outline: 0; 132 | -webkit-box-sizing: border-box; 133 | box-sizing: border-box; 134 | } 135 | 136 | html { 137 | scroll-behavior: smooth; 138 | } 139 | 140 | img { 141 | border: 0; 142 | outline: 0; 143 | max-width: 100%; 144 | vertical-align: middle; 145 | } 146 | 147 | a { 148 | text-decoration: none !important; 149 | } 150 | 151 | /* 152 | * ---------------------------------------------------------------------------------------- 153 | Author : Zakir Soft 154 | Template Name: Blogy HTML Template 155 | Version : 1.0 156 | * ---------------------------------------------------------------------------------------- 157 | */ 158 | .heading { 159 | margin-bottom: 50px; 160 | position: relative; 161 | padding-bottom: 10px; 162 | } 163 | 164 | .heading::after { 165 | position: absolute; 166 | content: ''; 167 | bottom: 0; 168 | left: 0; 169 | width: 112px; 170 | height: 4px; 171 | background-color: #FB743E; 172 | } 173 | 174 | .latest-post-area { 175 | background-color: #F5F5F5; 176 | } 177 | 178 | .latest-post-area .blog-item-info { 179 | background: #FFFFFF; 180 | } 181 | 182 | .all-post-area { 183 | background-color: #F5F5F5; 184 | } 185 | 186 | .all-post-area .blog-item-info { 187 | background: #FFFFFF; 188 | } 189 | 190 | .featured-category h6 { 191 | font-size: 20px; 192 | } 193 | 194 | .featured-category-item { 195 | margin-bottom: 8px; 196 | background-size: cover; 197 | background-position: center; 198 | background-repeat: no-repeat; 199 | padding: 20px; 200 | } 201 | 202 | .featured-category-item a { 203 | background: #FFFFFF; 204 | padding: 8px 18px; 205 | font-family: "Poppins", sans-serif; 206 | color: #272343; 207 | font-size: 14px; 208 | -webkit-transition: 0.3s all linear; 209 | transition: 0.3s all linear; 210 | } 211 | 212 | .featured-category-item a:hover { 213 | background-color: #FB743E; 214 | color: white; 215 | } 216 | 217 | .all-tags { 218 | margin-top: 24px; 219 | } 220 | 221 | .all-tags h6 { 222 | font-size: 20px; 223 | } 224 | 225 | .all-tags-list a { 226 | display: inline-block; 227 | padding: 8px 16px; 228 | background: rgba(39, 35, 67, 0.05); 229 | font-size: 16px; 230 | font-family: "Poppins", sans-serif; 231 | color: #272343; 232 | -webkit-transition: 0.3s all linear; 233 | transition: 0.3s all linear; 234 | } 235 | 236 | .all-tags-list a:hover { 237 | background-color: #FB743E; 238 | color: white; 239 | } 240 | 241 | .banner { 242 | overflow: hidden; 243 | } 244 | 245 | .banner-slider { 246 | height: 920px; 247 | display: -webkit-box; 248 | display: -ms-flexbox; 249 | display: flex; 250 | -webkit-box-align: center; 251 | -ms-flex-align: center; 252 | align-items: center; 253 | } 254 | 255 | .banner-content-main { 256 | padding: 60px 30px; 257 | background-color: #FFFFFF; 258 | } 259 | 260 | .banner-content-main span.fs-6 { 261 | padding-left: 32px; 262 | font-family: "Poppins", sans-serif; 263 | color: #272343; 264 | } 265 | 266 | .banner-content-main h4 { 267 | margin-bottom: 12px; 268 | font-size: 48px; 269 | } 270 | 271 | .banner-content-main h4 a { 272 | display: block; 273 | color: #272343; 274 | } 275 | 276 | .banner-content-main p { 277 | color: #6D7280; 278 | margin: 10px 0px 26px 0px; 279 | } 280 | 281 | .banner-content-main .btn-default { 282 | height: auto; 283 | padding: 12px 29px; 284 | } 285 | 286 | .blog-date { 287 | display: -webkit-box; 288 | display: -ms-flexbox; 289 | display: flex; 290 | -webkit-box-align: center; 291 | -ms-flex-align: center; 292 | align-items: center; 293 | } 294 | 295 | .blog-date span { 296 | font-size: 16px; 297 | color: #6D7280; 298 | font-family: "Poppins", sans-serif; 299 | } 300 | 301 | .blog-date-start { 302 | padding-right: 10px; 303 | position: relative; 304 | } 305 | 306 | .blog-date-start::after { 307 | position: absolute; 308 | content: ''; 309 | top: 50%; 310 | -webkit-transform: translateY(-50%); 311 | transform: translateY(-50%); 312 | right: -2px; 313 | width: 5px; 314 | height: 5px; 315 | background-color: #6D7280; 316 | border-radius: 50%; 317 | } 318 | 319 | .blog-date-end { 320 | padding-left: 10px; 321 | } 322 | 323 | .slick-dots { 324 | display: inline-block; 325 | width: auto; 326 | bottom: 18%; 327 | left: 65px; 328 | } 329 | 330 | .slick-dots li button::before { 331 | width: 10px; 332 | height: 10px; 333 | background-color: rgba(251, 116, 62, 0.5); 334 | border-radius: 50%; 335 | color: transparent; 336 | } 337 | 338 | .slick-dots li.slick-active button:before { 339 | opacity: 1; 340 | background-color: #FB743E; 341 | color: transparent; 342 | } 343 | 344 | .slick-prev, 345 | .slick-next { 346 | top: 80%; 347 | height: 54px; 348 | width: 54px; 349 | background-color: #FFFFFF; 350 | border-radius: 50%; 351 | } 352 | 353 | .slick-prev:before, 354 | .slick-next:before { 355 | color: #272343; 356 | } 357 | 358 | .slick-prev { 359 | left: 0; 360 | -webkit-transition: 0.3s all linear; 361 | transition: 0.3s all linear; 362 | } 363 | 364 | .slick-prev:hover::before { 365 | color: white; 366 | } 367 | 368 | .slick-next { 369 | left: 155px; 370 | -webkit-transition: 0.3s all linear; 371 | transition: 0.3s all linear; 372 | } 373 | 374 | .slick-next:hover::before { 375 | color: white; 376 | } 377 | 378 | .slick-prev:hover, 379 | .slick-prev:focus, 380 | .slick-next:hover, 381 | .slick-next:focus { 382 | background-color: #FB743E; 383 | } 384 | 385 | @media (max-width: 420px) { 386 | .heading { 387 | margin-bottom: 30px; 388 | } 389 | .all-tags-list li { 390 | margin-bottom: 10px; 391 | } 392 | .banner-content-main h4 { 393 | font-size: 32px; 394 | } 395 | .banner-content-main { 396 | padding: 30px 20px; 397 | } 398 | .slick-dots li button::before { 399 | background-color: white !important; 400 | } 401 | .banner-slider { 402 | height: auto; 403 | padding: 30px 0px 60px 0px; 404 | } 405 | .slick-prev, 406 | .slick-next { 407 | top: 95%; 408 | } 409 | .slick-prev { 410 | left: 10%; 411 | } 412 | .slick-next { 413 | right: 10% !important; 414 | left: auto; 415 | } 416 | .slick-dots { 417 | bottom: 2%; 418 | left: 50% !important; 419 | -webkit-transform: translateX(-50%); 420 | transform: translateX(-50%); 421 | } 422 | .slick-list { 423 | margin-bottom: 30px; 424 | } 425 | } 426 | 427 | @media only screen and (min-width: 420px) and (max-width: 574px) { 428 | .heading { 429 | margin-bottom: 30px; 430 | } 431 | .all-tags-list li { 432 | margin-bottom: 10px; 433 | } 434 | .banner-content-main h4 { 435 | font-size: 32px; 436 | } 437 | .banner-content-main { 438 | padding: 30px 20px; 439 | } 440 | .slick-dots li button::before { 441 | background-color: white !important; 442 | } 443 | .banner-slider { 444 | height: auto; 445 | padding: 30px 0px 60px 0px; 446 | } 447 | .slick-prev, 448 | .slick-next { 449 | top: 95%; 450 | } 451 | .slick-prev { 452 | left: 10%; 453 | } 454 | .slick-next { 455 | right: 10% !important; 456 | left: auto; 457 | } 458 | .slick-dots { 459 | bottom: 2%; 460 | left: 50% !important; 461 | -webkit-transform: translateX(-50%); 462 | transform: translateX(-50%); 463 | } 464 | .slick-list { 465 | margin-bottom: 30px; 466 | } 467 | } 468 | 469 | @media (min-width: 575px) and (max-width: 767px) { 470 | .heading { 471 | margin-bottom: 30px; 472 | } 473 | .banner-content-main h4 { 474 | font-size: 32px; 475 | } 476 | .banner-content-main { 477 | padding: 30px 20px; 478 | } 479 | .slick-dots li button::before { 480 | background-color: white !important; 481 | } 482 | .banner-slider { 483 | height: auto; 484 | padding: 30px 0px 60px 0px; 485 | } 486 | .slick-prev, 487 | .slick-next { 488 | top: 95%; 489 | } 490 | .slick-prev { 491 | left: 10%; 492 | } 493 | .slick-next { 494 | right: 10% !important; 495 | left: auto; 496 | } 497 | .slick-dots { 498 | bottom: 2%; 499 | left: 50% !important; 500 | -webkit-transform: translateX(-50%); 501 | transform: translateX(-50%); 502 | } 503 | .slick-list { 504 | margin-bottom: 30px; 505 | } 506 | } 507 | 508 | @media (min-width: 768px) and (max-width: 991px) { 509 | .heading { 510 | margin-bottom: 40px; 511 | } 512 | .slick-list { 513 | padding-bottom: 120px; 514 | } 515 | .banner-content-main h4 { 516 | line-height: 56px; 517 | } 518 | .banner-slider { 519 | height: 90vh; 520 | } 521 | .slick-dots li button::before { 522 | background-color: white !important; 523 | } 524 | } 525 | 526 | @media (min-width: 992px) and (max-width: 1200px) { 527 | .all-tags-list li { 528 | margin-bottom: 10px; 529 | } 530 | } 531 | 532 | .search-area { 533 | padding: 150px 0px 100px 0px; 534 | background-color: #F5F5F5; 535 | } 536 | 537 | .search-area h4 { 538 | margin-bottom: 30px; 539 | } 540 | 541 | .search-area .form { 542 | display: -webkit-box; 543 | display: -ms-flexbox; 544 | display: flex; 545 | -webkit-box-align: center; 546 | -ms-flex-align: center; 547 | align-items: center; 548 | -webkit-box-pack: center; 549 | -ms-flex-pack: center; 550 | justify-content: center; 551 | } 552 | 553 | .search-area-input { 554 | position: relative; 555 | } 556 | 557 | .search-area-input input { 558 | padding-left: 68px; 559 | height: 66px; 560 | width: 770px; 561 | border: 2px solid transparent; 562 | font-family: "Poppins", sans-serif; 563 | margin-right: 8px; 564 | -webkit-transition: 0.3s all linear; 565 | transition: 0.3s all linear; 566 | } 567 | 568 | .search-area-input input:focus { 569 | border: 2px solid #FB743E; 570 | } 571 | 572 | .search-area-input svg { 573 | position: absolute; 574 | top: 50%; 575 | -webkit-transform: translateY(-50%); 576 | transform: translateY(-50%); 577 | left: 30px; 578 | color: #272343; 579 | } 580 | 581 | @media (max-width: 991px) { 582 | .search-area { 583 | padding: 30px 0px; 584 | } 585 | .search-area .form { 586 | -webkit-box-orient: vertical; 587 | -webkit-box-direction: normal; 588 | -ms-flex-direction: column; 589 | flex-direction: column; 590 | -webkit-box-align: start; 591 | -ms-flex-align: start; 592 | align-items: flex-start; 593 | } 594 | .search-area .form .btn-default { 595 | height: 55px; 596 | width: 100%; 597 | } 598 | .search-area-input { 599 | width: 100%; 600 | margin-bottom: 15px; 601 | } 602 | .search-area-input input { 603 | width: 100% !important; 604 | margin-right: 0; 605 | height: 60px; 606 | } 607 | } 608 | 609 | @media (min-width: 992px) and (max-width: 1200px) { 610 | footer .footer-wizard-form { 611 | -webkit-box-orient: vertical; 612 | -webkit-box-direction: normal; 613 | -ms-flex-direction: column; 614 | flex-direction: column; 615 | -webkit-box-align: start !important; 616 | -ms-flex-align: start !important; 617 | align-items: flex-start !important; 618 | } 619 | footer .footer-wizard-form input { 620 | margin-bottom: 15px; 621 | } 622 | } 623 | 624 | .blog-intro { 625 | margin-top: -130px; 626 | } 627 | 628 | .blog-intro-area { 629 | padding: 40px; 630 | background-color: white; 631 | -webkit-box-shadow: 20px 50px 114px rgba(0, 0, 0, 0.05); 632 | box-shadow: 20px 50px 114px rgba(0, 0, 0, 0.05); 633 | } 634 | 635 | .blog-intro-area span.has-line { 636 | padding-left: 32px; 637 | color: #272343; 638 | font-weight: 400; 639 | font-family: "Poppins", sans-serif; 640 | } 641 | 642 | .blog-intro-area h3 { 643 | margin-bottom: 20px; 644 | } 645 | 646 | .blog-intro-area h3 a { 647 | color: #272343; 648 | display: block; 649 | } 650 | 651 | .blog-intro-area-bottom { 652 | display: -webkit-box; 653 | display: -ms-flexbox; 654 | display: flex; 655 | -webkit-box-align: center; 656 | -ms-flex-align: center; 657 | align-items: center; 658 | -webkit-box-pack: justify; 659 | -ms-flex-pack: justify; 660 | justify-content: space-between; 661 | } 662 | 663 | .blog-intro-area-bottom .intro-start { 664 | display: -webkit-box; 665 | display: -ms-flexbox; 666 | display: flex; 667 | -webkit-box-align: center; 668 | -ms-flex-align: center; 669 | align-items: center; 670 | } 671 | 672 | .blog-intro-area-bottom .intro-start-author { 673 | display: -webkit-box; 674 | display: -ms-flexbox; 675 | display: flex; 676 | -webkit-box-align: center; 677 | -ms-flex-align: center; 678 | align-items: center; 679 | } 680 | 681 | .blog-intro-area-bottom .intro-start-author img { 682 | max-width: 100%; 683 | border-radius: 50%; 684 | -o-object-fit: cover; 685 | object-fit: cover; 686 | } 687 | 688 | .blog-intro-area-bottom .intro-start-author .author-image { 689 | width: 40px; 690 | height: 40px; 691 | margin-right: 12px; 692 | } 693 | 694 | .blog-intro-area-bottom .intro-start-author a { 695 | font-family: "Poppins", sans-serif; 696 | color: #272343; 697 | font-weight: 400; 698 | } 699 | 700 | .blog-intro-area-bottom .intro-start .dot { 701 | margin: 0 20px; 702 | } 703 | 704 | .blog-intro-area-bottom .intro-start-time { 705 | font-size: 16px; 706 | font-weight: 400; 707 | font-family: "Poppins", sans-serif; 708 | color: #6D7280; 709 | } 710 | 711 | .blogy-counts { 712 | margin-bottom: 35px; 713 | display: -webkit-box; 714 | display: -ms-flexbox; 715 | display: flex; 716 | -webkit-box-align: center; 717 | -ms-flex-align: center; 718 | align-items: center; 719 | } 720 | 721 | .blogy-counts svg { 722 | margin-right: 10px; 723 | color: #FB743E; 724 | } 725 | 726 | .blogy-counts span { 727 | font-size: 15px; 728 | color: #494B5C; 729 | font-weight: 400; 730 | font-family: "Poppins", sans-serif; 731 | } 732 | 733 | .blog-article-end h4 { 734 | margin-bottom: 10px; 735 | } 736 | 737 | .blog-article-end p { 738 | margin-bottom: 20px; 739 | font-size: 18px; 740 | line-height: 27px; 741 | color: #494B5C; 742 | } 743 | 744 | .blog-article-end p a { 745 | color: #0A81D8; 746 | } 747 | 748 | .blog-article-end-feature { 749 | margin-bottom: 40px; 750 | } 751 | 752 | .blog-article-end-feature p { 753 | padding-top: 12px; 754 | padding-bottom: 12px; 755 | font-size: 22px; 756 | line-height: 30px; 757 | padding-left: 24px; 758 | position: relative; 759 | } 760 | 761 | .blog-article-end-feature p::before { 762 | position: absolute; 763 | content: ''; 764 | top: 0; 765 | left: 0; 766 | background-color: #FB743E; 767 | height: 100%; 768 | width: 3px; 769 | } 770 | 771 | .blog-article-end h6 { 772 | margin-bottom: 32px; 773 | } 774 | 775 | .blog-article-end img { 776 | margin-bottom: 32px; 777 | } 778 | 779 | .blog-article-end span.lead { 780 | font-size: 24px; 781 | color: #272343; 782 | font-weight: 400; 783 | font-family: "PT Serif", serif; 784 | margin-bottom: 8px; 785 | } 786 | 787 | .blog-article-end-bottom { 788 | border-top: 1px solid rgba(109, 114, 128, 0.2); 789 | border-bottom: 1px solid rgba(109, 114, 128, 0.2); 790 | margin-top: 80px; 791 | padding: 40px 80px; 792 | display: -webkit-box; 793 | display: -ms-flexbox; 794 | display: flex; 795 | -webkit-box-align: center; 796 | -ms-flex-align: center; 797 | align-items: center; 798 | -ms-flex-pack: distribute; 799 | justify-content: space-around; 800 | } 801 | 802 | .blog-article-end-bottom button { 803 | border-color: transparent; 804 | display: -webkit-box; 805 | display: -ms-flexbox; 806 | display: flex; 807 | -webkit-box-align: center; 808 | -ms-flex-align: center; 809 | align-items: center; 810 | font-size: 16px; 811 | } 812 | 813 | .blog-article-end-bottom button svg { 814 | margin-right: 8px; 815 | } 816 | 817 | .blog-article-end-bottom .btn-default { 818 | height: 50px; 819 | padding: 0px 120px; 820 | } 821 | 822 | .blog-article-end-bottom span { 823 | color: #272343; 824 | font-size: 16px; 825 | font-weight: 400; 826 | font-family: "Poppins", sans-serif; 827 | } 828 | 829 | .blog-item-feature { 830 | padding-bottom: 100px; 831 | } 832 | 833 | .blog-item-feature-heading { 834 | margin-bottom: 50px; 835 | display: -webkit-box; 836 | display: -ms-flexbox; 837 | display: flex; 838 | -webkit-box-align: center; 839 | -ms-flex-align: center; 840 | align-items: center; 841 | -webkit-box-pack: justify; 842 | -ms-flex-pack: justify; 843 | justify-content: space-between; 844 | } 845 | 846 | .blog-item-feature-heading h4 { 847 | padding-bottom: 10px; 848 | position: relative; 849 | } 850 | 851 | .blog-item-feature-heading h4::after { 852 | position: absolute; 853 | content: ''; 854 | bottom: 0; 855 | left: 0; 856 | background-color: #FB743E; 857 | width: 112px; 858 | height: 4px; 859 | } 860 | 861 | .blog-item-feature-heading a { 862 | font-weight: 600; 863 | font-family: "Poppins", sans-serif; 864 | color: #272343; 865 | font-size: 16px; 866 | -webkit-transition: 0.3s all linear; 867 | transition: 0.3s all linear; 868 | } 869 | 870 | .blog-item-feature-heading a:hover { 871 | color: #FB743E; 872 | } 873 | 874 | .comments-area { 875 | padding-bottom: 100px; 876 | } 877 | 878 | .comments-area h5 { 879 | margin-bottom: 20px; 880 | } 881 | 882 | .comments-area input { 883 | height: 56px; 884 | border-radius: 0px; 885 | background: #F5F5F5; 886 | font-family: "Poppins", sans-serif; 887 | border-color: transparent; 888 | -webkit-transition: 0.3s all linear; 889 | transition: 0.3s all linear; 890 | } 891 | 892 | .comments-area input:focus { 893 | border-color: #FB743E; 894 | -webkit-box-shadow: none; 895 | box-shadow: none; 896 | } 897 | 898 | .comments-area textarea { 899 | height: 160px; 900 | margin: 24px 0px; 901 | resize: none; 902 | border-radius: 0px; 903 | background: #F5F5F5; 904 | font-family: "Poppins", sans-serif; 905 | border-color: transparent; 906 | -webkit-transition: 0.3s all linear; 907 | transition: 0.3s all linear; 908 | } 909 | 910 | .comments-area textarea:focus { 911 | border-color: #FB743E; 912 | -webkit-box-shadow: none; 913 | box-shadow: none; 914 | } 915 | 916 | .comments-area button { 917 | border-color: transparent; 918 | } 919 | 920 | .comments-area .btn-default { 921 | height: 48px; 922 | } 923 | 924 | .comments-area-content { 925 | margin-top: 70px; 926 | } 927 | 928 | .comments-area-content h5 { 929 | margin-bottom: 20px; 930 | } 931 | 932 | .comments-area-content h5 span { 933 | color: #6D7280; 934 | font-weight: 400 !important; 935 | } 936 | 937 | .comments-area-content .comments { 938 | margin-bottom: 24px; 939 | padding-bottom: 24px; 940 | border-bottom: 1px solid rgba(109, 114, 128, 0.2); 941 | } 942 | 943 | .comments-area-content .comments-owner { 944 | margin-bottom: 12px; 945 | display: -webkit-box; 946 | display: -ms-flexbox; 947 | display: flex; 948 | -webkit-box-align: center; 949 | -ms-flex-align: center; 950 | align-items: center; 951 | } 952 | 953 | .comments-area-content .comments-owner-image { 954 | margin-right: 12px; 955 | width: 40px; 956 | height: 40px; 957 | } 958 | 959 | .comments-area-content .comments-owner-image img { 960 | border-radius: 50%; 961 | -o-object-fit: cover; 962 | object-fit: cover; 963 | max-width: 100%; 964 | } 965 | 966 | .comments-area-content .comments-owner-text p { 967 | margin-bottom: 0; 968 | } 969 | 970 | .comments-area-content .comments-owner-text p a { 971 | font-weight: 500; 972 | color: #272343; 973 | } 974 | 975 | .comments-area-content .comments-owner-text span { 976 | font-size: 15px; 977 | color: #6D7280; 978 | font-family: "Poppins", sans-serif; 979 | } 980 | 981 | .comments-area-content .comments p { 982 | font-size: 17px; 983 | color: #6D7280; 984 | margin-bottom: 0; 985 | } 986 | 987 | @media (max-width: 991px) { 988 | .blog-intro { 989 | margin-top: 0; 990 | } 991 | .blog-intro-area-bottom { 992 | -webkit-box-orient: vertical; 993 | -webkit-box-direction: normal; 994 | -ms-flex-direction: column; 995 | flex-direction: column; 996 | -webkit-box-align: start !important; 997 | -ms-flex-align: start !important; 998 | align-items: flex-start !important; 999 | } 1000 | .blog-intro-area-bottom .intro-start { 1001 | -webkit-box-orient: vertical; 1002 | -webkit-box-direction: normal; 1003 | -ms-flex-direction: column; 1004 | flex-direction: column; 1005 | -webkit-box-align: start !important; 1006 | -ms-flex-align: start !important; 1007 | align-items: flex-start !important; 1008 | } 1009 | .blog-intro-area-bottom .intro-start .dot { 1010 | margin-left: 0 !important; 1011 | } 1012 | .blog-intro-area-bottom .intro-start-release { 1013 | margin: 15px 0px; 1014 | -webkit-box-orient: vertical; 1015 | -webkit-box-direction: normal; 1016 | -ms-flex-direction: column; 1017 | flex-direction: column; 1018 | } 1019 | .blog-article-end-bottom { 1020 | -webkit-box-orient: vertical; 1021 | -webkit-box-direction: normal; 1022 | -ms-flex-direction: column; 1023 | flex-direction: column; 1024 | margin-top: 50px; 1025 | } 1026 | .blog-article-end-bottom span { 1027 | margin-right: 0 !important; 1028 | margin-bottom: 10px; 1029 | margin-top: 10px; 1030 | } 1031 | .blog-article-end-bottom .social-links { 1032 | display: -webkit-box; 1033 | display: -ms-flexbox; 1034 | display: flex; 1035 | } 1036 | .blog-item-feature-heading { 1037 | -webkit-box-orient: vertical; 1038 | -webkit-box-direction: normal; 1039 | -ms-flex-direction: column; 1040 | flex-direction: column; 1041 | -webkit-box-align: start; 1042 | -ms-flex-align: start; 1043 | align-items: flex-start; 1044 | margin-bottom: 15px; 1045 | } 1046 | .blog-item-feature-heading a { 1047 | margin-top: 10px; 1048 | } 1049 | .comments-area-content { 1050 | margin-top: 30px; 1051 | } 1052 | .blog-item-feature, 1053 | .comments-area { 1054 | padding-bottom: 30px; 1055 | } 1056 | .blog-article-end p, 1057 | .comments-area-content .comments p { 1058 | font-size: 14px; 1059 | } 1060 | } 1061 | 1062 | @media (min-width: 992px) and (max-width: 1200px) { 1063 | .blog-article-end-bottom { 1064 | -webkit-box-orient: vertical; 1065 | -webkit-box-direction: normal; 1066 | -ms-flex-direction: column; 1067 | flex-direction: column; 1068 | } 1069 | .blog-article-end-bottom .btn-default { 1070 | margin-bottom: 20px; 1071 | } 1072 | } 1073 | 1074 | ::-moz-selection { 1075 | background-color: #FB743E; 1076 | color: white; 1077 | } 1078 | 1079 | ::selection { 1080 | background-color: #FB743E; 1081 | color: white; 1082 | } 1083 | 1084 | .section-padding { 1085 | padding: 100px 0px; 1086 | } 1087 | 1088 | ::-webkit-input-placeholder { 1089 | font-family: "Poppins", sans-serif !important; 1090 | } 1091 | 1092 | :-ms-input-placeholder { 1093 | font-family: "Poppins", sans-serif !important; 1094 | } 1095 | 1096 | ::-ms-input-placeholder { 1097 | font-family: "Poppins", sans-serif !important; 1098 | } 1099 | 1100 | ::placeholder { 1101 | font-family: "Poppins", sans-serif !important; 1102 | } 1103 | 1104 | .mt-25 { 1105 | margin-top: 25px; 1106 | } 1107 | 1108 | .my-250 { 1109 | margin: 250px 0px; 1110 | } 1111 | 1112 | .has-line { 1113 | position: relative; 1114 | } 1115 | 1116 | .has-line::after { 1117 | position: absolute; 1118 | content: ''; 1119 | top: 50%; 1120 | -webkit-transform: translateY(-50%); 1121 | transform: translateY(-50%); 1122 | left: 0; 1123 | background-color: #FB743E; 1124 | height: 2px; 1125 | width: 24px; 1126 | } 1127 | 1128 | .dot { 1129 | background-color: #6D7280; 1130 | width: 5px; 1131 | height: 5px; 1132 | border-radius: 50%; 1133 | display: inline-block; 1134 | } 1135 | 1136 | .btn-default { 1137 | height: 66px; 1138 | padding: 0px 40px; 1139 | background-color: #FB743E; 1140 | color: white; 1141 | border-radius: 0px; 1142 | font-family: "Poppins", sans-serif; 1143 | font-weight: 500; 1144 | font-size: 16px; 1145 | -webkit-transition: 0.3s all linear; 1146 | transition: 0.3s all linear; 1147 | } 1148 | 1149 | .btn-default:hover { 1150 | color: #272343; 1151 | } 1152 | 1153 | .btn-default-sm { 1154 | height: 50px; 1155 | padding: 0 22px; 1156 | } 1157 | 1158 | .btn-link { 1159 | padding: 0; 1160 | color: #272343; 1161 | font-weight: 500; 1162 | font-family: "Poppins", sans-serif; 1163 | font-size: 16px; 1164 | } 1165 | 1166 | .btn-link svg { 1167 | margin-left: 8px; 1168 | color: #272343; 1169 | } 1170 | 1171 | .btn-link:hover { 1172 | color: #FB743E; 1173 | } 1174 | 1175 | .btn-link:hover svg { 1176 | color: #FB743E; 1177 | margin-left: 10px; 1178 | } 1179 | 1180 | .social-links a { 1181 | height: 40px; 1182 | width: 40px; 1183 | background-color: #F5F5F5; 1184 | border-radius: 50%; 1185 | display: -webkit-box; 1186 | display: -ms-flexbox; 1187 | display: flex; 1188 | -webkit-box-align: center; 1189 | -ms-flex-align: center; 1190 | align-items: center; 1191 | -webkit-box-pack: center; 1192 | -ms-flex-pack: center; 1193 | justify-content: center; 1194 | color: #272343; 1195 | border: 1px solid transparent; 1196 | -webkit-transition: 0.3s all linear; 1197 | transition: 0.3s all linear; 1198 | } 1199 | 1200 | .social-links a:hover { 1201 | color: white; 1202 | border-color: #FB743E; 1203 | background-color: #FB743E; 1204 | } 1205 | 1206 | .header { 1207 | overflow: hidden !important; 1208 | display: -webkit-box; 1209 | display: -ms-flexbox; 1210 | display: flex; 1211 | -webkit-box-align: center; 1212 | -ms-flex-align: center; 1213 | align-items: center; 1214 | -webkit-box-pack: justify; 1215 | -ms-flex-pack: justify; 1216 | justify-content: space-between; 1217 | padding: 16px 0px; 1218 | } 1219 | 1220 | .header .menu-btn { 1221 | position: relative; 1222 | display: none; 1223 | -webkit-box-align: center; 1224 | -ms-flex-align: center; 1225 | align-items: center; 1226 | -webkit-box-pack: center; 1227 | -ms-flex-pack: center; 1228 | justify-content: center; 1229 | width: 1.5rem; 1230 | height: 1.5rem; 1231 | cursor: pointer; 1232 | z-index: 1; 1233 | } 1234 | 1235 | .header .menu-btn-lines, .header .menu-btn-lines::after, .header .menu-btn-lines::before { 1236 | width: 1.5rem; 1237 | height: 0.1rem; 1238 | background-color: #FB743E; 1239 | -webkit-transition: all 0.3s ease-in-out; 1240 | transition: all 0.3s ease-in-out; 1241 | } 1242 | 1243 | .header .menu-btn-lines::after, .header .menu-btn-lines::before { 1244 | content: ''; 1245 | position: absolute; 1246 | } 1247 | 1248 | .header .menu-btn-lines::after { 1249 | -webkit-transform: translateY(-0.5rem); 1250 | transform: translateY(-0.5rem); 1251 | } 1252 | 1253 | .header .menu-btn-lines::before { 1254 | -webkit-transform: translateY(0.5rem); 1255 | transform: translateY(0.5rem); 1256 | } 1257 | 1258 | .header .menu-btn.open .menu-btn-lines { 1259 | -webkit-transform: translateX(2rem); 1260 | transform: translateX(2rem); 1261 | background-color: transparent; 1262 | } 1263 | 1264 | .header .menu-btn.open .menu-btn-lines::after { 1265 | -webkit-transform: rotate(45deg) translate(-1.5rem, 1.5rem); 1266 | transform: rotate(45deg) translate(-1.5rem, 1.5rem); 1267 | } 1268 | 1269 | .header .menu-btn.open .menu-btn-lines::before { 1270 | -webkit-transform: rotate(-45deg) translate(-1.5rem, -1.5rem); 1271 | transform: rotate(-45deg) translate(-1.5rem, -1.5rem); 1272 | } 1273 | 1274 | .header .main-menu { 1275 | display: -webkit-box; 1276 | display: -ms-flexbox; 1277 | display: flex; 1278 | -webkit-box-align: center; 1279 | -ms-flex-align: center; 1280 | align-items: center; 1281 | } 1282 | 1283 | .header .main-menu-items { 1284 | margin-bottom: 0; 1285 | display: -webkit-box; 1286 | display: -ms-flexbox; 1287 | display: flex; 1288 | -webkit-box-align: center; 1289 | -ms-flex-align: center; 1290 | align-items: center; 1291 | } 1292 | 1293 | .header .main-menu-items li .active-item { 1294 | color: #FB743E !important; 1295 | } 1296 | 1297 | .header .main-menu-items li a { 1298 | padding-bottom: 10px; 1299 | color: #6D7280; 1300 | font-family: "Poppins", sans-serif !important; 1301 | font-size: 16px; 1302 | margin-right: 24px !important; 1303 | -webkit-transition: 0.3s all linear; 1304 | transition: 0.3s all linear; 1305 | position: relative; 1306 | } 1307 | 1308 | .header .main-menu-items li a::after { 1309 | position: absolute; 1310 | content: ''; 1311 | bottom: 0; 1312 | left: 0; 1313 | height: 2px; 1314 | width: 0; 1315 | background-color: #FB743E; 1316 | -webkit-transition: 0.3s all linear; 1317 | transition: 0.3s all linear; 1318 | } 1319 | 1320 | .header .main-menu-items li a:hover { 1321 | color: #FB743E; 1322 | } 1323 | 1324 | .header .main-menu-items li a.active-item::after, .header .main-menu-items li a:hover::after { 1325 | width: 100%; 1326 | } 1327 | 1328 | .header .main-menu .header-searchbar { 1329 | position: relative; 1330 | } 1331 | 1332 | .header .main-menu .header-searchbar input { 1333 | font-family: "Poppins", sans-serif !important; 1334 | border: 2px solid transparent; 1335 | width: 312px; 1336 | height: 48px; 1337 | background-color: rgba(245, 245, 245, 0.7); 1338 | padding-left: 45px; 1339 | -webkit-transition: 0.3s all linear; 1340 | transition: 0.3s all linear; 1341 | } 1342 | 1343 | .header .main-menu .header-searchbar input:focus { 1344 | border: 2px solid #FB743E; 1345 | } 1346 | 1347 | .header .main-menu .header-searchbar svg { 1348 | position: absolute; 1349 | top: 50%; 1350 | -webkit-transform: translateY(-50%); 1351 | transform: translateY(-50%); 1352 | left: 16px; 1353 | color: #272343; 1354 | } 1355 | 1356 | .blog-intro-area span.has-line a { 1357 | color: #272343; 1358 | } 1359 | 1360 | .blog-item-sm .blog-item-image { 1361 | width: 100%; 1362 | } 1363 | 1364 | .blog-item-sm .blog-item-info { 1365 | margin-top: -40px; 1366 | max-width: 397px; 1367 | } 1368 | 1369 | .blog-item-sm .blog-item-info h5 { 1370 | font-size: 28px; 1371 | } 1372 | 1373 | .blog-item-image { 1374 | width: 100%; 1375 | } 1376 | 1377 | .blog-item-image a { 1378 | display: block; 1379 | } 1380 | 1381 | .blog-item-image a img { 1382 | max-width: 100%; 1383 | -o-object-fit: cover; 1384 | object-fit: cover; 1385 | } 1386 | 1387 | .blog-item-info { 1388 | padding: 32px; 1389 | background-color: #F7F7F7; 1390 | max-width: 560px; 1391 | margin-top: -70px; 1392 | position: relative; 1393 | z-index: 1; 1394 | } 1395 | 1396 | .blog-item-info span.fs-6 { 1397 | color: #272343; 1398 | font-family: "Poppins", sans-serif; 1399 | padding-left: 32px; 1400 | } 1401 | 1402 | .blog-item-info h5 { 1403 | margin-bottom: 12px; 1404 | } 1405 | 1406 | .blog-item-info h5 a { 1407 | color: #272343; 1408 | } 1409 | 1410 | .blog-item-info h5 a:hover { 1411 | color: #FB743E; 1412 | text-decoration: underline !important; 1413 | } 1414 | 1415 | .blog-item-info-release { 1416 | margin-bottom: 20px; 1417 | } 1418 | 1419 | .blog-item-info-release span { 1420 | font-size: 16px; 1421 | color: #6D7280; 1422 | font-family: "Poppins", sans-serif; 1423 | } 1424 | 1425 | .blog-item-info-release .dot { 1426 | margin: 0 8px; 1427 | } 1428 | 1429 | .post-feature { 1430 | padding: 24px; 1431 | background-color: rgba(245, 245, 245, 0.5); 1432 | -webkit-transition: 0.1s all linear; 1433 | transition: 0.1s all linear; 1434 | } 1435 | 1436 | .post-feature:hover { 1437 | background-color: #FB743E; 1438 | } 1439 | 1440 | .post-feature:hover .dot, 1441 | .post-feature:hover .has-line::after { 1442 | background-color: white; 1443 | } 1444 | 1445 | .post-feature:hover .btn-link svg, 1446 | .post-feature:hover .btn-link, 1447 | .post-feature:hover span, 1448 | .post-feature:hover h6 a, 1449 | .post-feature:hover span.fs-6 { 1450 | color: white; 1451 | } 1452 | 1453 | .post-feature span.fs-6 { 1454 | font-family: "Poppins", sans-serif; 1455 | padding-left: 32px; 1456 | color: #272343; 1457 | } 1458 | 1459 | .post-feature h6 a { 1460 | color: #272343; 1461 | } 1462 | 1463 | .post-feature .btn, 1464 | .post-feature .btn-default { 1465 | -webkit-transition: 0s !important; 1466 | transition: 0s !important; 1467 | } 1468 | 1469 | footer { 1470 | background: #272343; 1471 | padding-top: 100px; 1472 | } 1473 | 1474 | footer .footer-info p { 1475 | margin-top: 16px; 1476 | color: rgba(255, 255, 255, 0.6); 1477 | } 1478 | 1479 | footer .footer-wizard h6 { 1480 | color: #FFFFFF; 1481 | font-weight: 400; 1482 | font-size: 24px; 1483 | margin-bottom: 20px; 1484 | } 1485 | 1486 | footer .footer-wizard a { 1487 | color: rgba(255, 255, 255, 0.6); 1488 | margin-bottom: 10px; 1489 | display: block; 1490 | font-weight: 400; 1491 | font-size: 16px; 1492 | font-family: "Poppins", sans-serif; 1493 | -webkit-transition: 0.3s all linear; 1494 | transition: 0.3s all linear; 1495 | } 1496 | 1497 | footer .footer-wizard a:hover { 1498 | color: white; 1499 | } 1500 | 1501 | footer .footer-wizard-form { 1502 | display: -webkit-box; 1503 | display: -ms-flexbox; 1504 | display: flex; 1505 | -webkit-box-align: center; 1506 | -ms-flex-align: center; 1507 | align-items: center; 1508 | } 1509 | 1510 | footer .footer-wizard-form input { 1511 | height: 50px; 1512 | padding-left: 20px; 1513 | border: 2px solid transparent; 1514 | background-color: rgba(255, 255, 255, 0.2); 1515 | border-radius: 0px; 1516 | color: white; 1517 | font-family: "Poppins", sans-serif; 1518 | width: 315px; 1519 | margin-right: 8px; 1520 | -webkit-transition: 0.3s all linear; 1521 | transition: 0.3s all linear; 1522 | } 1523 | 1524 | footer .footer-wizard-form input:focus { 1525 | border: 2px solid #FB743E; 1526 | } 1527 | 1528 | footer .footer-wizard-form ::-webkit-input-placeholder { 1529 | color: rgba(255, 255, 255, 0.6); 1530 | } 1531 | 1532 | footer .footer-wizard-form :-ms-input-placeholder { 1533 | color: rgba(255, 255, 255, 0.6); 1534 | } 1535 | 1536 | footer .footer-wizard-form ::-ms-input-placeholder { 1537 | color: rgba(255, 255, 255, 0.6); 1538 | } 1539 | 1540 | footer .footer-wizard-form ::placeholder { 1541 | color: rgba(255, 255, 255, 0.6); 1542 | } 1543 | 1544 | footer .copy-right { 1545 | display: -webkit-box; 1546 | display: -ms-flexbox; 1547 | display: flex; 1548 | -webkit-box-align: center; 1549 | -ms-flex-align: center; 1550 | align-items: center; 1551 | -webkit-box-pack: justify; 1552 | -ms-flex-pack: justify; 1553 | justify-content: space-between; 1554 | border-top: 1px solid rgba(255, 255, 255, 0.5); 1555 | margin-top: 70px; 1556 | padding: 20px 0px; 1557 | } 1558 | 1559 | footer .copy-right p { 1560 | margin-bottom: 0; 1561 | color: rgba(255, 255, 255, 0.6); 1562 | } 1563 | 1564 | footer .copy-right p a { 1565 | color: rgba(255, 255, 255, 0.6); 1566 | -webkit-transition: 0.3s all linear; 1567 | transition: 0.3s all linear; 1568 | } 1569 | 1570 | footer .copy-right p a:hover { 1571 | color: white; 1572 | } 1573 | 1574 | @media (max-width: 991px) { 1575 | .menu-btn { 1576 | display: -webkit-box !important; 1577 | display: -ms-flexbox !important; 1578 | display: flex !important; 1579 | z-index: 55555 !important; 1580 | } 1581 | .main-menu { 1582 | z-index: 44444; 1583 | -webkit-box-orient: vertical; 1584 | -webkit-box-direction: normal; 1585 | -ms-flex-direction: column; 1586 | flex-direction: column; 1587 | -webkit-box-pack: space-evenly; 1588 | -ms-flex-pack: space-evenly; 1589 | justify-content: space-evenly; 1590 | position: absolute; 1591 | top: 0; 1592 | right: 0; 1593 | left: 0; 1594 | height: 100vh; 1595 | -webkit-transform: translateX(100vw); 1596 | transform: translateX(100vw); 1597 | background-color: #272343; 1598 | -webkit-transition: -webkit-transform 0.3s ease-in-out; 1599 | transition: -webkit-transform 0.3s ease-in-out; 1600 | transition: transform 0.3s ease-in-out; 1601 | transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 1602 | } 1603 | .main-menu-items { 1604 | -webkit-box-orient: vertical; 1605 | -webkit-box-direction: normal; 1606 | -ms-flex-direction: column; 1607 | flex-direction: column; 1608 | -ms-flex-pack: distribute; 1609 | justify-content: space-around; 1610 | } 1611 | .main-menu-items li { 1612 | margin-bottom: 50px; 1613 | width: 100%; 1614 | height: 100%; 1615 | } 1616 | .main-menu-items li a { 1617 | color: #fff !important; 1618 | font-size: 5vh !important; 1619 | display: -webkit-box !important; 1620 | display: -ms-flexbox !important; 1621 | display: flex !important; 1622 | -webkit-box-pack: center !important; 1623 | -ms-flex-pack: center !important; 1624 | justify-content: center !important; 1625 | -webkit-box-align: center !important; 1626 | -ms-flex-align: center !important; 1627 | align-items: center !important; 1628 | width: 100% !important; 1629 | height: 100% !important; 1630 | } 1631 | .main-menu.open { 1632 | -webkit-transform: translateX(0); 1633 | transform: translateX(0); 1634 | } 1635 | .blog-item-sm .blog-item-info { 1636 | margin-top: 0; 1637 | } 1638 | header .navbar .header-searchbar input { 1639 | width: 100%; 1640 | } 1641 | .blog-item { 1642 | height: auto; 1643 | overflow: hidden; 1644 | } 1645 | .blog-item-image { 1646 | width: 100%; 1647 | } 1648 | .blog-item-info { 1649 | padding: 20px; 1650 | max-width: 100%; 1651 | position: static; 1652 | margin-top: 0; 1653 | } 1654 | .blog-item-info-release { 1655 | margin-bottom: 10px; 1656 | } 1657 | .blog-item-info-release span { 1658 | font-size: 14px; 1659 | } 1660 | .blog-item-sm .blog-item-info { 1661 | max-width: 100%; 1662 | } 1663 | .blog-item-sm .blog-item-image { 1664 | width: 100%; 1665 | } 1666 | .blog-item-sm .blog-item-image img { 1667 | width: 100%; 1668 | } 1669 | .blog-item-sm .blog-item-info h5 { 1670 | font-size: 24px; 1671 | } 1672 | .post-feature h6 { 1673 | font-size: 24px; 1674 | } 1675 | } 1676 | 1677 | @media (max-width: 420px) { 1678 | .section-padding { 1679 | padding: 30px 0px; 1680 | } 1681 | .footer { 1682 | padding-top: 50px; 1683 | } 1684 | .footer-wizard { 1685 | margin-bottom: 20px; 1686 | } 1687 | .footer-wizard h6 { 1688 | margin-bottom: 10px !important; 1689 | font-size: 20px !important; 1690 | } 1691 | .footer-wizard a { 1692 | font-size: 14px !important; 1693 | } 1694 | .footer-wizard-form { 1695 | width: 100%; 1696 | -webkit-box-orient: vertical; 1697 | -webkit-box-direction: normal; 1698 | -ms-flex-direction: column; 1699 | flex-direction: column; 1700 | -webkit-box-align: start !important; 1701 | -ms-flex-align: start !important; 1702 | align-items: flex-start !important; 1703 | } 1704 | .footer-wizard-form input { 1705 | width: 100% !important; 1706 | margin-bottom: 15px; 1707 | } 1708 | .footer .copy-right { 1709 | margin-top: 20px; 1710 | -webkit-box-orient: vertical; 1711 | -webkit-box-direction: normal; 1712 | -ms-flex-direction: column; 1713 | flex-direction: column; 1714 | } 1715 | .footer .copy-right p { 1716 | margin-top: 10px; 1717 | } 1718 | } 1719 | 1720 | @media only screen and (min-width: 420px) and (max-width: 574px) { 1721 | .section-padding { 1722 | padding: 30px 0px; 1723 | } 1724 | } 1725 | 1726 | @media (min-width: 575px) and (max-width: 767px) { 1727 | .section-padding { 1728 | padding: 30px 0px; 1729 | } 1730 | } 1731 | 1732 | @media (min-width: 768px) and (max-width: 991px) { 1733 | .blog-item-image a img { 1734 | width: 100%; 1735 | } 1736 | .section-padding { 1737 | padding: 40px 0px; 1738 | } 1739 | } 1740 | 1741 | @media (min-width: 992px) and (max-width: 1200px) { 1742 | .section-padding { 1743 | padding: 50px 0px; 1744 | } 1745 | } 1746 | /*# sourceMappingURL=main.css.map */ -------------------------------------------------------------------------------- /dist/css/vendor/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/css/vendor/ajax-loader.gif -------------------------------------------------------------------------------- /dist/css/vendor/fonts/slick.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/css/vendor/fonts/slick.eot -------------------------------------------------------------------------------- /dist/css/vendor/fonts/slick.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 15 | -------------------------------------------------------------------------------- /dist/css/vendor/fonts/slick.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/css/vendor/fonts/slick.ttf -------------------------------------------------------------------------------- /dist/css/vendor/fonts/slick.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/css/vendor/fonts/slick.woff -------------------------------------------------------------------------------- /dist/css/vendor/slick-theme.css: -------------------------------------------------------------------------------- 1 | @charset 'UTF-8'; 2 | /* Slider */ 3 | .slick-loading .slick-list 4 | { 5 | background: #fff url('./ajax-loader.gif') center center no-repeat; 6 | } 7 | 8 | /* Icons */ 9 | @font-face 10 | { 11 | font-family: 'slick'; 12 | font-weight: normal; 13 | font-style: normal; 14 | 15 | src: url('./fonts/slick.eot'); 16 | src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); 17 | } 18 | /* Arrows */ 19 | .slick-prev, 20 | .slick-next 21 | { 22 | font-size: 0; 23 | line-height: 0; 24 | 25 | position: absolute; 26 | top: 50%; 27 | 28 | display: block; 29 | 30 | width: 20px; 31 | height: 20px; 32 | padding: 0; 33 | -webkit-transform: translate(0, -50%); 34 | -ms-transform: translate(0, -50%); 35 | transform: translate(0, -50%); 36 | 37 | cursor: pointer; 38 | 39 | color: transparent; 40 | border: none; 41 | outline: none; 42 | background: transparent; 43 | } 44 | .slick-prev:hover, 45 | .slick-prev:focus, 46 | .slick-next:hover, 47 | .slick-next:focus 48 | { 49 | color: transparent; 50 | outline: none; 51 | background: transparent; 52 | } 53 | .slick-prev:hover:before, 54 | .slick-prev:focus:before, 55 | .slick-next:hover:before, 56 | .slick-next:focus:before 57 | { 58 | opacity: 1; 59 | } 60 | .slick-prev.slick-disabled:before, 61 | .slick-next.slick-disabled:before 62 | { 63 | opacity: .25; 64 | } 65 | 66 | .slick-prev:before, 67 | .slick-next:before 68 | { 69 | font-family: 'slick'; 70 | font-size: 20px; 71 | line-height: 1; 72 | 73 | opacity: .75; 74 | color: white; 75 | 76 | -webkit-font-smoothing: antialiased; 77 | -moz-osx-font-smoothing: grayscale; 78 | } 79 | 80 | .slick-prev 81 | { 82 | left: -25px; 83 | } 84 | [dir='rtl'] .slick-prev 85 | { 86 | right: -25px; 87 | left: auto; 88 | } 89 | .slick-prev:before 90 | { 91 | font-family: "Font Awesome 5 Free"; 92 | font-weight: 900; 93 | content: "\f104"; 94 | } 95 | [dir='rtl'] .slick-prev:before 96 | { 97 | content: '→'; 98 | } 99 | 100 | .slick-next 101 | { 102 | right: -25px; 103 | } 104 | [dir='rtl'] .slick-next 105 | { 106 | right: auto; 107 | left: -25px; 108 | } 109 | .slick-next:before 110 | { 111 | font-family: "Font Awesome 5 Free"; 112 | font-weight: 900; 113 | content: "\f105"; 114 | 115 | } 116 | [dir='rtl'] .slick-next:before 117 | { 118 | content: '←'; 119 | } 120 | 121 | /* Dots */ 122 | .slick-dotted.slick-slider 123 | { 124 | margin-bottom: 30px; 125 | } 126 | 127 | .slick-dots 128 | { 129 | position: absolute; 130 | bottom: -25px; 131 | 132 | display: block; 133 | 134 | width: 100%; 135 | padding: 0; 136 | margin: 0; 137 | 138 | list-style: none; 139 | 140 | text-align: center; 141 | } 142 | .slick-dots li 143 | { 144 | position: relative; 145 | 146 | display: inline-block; 147 | 148 | width: 20px; 149 | height: 20px; 150 | margin: 0 5px; 151 | padding: 0; 152 | 153 | cursor: pointer; 154 | } 155 | .slick-dots li button 156 | { 157 | font-size: 0; 158 | line-height: 0; 159 | 160 | display: block; 161 | 162 | width: 20px; 163 | height: 20px; 164 | padding: 5px; 165 | 166 | cursor: pointer; 167 | 168 | color: transparent; 169 | border: 0; 170 | outline: none; 171 | background: transparent; 172 | } 173 | .slick-dots li button:hover, 174 | .slick-dots li button:focus 175 | { 176 | outline: none; 177 | } 178 | .slick-dots li button:hover:before, 179 | .slick-dots li button:focus:before 180 | { 181 | opacity: 1; 182 | } 183 | .slick-dots li button:before 184 | { 185 | font-family: 'slick'; 186 | font-size: 6px; 187 | line-height: 20px; 188 | 189 | position: absolute; 190 | top: 0; 191 | left: 0; 192 | 193 | width: 20px; 194 | height: 20px; 195 | 196 | content: '•'; 197 | text-align: center; 198 | 199 | opacity: .25; 200 | color: black; 201 | 202 | -webkit-font-smoothing: antialiased; 203 | -moz-osx-font-smoothing: grayscale; 204 | } 205 | .slick-dots li.slick-active button:before 206 | { 207 | opacity: .75; 208 | color: black; 209 | } 210 | -------------------------------------------------------------------------------- /dist/css/vendor/slick.css: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | .slick-slider 3 | { 4 | position: relative; 5 | 6 | display: block; 7 | box-sizing: border-box; 8 | 9 | -webkit-user-select: none; 10 | -moz-user-select: none; 11 | -ms-user-select: none; 12 | user-select: none; 13 | 14 | -webkit-touch-callout: none; 15 | -khtml-user-select: none; 16 | -ms-touch-action: pan-y; 17 | touch-action: pan-y; 18 | -webkit-tap-highlight-color: transparent; 19 | } 20 | 21 | .slick-list 22 | { 23 | position: relative; 24 | 25 | display: block; 26 | overflow: hidden; 27 | 28 | margin: 0; 29 | padding: 0; 30 | } 31 | .slick-list:focus 32 | { 33 | outline: none; 34 | } 35 | .slick-list.dragging 36 | { 37 | cursor: pointer; 38 | cursor: hand; 39 | } 40 | 41 | .slick-slider .slick-track, 42 | .slick-slider .slick-list 43 | { 44 | -webkit-transform: translate3d(0, 0, 0); 45 | -moz-transform: translate3d(0, 0, 0); 46 | -ms-transform: translate3d(0, 0, 0); 47 | -o-transform: translate3d(0, 0, 0); 48 | transform: translate3d(0, 0, 0); 49 | } 50 | 51 | .slick-track 52 | { 53 | position: relative; 54 | top: 0; 55 | left: 0; 56 | 57 | display: block; 58 | margin-left: auto; 59 | margin-right: auto; 60 | } 61 | .slick-track:before, 62 | .slick-track:after 63 | { 64 | display: table; 65 | 66 | content: ''; 67 | } 68 | .slick-track:after 69 | { 70 | clear: both; 71 | } 72 | .slick-loading .slick-track 73 | { 74 | visibility: hidden; 75 | } 76 | 77 | .slick-slide 78 | { 79 | display: none; 80 | float: left; 81 | 82 | height: 100%; 83 | min-height: 1px; 84 | } 85 | [dir='rtl'] .slick-slide 86 | { 87 | float: right; 88 | } 89 | .slick-slide img 90 | { 91 | display: block; 92 | } 93 | .slick-slide.slick-loading img 94 | { 95 | display: none; 96 | } 97 | .slick-slide.dragging img 98 | { 99 | pointer-events: none; 100 | } 101 | .slick-initialized .slick-slide 102 | { 103 | display: block; 104 | } 105 | .slick-loading .slick-slide 106 | { 107 | visibility: hidden; 108 | } 109 | .slick-vertical .slick-slide 110 | { 111 | display: block; 112 | 113 | height: auto; 114 | 115 | border: 1px solid transparent; 116 | } 117 | .slick-arrow.slick-hidden { 118 | display: none; 119 | } 120 | -------------------------------------------------------------------------------- /dist/images/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/01.jpg -------------------------------------------------------------------------------- /dist/images/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/02.jpg -------------------------------------------------------------------------------- /dist/images/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/03.jpg -------------------------------------------------------------------------------- /dist/images/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/04.jpg -------------------------------------------------------------------------------- /dist/images/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/05.jpg -------------------------------------------------------------------------------- /dist/images/authorsm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/authorsm.png -------------------------------------------------------------------------------- /dist/images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/banner.jpg -------------------------------------------------------------------------------- /dist/images/blogd01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/blogd01.jpg -------------------------------------------------------------------------------- /dist/images/blogd02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/blogd02.jpg -------------------------------------------------------------------------------- /dist/images/category-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/category-01.jpg -------------------------------------------------------------------------------- /dist/images/category-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/category-02.jpg -------------------------------------------------------------------------------- /dist/images/category-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/category-03.jpg -------------------------------------------------------------------------------- /dist/images/cowner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/cowner.png -------------------------------------------------------------------------------- /dist/images/detailsbanner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/detailsbanner.jpg -------------------------------------------------------------------------------- /dist/images/screenshot.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/screenshot.jpeg -------------------------------------------------------------------------------- /dist/images/sm-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/sm-01.jpg -------------------------------------------------------------------------------- /dist/images/sm-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/sm-02.jpg -------------------------------------------------------------------------------- /dist/images/sm-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/sm-03.jpg -------------------------------------------------------------------------------- /dist/images/sm-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/sm-04.jpg -------------------------------------------------------------------------------- /dist/images/sm-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/sm-05.jpg -------------------------------------------------------------------------------- /dist/images/sm-06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/blogy-html/f39ff58cfdf07b10c3fb261ccdffeb0f97661612/dist/images/sm-06.jpg -------------------------------------------------------------------------------- /dist/js/main.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | $('.banner-slider').slick({ 3 | autoplay: true, 4 | autoplaySpeed: 2000, 5 | dots: true, 6 | }); 7 | }); 8 | -------------------------------------------------------------------------------- /dist/js/menu.js: -------------------------------------------------------------------------------- 1 | const menuBtn = document.querySelector(".menu-btn"); 2 | const mainMenu = document.querySelector(".main-menu"); 3 | const menuItem = document.querySelectorAll(".menu-item"); 4 | 5 | // main toggle 6 | menuBtn.addEventListener("click", () => { 7 | toggle(); 8 | }); 9 | 10 | // toggle on item click if open 11 | menuItem.forEach((item) => { 12 | item.addEventListener("click", () => { 13 | if (menuBtn.classList.contains("open")) { 14 | toggle(); 15 | } 16 | }); 17 | }); 18 | 19 | function toggle() { 20 | menuBtn.classList.toggle("open"); 21 | mainMenu.classList.toggle("open"); 22 | mainMenu.classList.toggle("d-none"); 23 | } 24 | -------------------------------------------------------------------------------- /dist/js/slick.min.js: -------------------------------------------------------------------------------- 1 | !function(i){"use strict";"function"==typeof define&&define.amd?define(["jquery"],i):"undefined"!=typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function(i){"use strict";var e=window.Slick||{};(e=function(){var e=0;return function(t,o){var s,n=this;n.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:i(t),appendDots:i(t),arrows:!0,asNavFor:null,prevArrow:'',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i('').text(t+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,focusOnChange:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnFocus:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rows:1,rtl:!1,slide:"",slidesPerRow:1,slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,useTransform:!0,variableWidth:!1,vertical:!1,verticalSwiping:!1,waitForAnimate:!0,zIndex:1e3},n.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,scrolling:!1,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,swiping:!1,$list:null,touchObject:{},transformsEnabled:!1,unslicked:!1},i.extend(n,n.initials),n.activeBreakpoint=null,n.animType=null,n.animProp=null,n.breakpoints=[],n.breakpointSettings=[],n.cssTransitions=!1,n.focussed=!1,n.interrupted=!1,n.hidden="hidden",n.paused=!0,n.positionProp=null,n.respondTo=null,n.rowCount=1,n.shouldClick=!0,n.$slider=i(t),n.$slidesCache=null,n.transformType=null,n.transitionType=null,n.visibilityChange="visibilitychange",n.windowWidth=0,n.windowTimer=null,s=i(t).data("slick")||{},n.options=i.extend({},n.defaults,o,s),n.currentSlide=n.options.initialSlide,n.originalSettings=n.options,void 0!==document.mozHidden?(n.hidden="mozHidden",n.visibilityChange="mozvisibilitychange"):void 0!==document.webkitHidden&&(n.hidden="webkitHidden",n.visibilityChange="webkitvisibilitychange"),n.autoPlay=i.proxy(n.autoPlay,n),n.autoPlayClear=i.proxy(n.autoPlayClear,n),n.autoPlayIterator=i.proxy(n.autoPlayIterator,n),n.changeSlide=i.proxy(n.changeSlide,n),n.clickHandler=i.proxy(n.clickHandler,n),n.selectHandler=i.proxy(n.selectHandler,n),n.setPosition=i.proxy(n.setPosition,n),n.swipeHandler=i.proxy(n.swipeHandler,n),n.dragHandler=i.proxy(n.dragHandler,n),n.keyHandler=i.proxy(n.keyHandler,n),n.instanceUid=e++,n.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,n.registerBreakpoints(),n.init(!0)}}()).prototype.activateADA=function(){this.$slideTrack.find(".slick-active").attr({"aria-hidden":"false"}).find("a, input, button, select").attr({tabindex:"0"})},e.prototype.addSlide=e.prototype.slickAdd=function(e,t,o){var s=this;if("boolean"==typeof t)o=t,t=null;else if(t<0||t>=s.slideCount)return!1;s.unload(),"number"==typeof t?0===t&&0===s.$slides.length?i(e).appendTo(s.$slideTrack):o?i(e).insertBefore(s.$slides.eq(t)):i(e).insertAfter(s.$slides.eq(t)):!0===o?i(e).prependTo(s.$slideTrack):i(e).appendTo(s.$slideTrack),s.$slides=s.$slideTrack.children(this.options.slide),s.$slideTrack.children(this.options.slide).detach(),s.$slideTrack.append(s.$slides),s.$slides.each(function(e,t){i(t).attr("data-slick-index",e)}),s.$slidesCache=s.$slides,s.reinit()},e.prototype.animateHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.animate({height:e},i.options.speed)}},e.prototype.animateSlide=function(e,t){var o={},s=this;s.animateHeight(),!0===s.options.rtl&&!1===s.options.vertical&&(e=-e),!1===s.transformsEnabled?!1===s.options.vertical?s.$slideTrack.animate({left:e},s.options.speed,s.options.easing,t):s.$slideTrack.animate({top:e},s.options.speed,s.options.easing,t):!1===s.cssTransitions?(!0===s.options.rtl&&(s.currentLeft=-s.currentLeft),i({animStart:s.currentLeft}).animate({animStart:e},{duration:s.options.speed,easing:s.options.easing,step:function(i){i=Math.ceil(i),!1===s.options.vertical?(o[s.animType]="translate("+i+"px, 0px)",s.$slideTrack.css(o)):(o[s.animType]="translate(0px,"+i+"px)",s.$slideTrack.css(o))},complete:function(){t&&t.call()}})):(s.applyTransition(),e=Math.ceil(e),!1===s.options.vertical?o[s.animType]="translate3d("+e+"px, 0px, 0px)":o[s.animType]="translate3d(0px,"+e+"px, 0px)",s.$slideTrack.css(o),t&&setTimeout(function(){s.disableTransition(),t.call()},s.options.speed))},e.prototype.getNavTarget=function(){var e=this,t=e.options.asNavFor;return t&&null!==t&&(t=i(t).not(e.$slider)),t},e.prototype.asNavFor=function(e){var t=this.getNavTarget();null!==t&&"object"==typeof t&&t.each(function(){var t=i(this).slick("getSlick");t.unslicked||t.slideHandler(e,!0)})},e.prototype.applyTransition=function(i){var e=this,t={};!1===e.options.fade?t[e.transitionType]=e.transformType+" "+e.options.speed+"ms "+e.options.cssEase:t[e.transitionType]="opacity "+e.options.speed+"ms "+e.options.cssEase,!1===e.options.fade?e.$slideTrack.css(t):e.$slides.eq(i).css(t)},e.prototype.autoPlay=function(){var i=this;i.autoPlayClear(),i.slideCount>i.options.slidesToShow&&(i.autoPlayTimer=setInterval(i.autoPlayIterator,i.options.autoplaySpeed))},e.prototype.autoPlayClear=function(){var i=this;i.autoPlayTimer&&clearInterval(i.autoPlayTimer)},e.prototype.autoPlayIterator=function(){var i=this,e=i.currentSlide+i.options.slidesToScroll;i.paused||i.interrupted||i.focussed||(!1===i.options.infinite&&(1===i.direction&&i.currentSlide+1===i.slideCount-1?i.direction=0:0===i.direction&&(e=i.currentSlide-i.options.slidesToScroll,i.currentSlide-1==0&&(i.direction=1))),i.slideHandler(e))},e.prototype.buildArrows=function(){var e=this;!0===e.options.arrows&&(e.$prevArrow=i(e.options.prevArrow).addClass("slick-arrow"),e.$nextArrow=i(e.options.nextArrow).addClass("slick-arrow"),e.slideCount>e.options.slidesToShow?(e.$prevArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.$nextArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.prependTo(e.options.appendArrows),e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.appendTo(e.options.appendArrows),!0!==e.options.infinite&&e.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true")):e.$prevArrow.add(e.$nextArrow).addClass("slick-hidden").attr({"aria-disabled":"true",tabindex:"-1"}))},e.prototype.buildDots=function(){var e,t,o=this;if(!0===o.options.dots){for(o.$slider.addClass("slick-dotted"),t=i("