WeatherCast theme logo Name: WeatherCast
Author: Travolgi ©

WeatherCast HTML Website Template with striking design

Create an eye-catching website with pre-configured pages for weather forecasts, events, news and enjoy high-performance and advanced functionality.

WeatherCast is designed to make your website a visually exciting and engaging experience, capturing visitors' attention with its minimal yet sophisticated design. With a seamless user experience and advanced functionality, your website will have high performance and impress visitors from the first moment.

Make your website exciting and eye-catching with the WeatherCast HTML website template, featuring a minimal design but with striking background images and interactive tab functionality. With high-performance and pre-configured pages for themes such as weather forecasts, events and news, you can create an impressive website in just minutes. Don't worry, the code is well commented and you will be able to modify it easily.

Documentation

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to contact us via the our TemplateMonster author profile.

You can also follow we on our TemplateMonster author profile to keep track of all our future themes, that you might be interested in. Thank you very much!

Overview

Boost your website with striking design and high performance features.
It's Super easy to customize so it'll suit your needs.

Template Features

Notice!

All images in WeatherCast template can be used only on demo version. You will need to upload your own images for your site.

Getting Started

The WeatherCast template is a static HTML template. Not WordPress. If you want to publish/install as HTML, you can edit and publish with any editor (visual studio code, sublime text, notepad++ etc). For this, you need to have a basic understanding of HTML and CSS, but don't worry, the code is well commented and you will be able to modify it easily. When you open HTML files in any editor, you can view and edit texts, add your own images.

No installation is required, to put your site online you just need to connect to your server's FTP and upload your files and your site will work.

Folder Structure

WeatherCast/                             // root folder
+
|——css/                            -- styles folder
|  ├─ aos.css                      -- animate on scrool library
|  ├─ custom.css                   -- file for your customizations
|  ├─ fontawesome.min.css          -- fontawesome icon
|  └─ style.css                    -- global style
+
|——fonts                           -- fonts folder
|——imgs                            -- images folder
+
|——js/                             -- scripts folder
|  ├─ aos.js                       -- animate on scrool library
|  └─ main.js                      -- global configuration scripts
+
|——php/                            -- php scripts folder
|  └─ contactform.php              -- contact form configuration
+
|——index.html                      -- html index start file
└──namePage.html                   -- various pages
+

Customization

Html

Site consists of 3 sections header, main and footer. Don't worry, the code is well commented and you will be able to modify it easily.

<header>
   [LOGO AND MENU]
</header>

<main>
   <-- help comment -->
   [CONTENT AND SECTIONS OF PAGE]
</main>

<footer>
   [FOOTER CONTENT]
</footer>

Styles

The css/style.css is the main style sheet. This file contains all theme styles like colors, fonts, elements etc. and generic reset (browser interpret the default behavior of html elements differently and with a generic reset CSS we can work around this). Please note that these values may be overwritten elsewhere.

If you want to edit a specific section of the site, simply find the appropriate class in the CSS file, then scroll down until you find the appropriate style you want to edit, then copy the class into the css/custom.css file and make any changes you want to make. This way, with future updates to the theme, you won't lose the changes you've made.

Javascript

The js/main.js file contains all the javascript functions needed to make the theme and its elements work properly.

These files are separated into sections using:

/*--------------------------------------------------------*/
/*	1. NAME OF BLOCK */
/*--------------------------------------------------------*/

Images

All images are located in the imgs folder. If you want to replace an image, just insert it in this folder with the same name as the original file with identical proportions to the image to be replaced.

Scroll animation

To change or add scroll animations just add the data-aos attributes to the element. For more info read the AOS documentation.

Animate on Scroll settings - WeatherCast documentation

Google Maps

To configure the google map enter the street of your company or the name of the Google MyBusiness card by replacing the spaces with the + sign.

Google maps configuration - WeatherCast documentation

Contact Form

To receive and send emails from the contact form of WeatherCast Template you will need to open php/contactform.php file and add your email address.

Contact Form configuration - WeatherCast documentation

Notice!

The form will not work unless you have your files running on a hosting server with PHP / JS. The form doesn't work in Localhost but it needs a real server to work.

If you don't receive a message in your mailbox, it could be due to the smtp hosting settings you are using. You can get help with SMTP settings from your hosting company.

Versions

ver. 1.0.0 - 05/04/2023
   - Created

Sources and Credits

Notice!

All images and icons in WeatherCast template can be used only on demo version. You will need to upload your own images for your site.

Other Templates

Below are some of our other awesome Templates:

Thanks

Once again, thank you so much for purchasing one of our Templates.
Best Regards.

©