Landing Page Details

BIRVA One Page Theme is a vibrant, responsive one page parallax theme built on the Bootstrap 3 framework. It is easy to customize and well documented to suit your needs.

BIRVA is a perfect theme for a variety of uses from blogs to personal or business portfolios.

Features

Extended Features

  • Clean, Valid & Developer-friendly HTML5 and CSS3 code
  • 100% Responsive
  • Built on the Bootstrap 3 Framework
  • CSS3 Content Animations
  • Parallax Background Layout
  • Slider Layout
  • On Scroll Effect
  • 11 Predefined Color Styles
  • Font Awesome Icons
  • Google Fonts
  • History Section
  • Fullscreen Filterable portfolio
  • 2,3 and 4 column Pricing Tables
  • Mesonary Blog Page
  • Blog Single Page
  • Custom Styled Google Maps
  • Contact form
  • Contact Form PHP Script
  • Form Validation
  • jQuery Enhanced
  • Extra Feature Page
  • Documentation
  • Support with a Smile

Credits

The images used on the Live Preview are for demonstration purposes only and are not included in the download files.

Icon

  • font-awesome

Fonts

  • Google Fonts (Oswald, Open Sans)

Images

  • All images in theme (only in demo) – Flicker, pixabay , unsplash.com, imcreator.com

JQuery plugin

  • bootstreap v3
  • jQuery Library
  • font-awesome
  • spin.min.js
  • fitvids
  • bxslider
  • jquery.flexslider.js
  • jquery.timelinr-0.9.54.js
  • jquery.stellar.min.js
  • jquery.isotope.min.js
  • jquery.hoverdir.js
  • appear.js
  • jquery.form.min.js
  • jquery.typer.js
  • jquery.easing.1.3

 

Need Support?

If you need technical support or have any questions, please send us a message via our profile and we’ll get back to you as soon as possible.

Update History

Update 13th March

-Added index variant : Header text effect-2 

Update 8th March.

-Update contact form and update php script.

- Initial Release 4th March 

Our recent work

