Posted on Tuesday, June 18, 2019
These are 3 steps on how I build this site: http://resume.topman.com.np
I use an official free bootstrap template and simply modify the content only. This template is a resume template. This is the link to the template: https://startbootstrap.com/themes/resume/
Popup links using CSS position property
I have used two popup links in the right side of the viewport (visible screen). In order to achieve it, I have used position property set to fixed, right to 0 and top to 50%.
According to w3schools document, there are five different position values for position property. After using the position property then only top, bottom, left and right properties can be used in order to position the selected element.
The new css file called ‘custom.css’ is created to give design to the two popup links. But for the hosting, a minified version is used called ‘custom.min.css’ which basically doesn’t contains extra spaces and comments. You can use following links in order to minimize the css.