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
- Name: WeatherCast
- Version: 1.0.0
- Updated: 05/04/2023
- Created: 05/04/2023
- Author: Travolgi ©
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
- Weather and forecast design
- +5 demos/pages and Many more to come
- Amazing animation and effects
- Responsive & Mobile Friendly
- Tabs and Carousels design
- Blog and News
- Contact form
- Google maps
- Clean Code Structure
- High Performance
- Semantic HTML5
- CSS3 Custom properties
- Flexbox & Grid layout
- SEO Friendly
- HTML, CSS, JS, PHP files are included
- W3C valid HTML files
- Animate On Scroll
- Google Fonts
- Font Awesome Icons
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.

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.

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.

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
- Animate On Scroll Library - https://michalsnik.github.io/aos
- Google Fonts (Encode Sans Condensed, Encode Sans, Marcellus) - https://fonts.google.com
- Font Awesome Icons - https://fontawesome.com
- Pexels Images - https://www.pexels.com
- Unsplash Images - https://unsplash.com
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.
