Gridz - Responsive HTML5 Template
Gridz is a grid metro style HTML template, using most popular design trends as HTML5, CSS3 and jQuery. Gridz is great for any creative business, agency or portfolio website, also has commented HTML code for each panel included in the theme so you can easily adapt your templates to suit your needs.
HTML Template Features:
- Grid Metro Panel
- Vaild HTML5 pages
- Responsive Design
- LayerSlider Premium Plugin
- Video Slider
- Portfolio and Gallery Filter
- 3 Style Homepage
- 3 Style Pages (Grid, Fullwidth, Page with Sidebar)
- CSS3 Flip Effect (not support in IE9 and lower)
- Awesome Hover Effect (not support in IE9 and lower)
- Working PHP contact Form
- Easy to Customization
- Full PSD Included
- Documentation
- Support
- People and product photos used for demo preview only and not included in the main file.
If you need any help, please feel free to contact me through my profile page. Thank you
Credits:
- LayerSlider
- MixItUp
- prettyPhoto
Latest Update
14 July 2016
- Updated for retina display.
1 March 2016
- Improved social media share in portfolio single page and blog single page.
11 February 2016
- Added FlexSlider jQuery plugin to the template.
17 June 2015
- Updated jQuery prettyPhoto to latest version (3.1.6).
26 February 2014
- Updated LayerSlider to latest version (5.0.2).
24 December 2013
- Already add ‘go to top’ button.
- Already add social share button in Portfolio and Blog Single Page.
- Improved contact form in Contact Us Page.
31 October 2013
- Fixed CSS for display width 1280 and 1264.
17 October 2013
- Improved responsive.css for small devices.
Hello, your template is fantastic and works very well. I have only one problem with the newsletter:
ReplyDelete<!-Footer Subscribe->
<section class="footer-subscribe">
NEWSLETTER
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
<form>
<input class="first-name" type="text" name="firstname" placeholder="First name *" required />
<input class="last-name" type="text" name="lastname" placeholder="Last name *" required />
<input class="email" type="text" name="email" placeholder="Your email address *" required />
<input class="subscribe-button" type="submit" value="SUBSCRIBE"/>
</form>
</section>
<!-Footer Subscribe End->
I do not know it work. I want you to get me an email when someone fills out the form. If you could help I’d appreciate it.
Hi
ReplyDeleteThank you for purchasing my template
I can integrate subscribe form with Mailchimp service provider for receive subscribe message, if you already have Mailchimp account please contact me through my profile page, I will integrate subscribe form and send to you.
Regards
Pophonic
Hello,
ReplyDeleteThank you for this work, it’s perfect!
I just have a small alignment problem (I started in HTML) in the portfolio.
Should I send you a screenshot because my site is local.
Thank you for your help
Yes, please send your screenshot to me, could you please contact me through my profile page, I will look at it for you.
ReplyDeleteRegards
Pophonic
Hi Great theme… I have a question :How can i remove the flip code from grids without disturbing the system, because i dont want them all to flip—just some..
ReplyDeleteRegards Stephan
Hi
ReplyDeleteOpen hover.css file and disable or remove CSS code line number 57-73
.flip:hover .flip-front {
z-index: 5;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip:hover .flip-back {
z-index: 10;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
all flip effect will disable.
Regards
Pophonic
Hi,
ReplyDeletei know, but this is not what i want ,
I want only some of them to be disabled-
whats the code for an normal grid with picture or icon without flipping..
Regards
Stephan
This is the code without flipping, example for portfolio thumbnails and you can use for other flip items.
ReplyDelete<!--Portfolio 1-->
<li>
<div>
<a href="portfolio-single.html">
<figure>
<img src="images/upload/portfolio-thumbnail-06.jpg" alt="image" />
</figure>
</a>
</div>
</li>
<!--End-->
Just remove all flip class from div and remove the flip-back section.
Gridz is a HTML template and specific flip transition, you might have edit some CSS for the code above.
ReplyDeleteThis is another way for disable some flipping.
- Add css below into hover.css
.noflip .flip-back,
.noflip:hover .flip-front,
.noflip:hover .flip-back {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.noflip:hover .flip-back {
z-index: 0;
}
- and then add noflip class into <li> tag that you want to disable flipping.
Example:
<!--Portfolio 1-->
<li class="flip noflip">
<div class="flip-front">
<a href="portfolio-single.html">
<figure>
<img src="images/upload/portfolio-thumbnail-06.jpg" alt="image" />
</figure>
</a>
</div>
<a href="portfolio-single.html">
<div class="flip-back active-details gray">
<h2 class="title-back text-gray">Dolor sit amet</h2>
<p class="description-back text-dark">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
<div class="more-details">
MORE DETAILS
</div>
</div>
</a>
</li>
<!--End-->
thank you—works
ReplyDeleteStephan
Hi
ReplyDeleteGreat template!
I’m new to HTML and it is very easy to follow it.
A question about the menu: as it is common among all screens (at least in my case) is it not possible to manage it independently so you don’t need to customize it everywhere (without using PHP if possible)?
If I missed something obvious please be patient…
Thank you
Nemecsek
Hi
ReplyDeleteGridz is a HTML template so you need to change menu in all page that changed. I think ‘PHP include’ is a best way and will serve your need most.
Regards
Pophonic
Hi. Are you still planning on releasing a WordPress version? What would be the ETA?
ReplyDeleteThanks
Tim
Hi
ReplyDeleteI’m not sure about timeframe to release a Wordpress version, it has a lot details on this process. I will inform you immediately when it released.
Regards
Pophonic
Great job. I wonder is there has light-version of gridz like your another Template Gemiz. Another question how can i move nav menu to the top.
ReplyDeleteSorry, Gridz doesn’t have a light version and provide only left side menu (it has a lot work on CSS to move main menu to the top).
ReplyDeleteRegards
Pophonic
OK, So is there possible gridz Responsive like bootstrap’s col-xs-6 col-md-12 to control the display size on device like iphone/IPAD, How can i change the css files to make 2 small-grid on the same line when it shows on iphone. thx
ReplyDeleteThe template using a custom CSS not Bootstrap framework, you might have to manually edit in responsive.css file to change grid layout on small devices.
ReplyDeleteWhich page that you need to change to 2 small grid?, could you please send your request to me through my profile page, I will look at it for you.
Hi, I need to keep three service containers on each row always, instead of showing more or less fixed-size-items depending of the page width (However in very small screens I’ll prefer to have just one per row). How can I do this? We can talk through e-mail if I did not make my point clear on here
ReplyDeleteHi
ReplyDeletePlease contact me through my profile page, I will look a possibility to modify the template as your request.
Regards
Pophonic
Hi
ReplyDeleteWhether this theme support any other colour
Hi
ReplyDeleteYou need to edit through css files to change the color scheme.
Regards
Pophonic
Great template. I’m interested in buying it. But I have two questions.
ReplyDelete1. When viewing Portfolio Projects (More Details page) am I able to show more photos for that project (not just the main photo).
2. Are you still developing this template? because you haven’t updated it since June last year.
Thanks.
Hello
ReplyDeleteThank you for your interested.
1. Portfolio single page show only one photo for each project.
2. yes, I still developing, update for any bug fixed and new features.
also, I will add new feature that allow portfolio project show multiple photos, please follow the item page for any updates.
Regards
Pophonic
Great thank you. I will wait for an update then it it
ReplyDelete*buy it.
ReplyDeleteThe template has been updated to added FlexSlider jQuery Plugin, you able to show the multiple photos on portfolio single and blog single as image slide.
ReplyDeleteRegards
Pophonic
Does this template support retina display? I have viewed the demo on my iMac, it’s terrible!
ReplyDeleteThe template doesn’t support retina display yet. I will put it to my list for the next update.
ReplyDeleteRegards
Pophonic
When will you support retina display? I intend to buy this template for my photography website
ReplyDeleteMaybe next week depending on approval queue, I will inform you again when the update version released.
ReplyDeleteHello
ReplyDeleteThe item has been updated to support retina display.
Regards
Pophonic
Hi
ReplyDeleteI bought your Gridz template. It looks great. I have a problem / questions though:
The template is not expanding to 100% when we view it on laptop (13”). The right side of the site is black as the pics are not covering it. I need this to be a responsive site. Plz help!!
https://1drv.ms/i/s!ADHkjbTKncpWqEU
Where can I buy the stock pics used in the template? I would like to use few of them.
Thnx
Hello
ReplyDeleteSorry, the main container provided maximum width as 1024px only on the large screen.
Regarding stock photos that used in the template, you can buy it from the link below.
https://photodune.net/user/ollyi/portfolio
Regards
Pophonic
We do need the main slider image to extend more to the right. I tried Media Query to check if the page min-width was 1024px or higher in which case I put the wrapper width as 84% and height as auto. Any suggestions on the layoutslider as it seems to stick out a little too much to the right..
ReplyDeleteCould you please contact me through my profile page, I will send you a custom css to solve this problem.
ReplyDeleteRegards
Pophonic
do you have Wordpress version ?
ReplyDeleteSorry, the template doesn’t have Wordpress version yet.
ReplyDelete