101 comments

ehazard PURCHASED
How does this look on a mobile platform? Like an iPhone?
etap SELLER
Hi ehazard,

Thank you for your interest in our template. You can see the screenshot here :)

IOS, iPad Mini: https://flic.kr/s/aHsk9jqEpx
Android, Sony Xperia: https://flic.kr/s/aHskcQzaYm
etap SELLER
Hi ehazard,

Thank you for your interest in our template. You can see the screenshot here :)

IOS, iPad Mini: https://flic.kr/s/aHsk9jqEpx
Android, Sony Xperia: https://flic.kr/s/aHskcQzaYm
Does it come with .psd files?
etap SELLER
Hi iriplipwackies,

Thank you for your interest in our template. No, this is just HTML template :D
Very nice theme you've made, do you have it in white? I tried changing the color from all black in the live preview but couldn't change the overall theme to be white and more eye friendly. Please let me know so i can purchase. Thanks
etap SELLER
Hi uberino,

Thank you for your interest in our template :)

Sorry, we do not have the light version of BERG Template. I might add the light version in future update, but I can't guarantee the ETA.
ledbettk PURCHASED
Hi,

I love the theme. I am in the process of editing this template and was wondering if there's a way to add additional social media icons to the bottom of the page (Github, Vimeo, Instagram, etc.)

Thanks!

Kelsey
etap SELLER
Hi Kelsey,

Thank you for your interest in our template, and I am glad you love it :)

I've included social icons in the download package. Here's an example:
http://themes.lucky-roo.com/berg-v1.2/HTML_Template/assets/img/social-icons/Vimeo_24px.png

Actually I've decided to replace it with Font Awesome icons. Font Awesome Icons will be included in one of the future updates.

Thanks!
I want to buy this template but i don't have a paypal account or a credit card. Isn't there another way how i can purchase this template? Please let me know.
etap SELLER
Hi rickone,

Thank you for your interest in our template.

BERG is Sold exclusively on WrapBootstrap, an exclusive item means that this item cannot be sold elsewhere :)
I really like this template. But for me it's missing one thing, a 'blog' section. Can you add that to this theme?

Thanks,
Dan
By adding, I mean a complete separate page (and links to it), with the same theme.
etap SELLER
Hi Dan,

Thanks for purchasing BERG template.

Of course! I will add it in one of the future updates, but I can't guarantee the ETA. As you know, adding the blog features is not easy :)

Thanks!
Shambix PURCHASED
Totally agree. Would love to see a blog section too (separate pages are fine), with maybe a few different layouts (different sizes masonry style, filters...) and a couple different layouts of single post and single portfolio views :)
I'd really like to see this too :)
etap SELLER
Thanks for the feedback :)

Blog feature with a complete separate page will be included in the next update. It may take several weeks to months.
Dears, I really like that Theme ... Good Job.

I'm interested in Material Design Lite for making my personal website ..
I'd like Berg Theme in Material Design Lite .. How is that can be possible ?

Thanks.
etap SELLER
Hi ShenoudaB,

Thank you for your interest in our template :)

Sorry, I cannot give you a clear answer now. You may want to check this link: http://fezvrasta.github.io/bootstrap-material-design/
Brilliant work! Love it :)
etap SELLER
Hi, Glad you love my template :)
Hi :) This is an amazing theme. Thank you so much for putting it together. *going to buy now*

The only thing that REALLY irks me is the navigation menu on my mobile.
1. It doesn't show up on my screen when you first come to the site (the landing page) which can be confusing for users. Then when you do scroll down a little and see it and click on it, it doesn't automatically fill the screen, you have to scroll down to see the rest of the navigation menu which is a bit weird. I do like how the nav menu is at the bottom of the landing page on computers though. Hoping you can find a way to make it at the top of the page for mobile so it works better.
and
2. When you do tap on the navigation screen and it expands then when you click on a page the nav doesn't automatically retract so you see a tiny part of the page you navigated to poking out the bottom of the still down navigation screen and have to manually click the top right hand corner of the nav screen to retract it. Unprofessional.

But apart from that (just in case you wanted ideas for later updates ;) ) it's a great theme.

Also I'm a little confused by the single licensing description on this site. If I buy your theme to modify in making a website for someone who is paying me to make them a website, is that okay?

Cheers,
Nikki
etap SELLER
Hi Nikki,

Thanks for purchasing BERG, and I am glad you love it :)

You are right, that will be something I would fix in the next update. If you need a quick fix for that, here are the steps, it has been tested and worked (iPad & android phone):

1. Make the navigation at the top of the page for mobile.

- Open your assets/css/berg.css, under "4. HOME" section, copy this css code:

header.hero {
// some code
}

@media (max-width: 991px) {
header.hero {
margin-top: 65px;
}
}

- Under "5. NAVIGATION" section, copy this css code:

.navbar.navbar-fixed-top {
// some code
}

@media (min-width: 992px) {
.navbar.navbar-fixed-top {
position: relative;
}
}

