We are the Web site administrator, update, modify or change the Site. Because clients are demanding more functionality and better results from their websites and we create unforgettable brand experiences. Our passion is helping design and build solutions that strike the perfect balance between users, business, and technology.
HTML5 & CSS3 site design on HTML5 & CSS3 base. Easy to use easy to use and clean code. Clean and Fresh clean and fresh theme and template.
Please Note: Support is limited to questions regarding the theme's features or problems with the theme. We are not able to provide support for code customizations or third-party plugins.
Before uploading your web pages to a public server, you should have the site completely set up on your computer. This means there should be no broken images or links while you test them on your computer, otherwise they may not work on the Internet either.
First of all, you will need to unzip all files to your computer. If you have Windows XP, no additional software is required — on older systems you will need some unzipping software, like 7zip. Unzip the contents of the .zip file anywhere on your computer. This will create a folder named something like 005 (depending on the ID of the file you downloaded). You can rename this folder, it won't affect the files inside it. You may not, however, rename folder images or any image inside it, or the stylesheet (file with extension .css) since this will break the layout.
As I already mentioned, I always save images in a separate folder named images. The stylesheet is saved in the root folder together with HTML file(s). You are not supposed to edit any of the images, or the stylesheet — this is my original design that I don't allow to be altered.
The stylesheet and images are relatively linked to .html documents, so they will work on any computer, and online as well.
Open the file(s) to be edited in Notepad (Notepad++, EditPad, Programmers Notepad, PSPad... any editor will do). On HTML templates it's the file index.html that needs to be edited.
My templates contain comments that explain where your content and navigation should begin, and where they should end. It looks something like this:
<!-- CONTENT START -->
Do not edit anything that has not been suggested with comments, since you may ruin the layout. And don't remove the credits, either. Do not, and I seriously mean do not remove the DOCTYPE declaration, it is not there to look pretty, but to insure the layout will look as imagined in all browsers, on all systems. If you remove a part of code and then something looks off, don't ask me to fix it. (It happens occasionally.)
First of all, edit the title inside the
The main title of the page is inside
tag. If you want a fancy formatting I set in my stylesheet, make sure your titles are all wrapped in this tag.
Smaller headings are inside
tags — these titles are usually in the sidebar, but may sometimes also be in the content.
On some layouts there is a third level of headings as well, all wrapped in
tags — this is more often on a blog-like templates.
tag is extremely rare but, may appear on some templates.
Some layouts have pretty boxes for some content you wish to emphasize — it's usually a
with class box or a
— this is mentioned in the template itself.
Make sure all text you write is inside a paragraph
, otherwise text might not be justified, or line spacing may not be convenient for reading. You should do your best to use tags that I used, so your page would closely match the original template.
When you insert your own images, make sure they're relatively linked to the document, instead of, for example,
In the end, don't forget to save your files. Name them somewhat recognizable. For example, the first page that will be displayed to the visitors must be index.html. A page where you will link to other web sites could be named links.html, while a page where you will write about yourself might be named about.html. If you use names that are easily connected with the content, this will help your visitors to find their way, and to you when you decide to edit some pages.
I strongly advise you to use relative addresses, because this way you will be able to test all pages while they're still on your computer. When linking to the About me page from any other page in the same folder, you should use:
<a href="about.html">About me</a>
Open your index page and follow all the links on it to other pages. If you get an error "The page cannot be displayed" your link is probably incorrect, or you linked to a page on the Internet and you're not connected at the moment.
If you used relative URL-s then every page that works on your computer, should also work online.
Now that you have edited the code as you like and inserted the content it is time to upload the new version of the file up to the server. Save the file as the same name as it is on the FTP. (index.html, about.html, etc) Once saved, upload the new version up to the FTP. Go back to your browser and click refresh. Don’t forget to wait until the FTP is done uploading or else you won’t see any changes.
Editing CSS can be very tricky until you get the hang of it. I would highly recommend not editing the CSS if you have not used it before. For those that feel like giving it a shot you can go ahead and open the style.css file in your same editor. Once again, I strongly encourage you to keep the original file separate for future access. CSS can be very touchy and will break when not coded properly. But at the same time as long as you keep an original copy safe feel free to learn how it works.