Heal is a Multipurpose Premium Non-profit Charity WordPress Theme what can be used to build a nice website for a Non Profit Projector or Charity foundation project. Heal is clean, flexible, SEO ready and has a fully responsive layout. Heal WordPress theme loaded with lots of features and has a professional customization option panel.
Few days ago I have created CSS Hexagon Buttons and Share it on Github as a free product under MIT License. That is you are free to use it where ever you want. To download those buttons go to https://github.com/shariarbd/CSS3-Hexagon-Buttons. I have added four different size of Buttons and integrated with Font-Awesome.
We have a new product on Themeforest based on App Landing Business Template and titled as MobiHolic - Ultimate App Landing Business Template what is Fully Responsive. This HTML5 Apps Landing template has two version. One is Light Version and the other is Dark Version. The flowing fetuses is belongs to the Template
There are two easy way to make CSS3 Hexagon and I am gonna show you the way in details that how to create css3 hexagon. In both case we will use ':after' and ':before' Pseudo-classes. Actually my target is to use only one container in HTML to create a hexagon because we need three elements. By using :after and :before css3 Pseudo-classes, we will get other tow container. Well, let us see how to create Hexagon.
First way of CSS3 Hexagon.
First we will take a container, in my case, a div tag as our HTML markup for Hexagon. Consider a class hex1 for that. HTML markup is as follows. Continue reading
A hexagon is a polygon with 6 edges and 6 vertex. Following is a example of hexagon taken from Wikipedia and there you will get more details about hexagon geometrically .
But we are here find the ratio of height and width to create hexagon in web designing. Well, there are two easy way to create hexagon as following images. First is with 2 triangle and 1 rectangle and second one is with 3 rectangle.
In both case we need rectangle and the question is that what will be the ratio of width and height of the rectangle? Well, we are here to calculate this. We will take a triangle from the hexagon for our calculation. Continue reading