2. Automatically retract the navigation when users click on a page for mobile.

- Copy this js code into your assets/js/main.js.

var hideNavCollapse = function(){
$('.berg-collapse').collapse('hide');
};

$('html').not('.navbar-nav a').click(function(){
hideNavCollapse();
});

document.addEventListener('touchmove', function(){
hideNavCollapse();
}, false);

- Under "4. Page scrolling feature" section, copy this js code:

var pageScroll = function(){
$('.page-scroll a').bind('click', function(e){
e.preventDefault();
e.stopPropagation();

var anchor = $(this),
href = anchor.attr('href'),
offset = $('body').attr('data-offset');

if (typeof href != 'undefined'){
$('html, body').stop().animate({
scrollTop: $(href).offset().top - (offset - 1)
}, 1500, 'easeInOutExpo');
}
});
};

pageScroll();

3. If I buy your theme to modify in making a website for someone who is paying me to make them a website, is that okay?

Yes, for just one single installation / client. You can find more details about usage licenses in this page: http://support.wrapbootstrap.com/knowledge_base/topics/usage-licenses

Wish you the best in your project. Thank you :)
I am having trouble with the send_mail.php file. I changed the $host, $username, and $password, like it said to do in the documentation.html file, but it gives me the "Error sending. Try again later" message. And yes, I did upload this to a server.

<?php
require 'PHPMailer/PHPMailerAutoload.php';

$host = 'host';

$username = 'contactme@website.com';

$password = '************';

$send = false;

Any help would be absolutely splendid. Great work on the CV as well. Love the sleek animations. Could the host be a problem? Dreamhost works well with most PHP mailers...
etap SELLER
Hi Legofreak73,

Thanks for purchasing BERG :)

Everything works fine for me. Your email server may need a special configuration such as port number, etc (http://wiki.dreamhost.com/Email_Client_Configuration)

Example:
$mail->SMTPSecure = "ssl"; // sets the prefix to the servier (ssl / tls)
$mail->Port = 465; // set the SMTP port for the dreamhost email server

Do you have mailer@mydomain set up as a valid email address hosted at dreamhost? (http://wiki.dreamhost.com/Email_Setup)
I got it to work!! :D but here is one major problem I cant seem to solve:

sending a message from a gmail address.

once that is fixed, im golden :)

Again, thanks for the sweet CV!
etap SELLER
Hi Legofreak73, glad you have solved it :)

Example using Gmail:

$host = 'smtp.gmail.com';
$username = 'username@gmail.com';
$password = 'gmail_password';

$mail = new PHPMailer;

$mail->isSMTP();
$mail->SMTPAuth = TRUE;
$mail->Host = $host;
$mail->SMTPSecure = 'ssl';
$mail->Port = 465;

You may want to Allowing less secure apps to access your account (not recommended):
https://www.google.com/settings/security/lesssecureapps
etap SELLER
Now while I won’t recommend you allow less secure apps to access your gmail account, it’s currently the only way I know of to allow PHPMailer to use your gmail account to send outgoing mail.

Please don’t enable this access unless you fully understand what’s going on, and what the possible ramifications are :)

You can read a full explanation of what risks that subjects you to, and get a full explanation here:
https://support.google.com/accounts/answer/6010255
I think I didn't explain it correctly. Thank you for the link though :)
The current setup i have is still

$host = 'mail.server.com';

$username = 'username@domain.com';

$password = 'password'

The email address I am using to receive messages from the website forwards said messages to my real email address. I do not want to use my gmail address to receive messages. I want users to be able to send me messages from their gmail address, while also being able to send me messages from any other email addresses.
etap SELLER
Contact form is a basic website form using only HTML (for the form) and PHP for the form processing.

Along-side the HTML form you will find a basic PHP script which will capture the form submissions and send the form contents (name, email, phone number, message) to your email address.

A contact form is a great way to offer your website visitors the ability to get in touch, without giving out your personal email address.

You can not "force" your website visitors to use their gmail account to get in touch with you using the contact form on your website. Because to be able to send email, they must be connected to Gmail SMTP server with their username and password.

I hope you find this helpful :)
Ok I think I understand... I'll just settle for non gmail users :(
etap SELLER
I think almost all the major websites that I know uses the same method on their contact form (capture the form submissions and send the form contents to specific email address) .

So it doesn't matter though your website visitors are gmail user (or any other email accounts). You will still receive messages from them. Screenshot: https://flic.kr/p/wSmt8L

Thanks. Have a good day :)
I'm a little bit confused. Can I use this with WordPress? If not, do I need to download the Bootstrap 3 framework? Also, what's all included with this theme? Does it also come with the code or is it just a template? I'm sorry if I'm sounding a little stupid, I'm just new to this site. I love the theme and want to use it, I just need to know more about it first. Thanks!!
etap SELLER
Hi mel200700,

Sorry, It's a HTML template. Not WordPress. There is not mention of WordPress in the template description. If you have average knowledge about HTML/CSS. You can modify this things very easily. :)

