Free HTML Template Andia: Responsive Agency/Portfolio Template built with Twitter Bootstrap

Published on: Dec 28 2012 by Anli

Andia: Responsive Agency/Portfolio Template

Today’s free web design resource is a big one! It’s a responsive agency/portfolio HTML template named Andia and built with Bootstrap. Andia comes with 7 fully responsive pages, Home, Home 2, Portfolio, Services, About, Contact, Pricing Tables and it’s perfect for creating a website for a small business or a personal portfolio.

Some of Andia’s features include: responsive layout, responsive image sliders, filterable portfolio, AJAX contact and email subscription forms, Flickr photos, Font Awesome icons, Google Maps, etc. So, take a look at the live preview below, download the template and let me know what you think.


Features

  • Responsive Layout (Bootstrap 3.3.1)
  • 7 Pages: Home, Home 2, Portfolio, Services, About, Contact, Pricing Tables
  • 2 Different Responsive Image Sliders
  • Dropdown Menus
  • Filterable Portfolio (now supports also videos as portfolio items)
  • Working AJAX Contact Form with Validation
  • Working AJAX Email Subscription Form with Validation (you receive the subscribers in your email)
  • Latest Flickr Photos
  • Font Awesome Icons
  • Pricing Tables
  • Google Maps
  • Nice CSS3 Animations
  • HTML5 & CSS3

Demo, Download and License

Version 2.1

Read the ChangeLog and see what has changed.

VIEW DEMO

DOWNLOAD TEMPLATE: Andia - Responsive Agency/Portfolio Template, version 2.1 (22528)

Version 2

Read the ChangeLog and see what has changed.

VIEW DEMO

DOWNLOAD TEMPLATE: Andia - Responsive Agency/Portfolio Template, version 2 (19983)

Version 1

VIEW DEMO

DOWNLOAD TEMPLATE: Andia - Responsive Agency/Portfolio Template (78143)

License:

You can use this template in personal and commercial projects, but you can’t sell or distribute it directly, “as is”. If you plan to use it, a link to this page or any form of spreading the word will be much appreciated.

Photos used in the live preview by:  Paul BicaNorway Geographical’s Nature Photos, Shermeee, envato.

Testing Versions

These are versions of the template that come from the quick tutorials that I publish from time to time. I get the ideas for these tutorials usually from user questions or from my everyday web development work. These versions might have NOT been included in official releases of the template.

Take a look at the Andia testing versions here!

Similar Templates

Jalia - Bootstrap Business Template Asia - One Page Bootstrap Business Theme