Our previous work

 

 

  • staycu

    2014-07-01 21:37:01
    Purchased Reply

    Hi there, I'm setting up the birva 2 wp theme on my site. I see that the contact form isn't it like in the demo. Can you help me please?

  • abmathasuriya

    2014-07-01 22:01:32
    Purchased Reply

    pl send website link.

  • staycu

    2014-07-02 01:34:32
    Purchased Reply

    www.graficabv.com

  • abmathasuriya

    2014-07-02 02:43:19
    Purchased Reply

    You can copy style and HTML from demo index file. As demo file have no issue in form style.

  • staycu

    2014-07-02 02:48:37
    Purchased Reply

    Ok, I will try that. Another little and not important thing is that the Facebook Icon do not appear in footer, even if I set the link to my facebook page in "Birva Theme Option - Social. The Twitter, G+ and others work perfectly, only the Facebook not. I put the custom code in the Social More Section to work. Maybe, in your next update, you will repair that. Well, i'll came back to you if i cannot make the contact form to work :) Have a nice day. Thanks.

  • staycu

    2014-07-09 05:31:26
    Purchased Reply

    Hi again :) Please can you help me? I cannot figure out, how to show 2 or 3 categories on my Portfolio section, on home page. Website: www.graficabv.com I have 27 pictures in category "Graphic Design" and it's ok, anybody can see them. I have 10 pictures in category "Web Design" but they aren't show when i click that category button. How can I solve this? many thanks

  • abmathasuriya

    2014-07-09 05:39:15
    Purchased Reply

    You have not specify web design filter in any list item. i.e.

  • abmathasuriya

    2014-07-09 05:39:47
    Purchased Reply

  • staycu

    2014-07-09 05:48:28
    Purchased Reply

    Hm... and where should I put that code? I didn't specify nothing in "graphic design" category and the images appear... I thought that is the same for another category...

  • abmathasuriya

    2014-07-09 05:52:33
    Purchased Reply

    You have to specify it in list class i.e.

  • If item have more than one category you have to write all category in list class. i.e.
  • So these item appear in graphics design and web design category filter.

  • abmathasuriya

    2014-07-09 05:54:45
    Purchased Reply

    You have to first carefully check in demo theme and documentation for detail.

  • staycu

    2014-07-09 05:55:32
    Purchased Reply

    Ok. I will check them. Many thanks.

  • staycu

    2014-07-12 08:40:58
    Purchased Reply

    Hi, I see now why in the "Web Design" portfolio don`t appear nothing: I setup in: Page Builder - Portfolio section - Show Posts "15". And now, when see the Portfolio on www.graficabv.com we have 4 buttons: * ALL (where are the 15 images like I setup in Show Posts) * Graphic Design (where are 12 images, instead of 13 images.) * Logo Design (where are 3 images, instead of 9 images) * Web Design (nothing displayed, and I have 1 image in portfolio in this category). I notice that gather the number of articles in each category and it should not exceed the number that I setup in Portfolio show posts from Page Builder section. Ex: "Show Posts: 15" "ALL" = 15 images "Graphic Design" = 12 images + "Logo Design" = 3 images = 15 images, cumulative... And there's no space to show my Web Design portfolio images. If now I set up in Show Posts from Portfolio section - to 24 images, in Portfolio from Home Page, it will shown my image from "Web design" because the number of articles isn't greater than 24. But what can I do when I post 50 images to Portfolio in 5 categories? :) i have to make the Show Posts to 50, to show my entire selective categories, not? I watched the video, read the documentation and nothing found for fixing this. I created all things like in the video. Is better if the maximum number of posts to be limited in each category, not cumulative, in my case "Graphic Design + Web Design + logo design". I hope you understant what I`m talking about. Let me know your opinion, and let's get my site to work. I didn't understant how "to write all category in list class" - maybe this will fix this...but I haven't do this before, so I`m noob with this :) Thanks for your time. Have a nice day.

  • abmathasuriya

    2014-07-13 04:30:09
    Purchased Reply

    For wordpress related query you can submit ticket to author shinetheme on TF.

  • sidiaz

    2014-03-05 03:44:54
    Purchased Reply

    Hi ! It looks like an amazing theme, congrats ! Can you confirm me it's a HTML template ?

  • abmathasuriya

    2014-03-05 03:53:46
    Purchased Reply

    Thanks sidiaz, Yes it's a HTML theme

  • fmalhashemi

    2014-03-08 23:15:41
    Purchased Reply

    I tried importing the theme to wordpress but it said that the style.css sheet is missing and it failed to upload... what to do ?

  • abmathasuriya

    2014-03-08 23:18:29
    Purchased Reply

    hi.. it is a html theme.. you have to convert it to wordpress to work.. we are releasing wordpress version soon.. thank you..

  • fmalhashemi

    2014-03-08 23:28:06
    Purchased Reply

    how can I convert it to wordpress?

  • abmathasuriya

    2014-03-08 23:30:30
    Purchased Reply

    there are many sites available to guide you through.. thanks

  • sweetsteve

    2015-06-26 09:40:32
    Purchased Reply

    I have installed the Birva theme on a Wordpress website. However, the top navigation does not work correctly. For example I have a link that looks like this http://mydomain.com/#team-block Instead of going where it should it jumps down near the bottom of the page. Some of the other links do this as well. What do I need to do in order to fix the menu? To clarify, the IDs for the different sections are not placed near the bottom where the menu links jump to. For example this

    is for #team-block and is midway down the page, but the link to it jumps way by it to the bottom of the page.

  • abmathasuriya

    2015-06-26 14:37:42
    Purchased Reply

    This is not a wordpress theme its HTML theme. You can not integrate in wordpress.

  • Pixelaar

    2014-03-05 03:38:47
    Purchased Reply

    Congrats again! :)

  • abmathasuriya

    2014-03-05 03:42:01
    Purchased Reply

    Thanks a lot ThemeRox..

  • webinane

    2014-03-04 21:37:15
    Purchased Reply

    Good addition in one page templates.

  • abmathasuriya

    2014-03-04 22:03:43
    Purchased Reply

    Thanks a lot..

  • vision_design

    2014-04-22 04:15:54
    Purchased Reply

    In portfolio is possible to let the web dev by default for example and not open all.

  • abmathasuriya

    2014-04-22 04:41:08
    Purchased Reply

    Yes its possible. You have to declare filter name in initialization script in isotope. Pl. open theme.js file and replace with below script.

    // Initialize Isotope & Masonry Layout
    	container.imagesLoaded( function() {
    		container.isotope({
    		  itemSelector: 'li',
    		  filter: '.development',
    		  resizable: false,  // disable normal resizing
    		  masonry: { columnWidth: container.width() / portfolioColumnNumber }
    		 });
    	 });
    

  • guyguy

    2014-06-03 17:55:10
    Purchased Reply

    I like the design very much, but the implementation is buggy. For example placing accordion elements on the single page and clicking on some of the menu items causes the accordion or the toggleables to show. Sometimes they show without the background, overlapping and looks very bad. You can easily see it in the live demo: http://naiknikunj.me/theme/6/features.html 1. Scroll down to show the toggleables and accordion widgets. 2. Click on Blog in the top menu. Observe that the toggleables will open, right before the new page loads. On the feautures page it is not a problem, because the menu items always redirect to another page, but on the home page toggle-able and accordions are unusable :(. Can you please check and fix the problem?

  • abmathasuriya

    2014-06-03 17:59:43
    Purchased Reply

    Can you please give your site link? I will check out.

  • guyguy

    2014-06-03 18:46:52
    Purchased Reply

    http://vaxas-place.com/test.html Scroll down to the toggles and then click on "Home" in the menu. Then scroll back to the toggles and they will be displayed. This is the features.html from the download package of the theme, I simply change the link in the menu.

  • abmathasuriya

    2014-06-03 19:07:12
    Purchased Reply

    You can write preventDefault(); in initialization script in theme.js file. // Accordion & Toggle jQuery('.accordion').each(function() { var accordionId = jQuery(this).attr('id'); jQuery(this).find('.accordion-toggle').attr('data-parent', "#"+accordionId); preventDefault(); }); jQuery('.accordion-toggle').click(function() { jQuery(this).closest('.accordion').find('i').removeClass('fa-minus-square').addClass('fa-plus-square'); jQuery(this).find('i').toggleClass('fa-plus-square fa-minus-square'); preventDefault(); });

  • guyguy

    2014-06-03 19:33:09
    Purchased Reply

    Thanks for the quick reply, but this does not solve the problem. The problem is not with the accordion, but with the top menu. Plus the given code does not work, as preventDefault() is not defined - it should be called in the context of an event object. But still .... the problem is not with the accordion. I just found another problem with the main menu: 1. Open your live demo page: http://naiknikunj.me/theme/6/index.html 2. Scroll down to "About" 3. Click two or three or more times on the "About" in the top menu. 4. Now the following happens: -- In Firefox: You cannot scroll with the mouse wheel - the page is blocked. You cannot even select another item from the menu; -- In Chrome: When trying to scroll with the mouse wheel, the page will flicker and jump around, but will not scroll... The more you click on the menu, the more you have to turn the mouse wheel to "unlock" the page and be able to scroll again.. So, there is something very wrong with the main menu. It has something to do with the scroll animation and the timeouts... from a quick look it looks like previous callbacks are not cleared...I saw other problems with the main menu where it isn't always fixed, but I cannot reproduce them so easily. As I said, I love the design, but I am sorry to say that IMHO at the current state I do not consider the theme production ready. Please consider fixing the main menu so it works as expected. Thank you.

  • abmathasuriya

    2014-06-03 19:46:21
    Purchased Reply

    Hi its not navigation problem. When you click more time on any links the navigation script actually runs in background. and when its finished all the click than when you scroll page its than normal and scroll with mouse. its actually when you click first time its locate respected div id and scroll to that location. when you click 2nd time than same way its locate respected id and scroll to that location. so when you click 10to 15 times on any links in all click its doing same thing so mean while when all clicks procced that mouse scroll work. I hope you understand. Thanks

  • abmathasuriya

    2014-06-03 19:49:39
    Purchased Reply

    You can observed the process when you slowly click one by one more time on any one links. But when you click so fast on any links more time that it should process all the click first and than work mouse scroll.

  • guyguy

    2014-06-03 20:46:43
    Purchased Reply

    Hi, I understand and yes, it is a script problem, which I fixed like this: // Smooth scroll for menu links jQuery('header.navbar a[href^="#"], #home a[href^="#"], .modal a[href^="#"]').on('click', function (e) { e.preventDefault(); var jqBH = jQuery('html,body'); jqBH.unbind("scroll mousedown DOMMouseScroll mousewheel keyup"); jqBH.bind("scroll mousedown DOMMouseScroll mousewheel keyup", function(){ jqBH.stop(true); }); jqBH.stop(true).animate({scrollTop: jQuery(this.hash).offset().top}, 1200, function (){ jqBH.unbind("scroll mousedown DOMMouseScroll mousewheel keyup"); }); }); You should always think about stopping previous animations, before starting a new one :). There was a third problem, where the user was not able to scroll with the mouse wheel until the animation was over, which is also solved with the script above. The scrolling now is smooth and works as intended. The only problem that remains now is the accordion/toggles, which I cannot seem to be able to locate.

  • guyguy

    2014-06-03 21:13:23
    Purchased Reply

    I found the problem: // Navigation - Collapse (for mobile) jQuery('.navbar .collapse').collapse(); jQuery(".navbar-nav li a").click(function () { jQuery(".collapse").toggleClass("in"); }); This little callback works on all DOM elements with class "collapse". The problem is that not only the menu has it, but also the toggles and accordions.... don't ask me why :S. You have the designer touch and I like the theme, but the javascript is very poorly written, inconsistent and broken. I am sorry for the little rant, but I just wasted more than one hour on fixing the problems of this theme.

  • adenr

    2014-03-07 04:33:23
    Purchased Reply

    Hi just got it and so far its amazing! One quick question. The banner when changing websites, parallax and such it kinda looks weird when I add a word more than 8 characters.

  • adenr

    2014-03-07 05:01:54
    Purchased Reply

    Alongside that the contact formula does not work. I've changed it in the email.php to my email aswell.

  • abmathasuriya

    2014-03-07 16:08:18
    Purchased Reply

    Hi Zeec, We will update contact form and let you know..

  • naiknikunj

    2014-03-04 21:17:03
    Purchased Reply

    Nice and clean work.. GLWS..

  • abmathasuriya

    2014-03-04 22:03:29
    Purchased Reply

    Thank you..

  • matchthemes

    2014-03-04 23:58:11
    Purchased Reply

    Great design!:)

  • abmathasuriya

    2014-03-04 23:59:57
    Purchased Reply

    Thanks a lot matchthemes..

  • abmathasuriya

    2014-03-08 06:51:05
    Purchased Reply

    Update : Update contact form ajax javascript in theme.js file and update PHP script.

  • adenr

    2014-03-13 18:18:03
    Purchased Reply

    Hi is it possible for you to write what you've changed in the recent update?

  • abmathasuriya

    2014-03-13 19:43:37
    Purchased Reply

    Hi, zeec Added new index variant with second type of header text effect.

  • adenr

    2014-03-13 22:30:01
    Purchased Reply

    I just want to know which line of coding is changed since I dont want to erase everything I've added now.

  • abmathasuriya

    2014-03-14 06:05:20
    Purchased Reply

    We added new index variant with second type of text effect in header section. You can see this variant in live demo theme from the style switcher option.

  • mrbrizight

    2014-08-15 15:13:23
    Purchased Reply

    Hello - The H1 text at the top of the page that cycles (ie we create...) doesn't cycle in order. My site has 4 targets, but I'd like to add as many as I'd like and have them rotate in order - can you please help? my site is www.mycreativecollaborations.com Thanks,

  • LOGIKonline

    2014-03-10 05:02:52
    Purchased Reply

    Template crashes the Chrome & Safari browsers on the iPad - I can't get it to load.

  • abmathasuriya

    2014-03-12 05:55:41
    Purchased Reply

    Hi.. that might happen sometime as big images and scripts takes more memory to load.. thank you..

  • LOGIKonline

    2014-03-12 06:12:10
    Purchased Reply

    it happens with your sample. I think you may need to refactor your code some. I will purchase if you can make it function at least on Safari

  • abmathasuriya

    2014-03-16 09:49:04
    Purchased Reply

    Please check on ios7.1 update.. works fine.. thank you..

  • LOGIKonline

    2014-03-16 10:21:56
    Purchased Reply

    It still crashes occasionally when using the template in Safari. It will initially load but navigating causes it to act sluggishly. In portrait mode, the header will also wrap the Contact and Features section. I am using the new iPad Mini with Retina

  • thecrea

    2014-03-05 08:03:23
    Purchased Reply

    Great work, glws ;)

  • abmathasuriya

    2014-03-05 08:36:40
    Purchased Reply

    Thank you..