Thank you.
Hi,

I purchased this plugin. Why does the theme show this error in Chrome :

"This page is in norwegian . would you like to translate it ?"

Please advise.
etap SELLER
Hi fastdnshost,

Thanks for purchasing BERG. Here are the steps:

1. Sets the default language to English:

<html lang="en">

2. Add this tag in between <head> and </head>:

<meta name="google" value="notranslate">

I hope you find this helpful :)

Thank you.
etap SELLER
FYI: This all happened because the "lorem ipsum" text in the template... :)
Shambix PURCHASED
With the new version (not sure if it also happened with the previous one), I keep getting a js error in the menu.
When I click on an iteam, if the url is http://www.something.com#portfolio, I get a js error in the console:
Error: Syntax error, unrecognized expression: http://www.something.com#portfolio
If I remove the http://www.something.com part, (just leave #portfolio), it works fine.

Please advise.
Shambix PURCHASED
Also, Im using jQuery 2.1.4 (latest) and I dont want to/cant use an old version.

Could you please check and provide a fix in case?
etap SELLER
Hi Shambix,

Everything works perfectly as in my demo page:
http://themes.lucky-roo.com/berg/HTML_Template/home-1-static-image.html#portfolio

Can you provide your page URL? Need to look at the HTML inspect element to have better view on this. You can email me, if you have some private information about your development page.
Shambix PURCHASED
You will see the error if you replace one of the menu items with:

<li class="page-scroll active">
<a href="http://themes.lucky-roo.com/berg/HTML_Template/home-1-static-image.html#services">Services</a>
</li>

I need the menu items to have the rest of the url too (not just the #part), because I have other internal pages that use the same menu.... so if from page X I need to go back to section #services of the homepage, I should be able to.
etap SELLER
Hi,

If you want the menu items to have the rest of the url, you must remove "active" class from <li> element.

Exampe:
<li>
<a href="http://themes.lucky-roo.com/berg/HTML_Template/home-1-static-image.html#services">Services</a>
</li>

Hope that helps. :)
etap SELLER
Sorry I mean you have to remove the "page-scroll" class...
Hey,
I really love this theme but I only know HTML and not CSS. Would I be able to design my website using basic HTML knowledge and the documentation provided?
etap SELLER
Hi,

Thank you for your interest in our template :)

If you just want to edit the content, average knowledge of HTML/CSS is enough.

But if you want to redesign this theme, you must be expert at HTML/CSS and average to good knowledge of JavaScript.

Online Doc: http://themes.lucky-roo.com/berg/Documentation/

Thank you.
I just need to edit the contents. Might require a change or two in the design such as menu reordering, would seek your help if I couldn't figure out that.

Thank you.
I was admiring your theme and had a question prior to (possibly) purchasing. Will changing any site-wide misspelling of "strengths" (you spelled "strenghts") including tag ids, etc. throw off any theme coding?
etap SELLER
Hi chrisjacobsen,

Thank you for your interest in our template.

You are right, that will be something I would fix in the next update. If you need a quick fix for that, you can email us to request all the files once you've bought the template.

Hope that helps. :)
z10rog PURCHASED
Have you tested this in Microsoft Edge browser? At least contact-3-with-google-map-and-contact-form.html doesn't seem to function correctly. No text is shown at my setup.
etap SELLER
Hi z10rog,

Thanks for purchasing BERG theme :)

Current version of BERG theme has been tested and worked perfectly in Latest Chrome, Latest Firefox, Latest Opera, Latest Safari and IE (9, 10, 11). There is not mention of Microsoft Edge browser in the template description.

Thank you.
Hi, thanks for this beautiful theme

I was wondering if you can integrate the <section> of the portfolio page (ex : single-portfolio-1.html) in the fiterable-portfolio.html. Indeed, i want to hide it and link it to my portofolio image links and then when i click on this section link i have just to close it to return to where i was before. It hope it was understandable. Thanks in advance !
murf17 PURCHASED
Excellent template. Clean, professional design. Solid code and documentation. Excellent support. Best I've experienced so far. Many layout options. Highly recommend.
Hi,

I was wondering if we can made links to an anchor situated on another page. I try to use the # method but i was unsucessfull ( example : i put an <a href="index.html#portfolio"> on my single-portfolio.html to return on the portfolio part of my home page when i was done with the "single-portfolio.html" page but it doesn't work. I hope it was understandable ! Thanks !
etap SELLER
Hi,

Thanks for purchasing BERG Theme :)

Can you provide your page URL? Need to look at the HTML inspect element to have better view on this. You can email me, if you have some private information about your development page.

Thank you.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$11
877Purchases

Licenses: Details »

Single application $11
Version:3.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
Browsers:
  • IE 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Categories:
Tags: berg, creative, cv, portfolio, resume, vcard
Item#:WB0394407
Released:2 years ago
Updated:2 months ago
Sold exclusively on WrapBootstrap
etap

etap

Signed up 5 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: