HTML & CSS are two of the core technologies for building Web pages.CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on the screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once.
Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
PSD file is a layered image file used in Adobe PhotoShop. PSD, which stands for Photoshop Document, is the default format that Photoshop uses for saving data. PSD is a proprietary file that allows the user to work with the images’ individual layers even after the file has been saved.
- Slicing the PSD file containing the web template.
- Download needed bootstrap from the official web site and unzip it.
- create index.html and style.css files for the template.
- In the “index.html” file, initiate bootstrap within the <head> section
- Javascript within the <body> section of index.html.
- Need to use the available element in bootstrap in your HTML template.
- Slice out PSD to HTML.
- Images should be in JPG and PNG format. Text should be converted.
- Write markup HTML code using Bootstrap, CSS, and Javascript.