120 Comments So Far

  1. Diego says:

    Anli, sadly i’m just about quitting on using this template because of the flaws in portfolio page that only appear in downloaded version. That’s not fair, please help, i promise i’ll give you credits on the final website but please!

  2. carleo says:

    Hey, on the portfolio i want to eliminate the ALL tab and for just one section to show, not all. Can you please let me know what i have to remove in order for all images not to show.

    Thanks

  3. Sascha says:

    Hey,
    like to use this design to build an free downloadable template with my own HTML/CSS for another CMS.
    Will i be allowed to do this if i link to this template as base for my work ?

    Thanks.

  4. jean says:

    as removing the favicon? Explain to please
    every time you change me automatically changes

  5. Dan says:

    Hi great template!

    Would the portfolio page work the same with videos? And if so would this work with youtube embeds?

    Thanks!

  6. Wayan Adika says:

    Thanks for the template
    is great bootstrap template

  7. jan says:

    can we remove this ?

    Copyright 2012 Andia – All rights reserved. Template by Azmind.

  8. Tina Clarke says:

    I have looked at a LOT of responsive designs and grids… currently I have not found a tutorial that explains exactly how to match up the grid with a design… how things proceed from that point. I tried dozens of responsive designs and NONE actually worked responsively in my android phone! OR the responsive DEMO .. either their version’s or the Firefox plugin responsive resize. Till this (and I also checked one of your other templates) design. When I learn I need an authority that I trust. So thank you for being that authority. I am going to use your template for my art site and also use it to understand and learn more about responsive design.. I find numbers very difficult its like being dyslexic but with numbers and to me responsive design seems to be all about numbers. I could just use a template and go on my merry way however where is the control in that? I could go use a WordPress theme if i wanted to lose control. I am not sure if you meant your site to be a learning authority but it has now become so:) Thanks once more. I only played a little … it was also very easy to play with the slider as well i only had to change the html. I always thought you had to have a program. Wish you had a list.

  9. snehal says:

    how to add sub menu in this templet?

  10. Very clean and tidy, i like it!! backward link guaranteed, thanks.

  11. Ferdinand Alexander says:

    I would love to use this theme. The code seems just fine but the problem I have is there are no drop down menus. If at least one menu item had a drop down I’d be styling. Dam! Good work though!

  12. Ferdinand Alexander says:

    Yes, please put out a version with a drop down, “sub menu”.
    That would be awesome.
    Thanks!

  13. Gustavo says:

    How I can transform the logo image in a responsive image on this template?

  14. designer says:

    Congrats for your work! I have used it for a website but I have problems with the contact form.

    I have changed the email ( $emailTo = ) in “sendmail.php” but I don’t received any email when I probe it.

    Please cand you tell me if I have to change anything else? Thank you!

    • Anli says:

      Thanks. No, you don’t have to change anything else. Can I take a look at your site?

      • user says:

        I’ve same condition, I have changed the email in sendmail.php, i but there is no email received on my email, I only change the $emailTo content with my email.

  15. Jens says:

    Hi,

    thanks for the great template.

    Can I delete “Copyright 2012 Andia – All rights reserved. Template by Azmind” and place a link to Azmind at the imprint?

    Thanks

    • Anli says:

      You’re welcome. Yes you can delete it.

      • Jens says:

        Thanks a lot!

        I read the comments and have the same problem described by other ones before. Maybe you have an idea?
        I tried a lot of things, but can’t find the problem.

        “In the portfolio page when I click Logo Design/ Web Design filters, the bottom part of the list items are clipped and overlapped by the footer. Can you please help.”

        THANKS FROM GERMANY

  16. Eric says:

    This template is really awesome!! thank yoU!

    I need help w/ something. The portfolio filter functions work great on desktop view, but when I view w/ my smartphone (LG G2) it seems to cut off projects and only display the first few in the category.

    Any tips on correcting this?

    Thanks

  17. Jens says:

    Hi Anli,

    one last question.

    Can you tell me where I can set a charset into the contact formular so I can use German Umlaute (mutated vowel) like ü (uuml;) ?

    Thanks!

  18. putu swarya says:

    Awesome template, so minimalist and cool, and yet is free for personal. 😀

  19. asap says:

    Hi Anli,

    How do I get Flickr photostream for my images in the footer.

    Tried to change in flickrfeedjs,and script.js but nothing working.

    Please help.

  20. Astro says:

    Hi Anli,

    How do I add submenu like dropdown menu on main menu? I’ve tried, but still not work.. please..

  21. ugy says:

    Great template…

    I’ve one problem, that’s about testimonials item. How do I integrate with database, I’m confuse to set active or non-active class each testimony..

    I hope, you can help.. thank’s 🙂

  22. Alexander says:

    Hi.

    I have created a responsive site at http://smoljanovic.eu using your template. Thanks. Never got twitter feed to work though, so I never used it.
    My original database type site on http://smoljanovic.net was not mobile responsive, so I am redirecting mobile platforms to the site at http://smoljanovic.eu from that one

    Thanks for the template and all your hard work. 🙂

  23. vikash says:

    How to set my address on your template google map

  24. VIkash says:

    Dear
    Send me function not work

  25. steve says:

    Great looking template. I’m tempted to use it, but I can’t get the twitter feed to work. New to twitter as well. Probably something simple, but I need the latest tweets to display. Do I modify scripts.js or some other file?

  26. Diana says:

    Hi Anli,

    I find your wordpress themes really beautiful and I have a question about the theme named “Andia”: Is it compatible with WordPress 4.0 and up?? … knowing that WP 4.1 is in beta since a few days….

  27. Ron says:

    Beautiful work again – thank you Anli – I used v. 1 for a personal little site and really found it to be very easy to work with and a very elegant look. Rolling out another site and will certainly credit you for this – very generous.

    All the best
    Ron

  28. How to replace slide with a embed video?

  29. JJSmithy404 says:

    Hi there,

    I am using this template for my portfolio, but have run into a roadblock.

    When someone sorts my work by category and then clicks on a thumbnail, I have it so the thumbnail links them to another page with a larger view of the work. But when the user goes back, either by using the back button or the back option in the browser, the site doesn’t retain the sort and the user has to sort again. Is there a way around this? Can I make sure that when the back button is used, the work will remain sorted instead of going back to showing all thumbs?

    Thank you!

    -J

    • Anli says:

      Hi.
      You can do it using the “back button in the other page” with PHP, for example.
      For the “back option in the browser” I think it’d be more complex. Maybe a combination of PHP (using sessions), Javascript…

  30. Olivee says:

    How can I make 2 level menu in this template. Menu and Sub Menu

  31. Sebastian says:

    verry nice Template !

    it is possible to create price- boxes

Sorry, the comment form is closed at this time.