Responsive layout design using Bootstrap
Budget: $10 – $30 USD
I require a responsive template as describes bellow.
First fold covering the whole screen
First row
Two panels, one for text another one for an image. The text panel has a title and a body below. The image panel must be able to hold a 1:1 or 3:2 (horizontal) image of at least 500 px tall. In desktop panels show side by side (image on the right), in small screens the image on top and text below.
Second row
A panel the wide of the two panels above. This must contaon a text and below space to place social icons.
I require these two rows to fill the first screen in both desktop and mobile. In desktop the rows must be vertically centered in the screen. These rows height must adapt to the contents.
Second fold.
A hero container.
As deliverables I require.
- The html and css files
- The bootstrap dependency link or directory
- Any dependency the project might require, although Id rather ask no other dependency than bootstrap
First fold covering the whole screen
First row
Two panels, one for text another one for an image. The text panel has a title and a body below. The image panel must be able to hold a 1:1 or 3:2 (horizontal) image of at least 500 px tall. In desktop panels show side by side (image on the right), in small screens the image on top and text below.
Second row
A panel the wide of the two panels above. This must contaon a text and below space to place social icons.
I require these two rows to fill the first screen in both desktop and mobile. In desktop the rows must be vertically centered in the screen. These rows height must adapt to the contents.
Second fold.
A hero container.
As deliverables I require.
- The html and css files
- The bootstrap dependency link or directory
- Any dependency the project might require, although Id rather ask no other dependency than bootstrap