Newday - Responsive Multi-Purpose HTML Template
Newday is a modern, clean and professional HTML Template, It is fully responsive, it looks stunning on all types of screens and devices.
Template Features
- HTML5 / CSS 3
- Fully Responsive (Tested on Multiple Devices)
- Full Width Layout
- Magazine Design
- Inner Pages:Home 01,Home 02,Home 03,Home 04,Home 05,Home 06,Home 07...
- Mega Top Menu
- Mega Vertical Menu
- Sticky Menu
- Brand Showcase
- Hot Categories
- Special Product Groups
- Services
- Carousel : Best Sellers, On Sales, New Products, Latest Deals, Deals of The Day, Related Products, Testimonials, Categories, Filter Section, Banners, Slideshow,...
- jQuery Enhanced: Portfolio, Rooms, Gallery Filtering
- 10 Predifined Colour Schemes
- Flexslider included
- 24 HTML files
- HTML5 and CSS3 tableless design
- Event List and upcomming events
- Multimedia Post
- Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome
- Included documentation.
How to put the template online
After you have downloaded the theme to your liking by replacing the text and images with your own, you'll want to put it online but in order to be able to put your new theme online there are some requirements you need to meet:
- Buy a domain name
- Buy a web hosting service
- Have a ftp client installed
HTMl Structure
The basic structure of the pages of the theme is presented in the picture below
Home page Structure
CSS Structure
This all file css
a,.primary-nav ul li.current-menu-item a,.top-bar-right a:hover,.primary-nav ul li a:hover,.cpt-filters li a:hover,.cpt-filters li a.selected,
.blog-title a:hover,.sidebar .widget_nav_menu ul li a:hover,
.sidebar .widget_nav_menu ul li.current-menu-item a,.st-recent-posts ul li a:hover,.st-recent-posts .recent-date,.footer-social li a:hover,
.tab-title li.current,.woocommerce ul.products li.product a:hover h3, .woocommerce-page ul.products li.product a:hover h3
{
color:#ffd429;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
}
input[type="reset"], input[type="submit"], input[type="button"], button,.footer-social li a:hover,.btn_default,.acc-title-active,.toggle_current,
.st-pagination li a:hover,.ui-datepicker-calendar .ui-state-hover,.ui-datepicker-calendar .ui-state-active,.go-detail,.go-gallery,
.color,.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button
{
color:#ffd429;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
}
Javascripts
This theme contains many advanced jQuery functions and libraties.
All javascript files (at js/ folder) :
- jquery-1.10.2.js
- jquery.countdown.js
- jquery.plugin.js
- jquery-ui.min.js
- price.js
- owl.carousel.js
- jquery.themepunch.plugins.min.js
- jquery.themepunch.revolution.min.js
- jquery.blueimp-gallery.min.js
- bootstrap-image-gallery.js
Sources and Credits
I would like to thank the following providers. This theme would not have been possible without the hard work and dedication of all of them.
- Jquery JavaScript Library
- Icon font by Font Awesome
- Font Google
Please note that none of the images in the demo are available in the theme package.
In order to get sample images, please register an account at our support forum and go to this form : http://7uptheme.com