123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- ---
- layout: default
- type: theme
- title: Bootstrap Portfolio & Resume Themes
- description: Free Bootstrap themes that are ready to customize and publish. All of our themes are built with Bootstrap 4, MIT licensed, and updated regularly!
- permalink: /themes/portfolio-resume/
- meta-title: Free Bootstrap 4 Portfolio & Resume Themes
- meta-description: Bootstrap 4 portfolio and resume themes that are fully designed and ready to modify and publish - perfect for quickly setting up a personal portfolio website or online resume
- redirect_from:
- - /template-categories/portfolios/
- ---
- {% include masthead/masthead-page.html %}
- <div class="container">
- <!-- Show paginated posts for the specificed collection -->
- <div class="row">
- {% assign sorted = site.themes | sort: "rank" %}
- {% for theme in sorted %}
- {% if theme.categories contains 'portfolio' %}
- <div class="col-md-4">
- <div class="item-preview mb-5">
- <a class="item-preview-img box-shadow-lg d-block mb-3" href="{{ theme.src }}">
- <img class="img-fluid" src="{{ theme.img-thumbnail }}" alt="{{ theme.img-desc }}">
- </a>
- <div class="item-preview-title d-flex align-items-center">
- {{ theme.title }}
- {% if theme.pro %}
- <span class='badge badge-warning ml-auto small badge-pill'>Pro</span>
- {% else %}
- <span class='badge badge-success ml-auto small badge-pill'>Free</span>
- {% endif %}
- </div>
- <div class="item-preview-description">{{ theme.bump }}</div>
- </div>
- </div>
- {% endif %}
- {% endfor %}
- {% include survey.html %}
- </div>
- <!-- /.row -->
- </div>
- <!-- /.container -->
- <section class="after-loop">
- <div class="container">
- <div class="row">
- <div class="col-lg-4 col-md-8 mb-5 mb-lg-0 mx-auto">
- <a href="/templates/" class="after-loop-item card border-0 card-templates shadow-lg">
- <div class="card-body d-flex align-items-end flex-column text-right">
- <h4>Templates</h4>
- <p class="w-75">Unstyled layouts to help you get started!</p>
- <i class="fal fa-pencil-ruler"></i>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-md-8 mb-5 mb-lg-0 mx-auto">
- <a href="/snippets/" class="after-loop-item card border-0 card-snippets shadow-lg">
- <div class="card-body d-flex align-items-end flex-column text-right">
- <h4>Snippets</h4>
- <p class="w-75">Code snippets ready to copy and paste!</p>
- <i class="fal fa-code"></i>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-md-8 mx-auto">
- <a href="/guides/" class="after-loop-item card border-0 card-guides shadow-lg">
- <div class="card-body d-flex align-items-end flex-column text-right">
- <h4>Guides</h4>
- <p class="w-75">Guides and tutorials to help you learn Bootstrap!</p>
- <i class="fal fa-books"></i>
- </div>
- </a>
- </div>
- </div>
- </div>
- </section>
|