Free Editable Website Template for Landscaping

Create and customize your own website template for landscaping simply by clicking and choosing options below. This editable template was created to make it easier making websites. This template generator does not pretend to be absolutely the greatest on the Internet -- it is siply designed to enable people make a quick website without the knowledge of website design, CSS or HTML programming.

Go back to template editor

Your Custom Generated HTML Code

To install this template on your web hosting account, create a new file, such as index.html and paste the code below into it. Do the same for style.css. Save both files on your hard drive and upload them to your web hosting root directory. Both files must be placed into the same directory on the hosting server. This can be accomplished using an FTP client such as FileZilla or CuteFTP or the file manager available from your hosting company's control panel. From that point on, your new website should appear at your domain name.

Upload files below to the root directory of your hosting server.

Your Homepage paste the following code into your "index.html" file

Note: The original template includes the famous Starry Night painting by Vincent Van Gogh. You can replace the image with your own by uploading a new picture to your web host, and changing the HTML below. Simply locate the IMG tag in the code and within it's SRC attribute, change the location of the image you want to use, or delete the image completely.

CSS Style File paste the following code into your "style.css" file

body { background: #E1E1E1 url('GrayBackgroundStripe.png') repeat-x; text-align:center; }
                                            div { border:0; position: relative; text-align: left; font-family: Arial, sans-serif; font-size:12px; }
                                            #PageContainer { width: 850px; margin: 0 auto; background: #ffffff; }
                                            #Header { height: 100px; }
                                            #Header #LogoImage { top:25px; left:16px; width: 59px; height: 56px; background: url('DiamondLogo.png') no-repeat; }
                                            #Header #LogoText { position: absolute; top: 28px; left:80px; font-family: Arial, sans-serif; font-size: 38px; font-weight: bold; color: gray; }
                                            #NavigationLinks { position: absolute; top: 45px; right: 32px; }
                                            .NavigationLinks { float:left; margin-left:40px; width: auto; text-align: right; font-family: Arial,sans-serif; font-size:18px; }
                                            /* Main navigation link colors when mouse is away */
                                            .NavigationLinks a, a:visited, a:link { color: #007FEF !important; text-decoration: none; font-size:16px !important; font-weight:bold; }
                                            /* Main navigation link colors when mouse is hovered */
                                            .NavigationLinks a:hover { color: #898989 !important; text-decoration: none; font-size:16px;font-weight:bold;  }
                                            /* Footer Links (pravacy policy,etc) */
                                            #LeftFooter div a,
                                            #LeftFooter div a:visited,
                                            #LeftFooter div a:link,
                                            #LeftFooter div a:hover { color: #333333 !important; font-size:12px !important; font-weight:bold; text-decoration: none; }
                                            .Blue { color: #007FEF; }
                                            .Gray { color: gray; }
                                            .Italic { font-style: italic; }
                                            #Splash { width: 850px; }
                                            #ImageLogo { width: 289px; height: 263px; background: url('Logo.png') no-repeat; float: left; }
                                            #WelcomeBackground { width: 561px; height: 263px; background: url('WelcomeBackground.png') repeat-x; float: left; }
                                            #PresentationText p { font-size: 20px; text-align: center; color: #696969; font-family: Arial, sans-serif; }
                                            #PresentationText h1 { font-size: 32px; text-align: center; color: #696969; font-family: Arial, sans-serif; }
                                            #PageBody { width: 850px; background: #ffffff; border-left: 1px solid gray; }
                                            #PageBody #LeftSidebar { width:288px; float: left; }
                                            #PageBody #Content { width: 560px; background: #ffffff; float: left; }
                                            .Clear { clear: both; }
                                            .Padding { padding:16px; }
                                            .Padding h2 { color: #656565; font-family: Arial, sans-serif; font-size: 19px; margin-top: 0; }
                                            .Padding p { color: #656565; font-family: Arial, sans-serif; font-size: 14px; }
                                            #PageContent h2 { color: #007FEF; }
                                            #PageFooter { width: 850px; background: #E1E1E1; border-left: 1px solid gray; }
                                            #PageFooter #LeftFooter { width:290px; float: left; background: #A4A4A4; }
                                            #PageFooter #FooterContent { width: 560px; background: #AEAEAE; float: left; }
                                            #PageFooter #FooterContent div { text-align:right; }
                                            /* Please do not remove or modify the following code*/
                                            .Creators { color:gray; font-size:10px; text-align: center; margin:20px; }
                                            .Creators a,
                                            .Creators div a:visited,
                                            .Creators div a:link,
                                            .Creators div a:hover { color: gray !important; font-size:10px !important; text-decoration: none; }

And Finally... Right click image file links below and save them

This template contains the following images. These images must be located in the same directory along with index.html and style.css. In order to save these images you have to right-click on them and choose the "Save As..." option. After downloading these files to your hard disk, you can upload them to your web host using an FTP program or your web hosting's control panel.

Website Background (2.64kb)
This image represents the background of the entire site.

The Diamond Logo (1.72kb)
(you can replace this with your own image, as long as you keep the same image dimensions it'll fit into the template correctly, otherwise you'll need to manually change the CSS code to adjust the width or height of the logo)

The Blue Logo Area (4.38kb)
This image appears on the left hand side and can be changed to any image you wish to represent your company. This image can also be replaced by an interactive slideshow.

The Gray "Welcome" Area (15.5kb)
This is the background image for the gray area.

How To Use This Template Editor?

Type directly into this template to change any text.

Click on the Generate Code button to create the page.

Upload generated files to your webhost.

Come back to create additional pages.

Helpful Navigation Links

Lorem Ipsum is the dummy of the text and font printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text for multiple decades.

Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry's standard dummy text since 1500s.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing industry.

Who We Are

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

What We Do

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.

2011 Copyright Diamond Group

Click on this button to generate HTML files for your website and upload them to your webhost's root directory.

In order to use the templates generated with this free web-based website builder you must abide by the rules: all code for website templates produced by software on this page can be copy and pasted to make your own site as long as the footer of the template is left unchanged. The footer must contain a link back to this page.

Create a Simple Website

Review the generic template above which will serve as your starting point. You can modify its layout, colors, font size, background image, etc. by using the provided controls. Once satisfied with the look, click on the Generate button and copy and paste the generated files to your web host. Come back any time to make more websites!

Install this Website by Uploading it to Your Web Host

Because this website uses HTML and CSS code, it can be uploaded to any web server capable of hosting HTML files (that means pretty much any web hosting company). To install this template, simply give the code generated by clicking on the link/button above to your web designer or you can upload it to your web host yourself using an FTP client such as CuteFTP or FileZilla.

You Can Further Adjust Your New Website

The template you just created doesn't have to be the final version. With just basic knowledge of HTML you can customize the appearance of your new website! Freely add new things such as videos or images by embedding them into the code generated by this website template editor.

Thanks for visiting websitehomework.com's online web design template generator for Landscaping.

Host Your Template Here: Get Website Hosting Register Domain Name