business-corporate.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. ---
  2. layout: default
  3. type: theme
  4. title: Business & Corporate Themes
  5. description: Free Bootstrap business and corporate website themes that are ready to customize and publish - perfect for creating business websites for clients, or any other type of project
  6. permalink: /themes/business-corporate/
  7. meta-title: Free Bootstrap 4 Business Themes
  8. meta-description: Business and corporate website themes for Bootstrap 4 that are free to use, open source, and MIT licensed - perfect for creating websites for clients or for personal use
  9. redirect_from:
  10. - /template-categories/full-websites/
  11. ---
  12. {% include masthead/masthead-page.html %}
  13. <div class="container">
  14. <!-- Show paginated posts for the specificed collection -->
  15. <div class="row">
  16. {% assign sorted = site.themes | sort: "rank" %}
  17. {% for theme in sorted %}
  18. {% if theme.categories contains 'business' %}
  19. <div class="col-md-4">
  20. <div class="item-preview mb-5">
  21. <a class="item-preview-img box-shadow-lg d-block mb-3" href="{{ theme.src }}">
  22. <img class="img-fluid" src="{{ theme.img-thumbnail }}" alt="{{ theme.img-desc }}">
  23. </a>
  24. <div class="item-preview-title d-flex align-items-center">
  25. {{ theme.title }}
  26. {% if theme.pro %}
  27. <span class='badge badge-warning ml-auto small badge-pill'>Pro</span>
  28. {% else %}
  29. <span class='badge badge-success ml-auto small badge-pill'>Free</span>
  30. {% endif %}
  31. </div>
  32. <div class="item-preview-description">{{ theme.bump }}</div>
  33. </div>
  34. </div>
  35. {% endif %}
  36. {% endfor %}
  37. {% include survey.html %}
  38. </div>
  39. <!-- /.row -->
  40. </div>
  41. <!-- /.container -->
  42. <section class="after-loop">
  43. <div class="container">
  44. <div class="row">
  45. <div class="col-lg-4 col-md-8 mb-5 mb-lg-0 mx-auto">
  46. <a href="/templates/" class="after-loop-item card border-0 card-templates shadow-lg">
  47. <div class="card-body d-flex align-items-end flex-column text-right">
  48. <h4>Templates</h4>
  49. <p class="w-75">Unstyled layouts to help you get started!</p>
  50. <i class="fal fa-pencil-ruler"></i>
  51. </div>
  52. </a>
  53. </div>
  54. <div class="col-lg-4 col-md-8 mb-5 mb-lg-0 mx-auto">
  55. <a href="/snippets/" class="after-loop-item card border-0 card-snippets shadow-lg">
  56. <div class="card-body d-flex align-items-end flex-column text-right">
  57. <h4>Snippets</h4>
  58. <p class="w-75">Code snippets ready to copy and paste!</p>
  59. <i class="fal fa-code"></i>
  60. </div>
  61. </a>
  62. </div>
  63. <div class="col-lg-4 col-md-8 mx-auto">
  64. <a href="/guides/" class="after-loop-item card border-0 card-guides shadow-lg">
  65. <div class="card-body d-flex align-items-end flex-column text-right">
  66. <h4>Guides</h4>
  67. <p class="w-75">Guides and tutorials to help you learn Bootstrap!</p>
  68. <i class="fal fa-books"></i>
  69. </div>
  70. </a>
  71. </div>
  72. </div>
  73. </div>
  74. </section>