Andle - Personal Portfolio Bootstrap 5 Template

Introduction

Template Name: Andle - Personal Portfolio Bootstrap 5 Template

Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..

Andle is a simple and elegant technology HTML Template. This theme has 4 homepage layouts and responsive, easy to customize. You can using his HTML Template for digital, technology products, high tech products, accessories.

Andle comes with a variation of 8 HTML pages where there are 4 unique home versions. It is built with Bootstrap 5, HTML 5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like,Image Zoom, Google Fonts, Font Awesome, Plaza icons and many more.

Now grow your business with this Andle - Personal Portfolio Bootstrap 5 Template without any hesitation.

By: HasThemes
URL: https://hasthemes.com/
HelpDesk: https://hasthemes.com/contact-us/

Template features

Build with Bootstrap 5
8+ HTML pages
Icon font (Font Awesome)
Google Fonts
W3C Validated Code
Clean Code
Creative and Modern Design
Fully Responsive
Easy to customize
Cross Browser Support
Well Documented
No console error

Need Support?

If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

Documentation
Template Files - Andle

Root Folder Structure

FTP Upload

Open up your FTP manager and connect to your hosting
Browse to required directory (Normally public_html)
Upload the all files inside Andle folder.

Page Structure

index.html
about.html
pricing.html
projects.html
projects-detail.html
blog.html
blog-detail.html
contact.html

Source File Structure

Fonts Source File structure

Remember to change the font into style.css

            
            @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Zilla+Slab:wght@400;500;600;700&display=swap");

CSS Source File structure

These are the css files that are loaded into templates in Head Section.


            <!-- CSS
            ============================================ -->

            <!-- Icon Font CSS -->
            <link rel="stylesheet" href="assets/css/plugins/fontawesome.min.css">
            <link rel="stylesheet" href="assets/css/plugins/ionicons.min.css">
            <link rel="stylesheet" href="assets/css/plugins/line-awesome.min.css">
            <link rel="stylesheet" href="assets/css/plugins/icofont.min.css">
            <link rel="stylesheet" href="assets/css/plugins/simple-line-icons.css">

            <!-- Plugins CSS -->
            <link rel="stylesheet" href="assets/css/plugins/animate.css">
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
            <link rel="stylesheet" href="assets/css/plugins/odometer.min.css">
            

            <!-- Main Style CSS -->
            <link rel="stylesheet" href="assets/css/style.css">

Javascript Source File structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

       
           
            <!-- JS
            ============================================ -->

            <!-- Modernizer & jQuery JS -->
            <script src="assets/js/vendor/modernizr-3.11.2.min.js""></script>
            <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>

            <!-- Bootstrap js -->
            <script src="assets/js/plugins/popper.min.js"></script>
            <script src="assets/js/plugins/bootstrap.min.js"></script>
            
            <!-- All Plugins js -->
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/appear.js"></script>
            <script src="assets/js/plugins/validate.js></script>
            <script src="assets/js/plugins/odometer.min.js"></script>
            <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
            <script src="assets/js/plugins/imagesloaded.pkgd.min.js"></script>
            <script src="assets/js/plugins/wow.js"></script>
            <script src="assets/js/plugins/ajax-contact.js"></script>

            <!-- Main Activation js -->
            <script src="assets/js/main.js"></script>

How to change Logo?

How to Change Background Image?

How to Change Copyright?

You can change copyright text from here.

How to Change Mail?

You can pass dynamic email in the contact form and newsletter.

Andle - Personal Portfolio Bootstrap 5 Template