Bootstrap

How To Create Portfolio Online using Bootstrap

portfolio online using bootstrap

Hi friends today i will teach you How to create portfolio using bootstrap . A lots of websites use Portfolio to show your specific project creating an online portfolio can be a great extension to a resume as it allows potenstial employers to view previous projects a person has worked on. The guid will walk you through making a portfoilio with a modified Bootstrap Theme for learning purpose. Bootstrap is a Web Design plateform that allows users to create modern and responsive web pages with very little effort or knowledge of web design.

How To Create Portfolio Online using Bootstrap

Getting Bootsrap

Bootstrap can be Download to your needs from their Getting Started page but i would prefer using the CDN option, because it is faster also it is advised to go through and get yourself accustomed with some bootstrap terms, including common classes. This page also some Examples of how to use Bootstrap classes.

Creating Portfolio Section

This step we are going to creating a section where show portfolio image with .

Creating Modals For Every Section

after click portfolio image then open a modal and show portfolio image with description. in this step we are creating  modal each portfolios.

Give Custom Style For Section and Modals using CSS

in this step we are creating a style for making attractive portfolio using css.

If you facing any type of problem with this source code then you can Download the Complete source code in zip Formate by clicking the below button Download Now otherwise you can send Comment.

Download more Source Code

[clickToTweet tweet=”How To Create Portfolio Online using Bootstrap” quote=”How To Create Portfolio Online using Bootstrap” theme=”style5″]

 

About the author

Deepak

Hi, This is Deepak Raj from Sourcecodesite.com.I am a Web Developer, Blogger, Online Instructor and SEO consultant who has been working online for last 4 years and he is running several successful websites on the internet.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.