Build a Simple Portfolio App with HTML+CSS+Bootstrap

Build a simple and minimalist portfolio with the basic technologies like HTML , CSS , Bootsrap

4.00 (2 reviews)
Web Development
2 hours
Feb 2022
last update
regular price

What you will learn

Learn how to build portfolio website without using any frameworks like.

Learn the mostly used css concepts like flex , grids , colours , backgrounds etc

Implementing bootstrap classes without

Making websites responsive with bootstrap grid system


Hi Guys ,

Welcome to the course ' Portfilio app with HTML + CSS + Bootstrap '

In this course you will learn the following topics

  • Build a portfolio app with the basic web fundementals like HTML , CSS , Bootstrap.

  • Using the main CSS concepts like flexboxes , grids , colours , backgrounds , transitions , transforms etc.

  • Implementing bootstrap to speedup the css styling.

  • Using bootstrap classes without effecting the core CSS.

  • Making the portfolio website responsive with Bootstrap grid system and css media queries.

  • Implementing lottie animations

  • Pushing application github repository

  • Deploying application to Live server.

  • 24 / 7 QA Support

  • Last but not least , the entire thing we will do all the above in just 2 Hours.


The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.


Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.


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.

Why Portfolio

A portfolio website is the ultimate way to showcase your work and let others reach out for you. It is your bread and butter if you are a freelancer in whatever sphere.

  • A portfolio website presents your professionalism and dedication to the craft better and more clearly than any CV. You don’t just tell, you show actual cases and examples which speak volumes. Moreover, owing to the portfolio website, you can show your mature and sophisticated approach to selling your work along with yourself.

  • Your portfolio is the only web-space where everything is up to you. You are able to create a never-seen-before platform with unique content and achieve a recognizable identity the way you imagine it. A private portfolio website lets your inner creator go far beyond any cliché.

  • An online portfolio is certain to make you available and searchable for new clients. It lets your potential employers find you the moment they get round to using a search engine or looking through candidates’ applications.


Intro and Resourses

Project Setup


Header Part - 1
Header Part - 2

Intro Section

Intro Part - 1
Intro Part - 2
Intro Part - 3


Services - Part 1
Services - Part 2

Skills and Experience



Projects Animation
Projects Part 2
Projects Part 3

Contact Form

Contact Form

Footer and Deplyment

Hyperlinks for menus


Build a Simple Portfolio App with HTML+CSS+Bootstrap - Screenshot_01Build a Simple Portfolio App with HTML+CSS+Bootstrap - Screenshot_02Build a Simple Portfolio App with HTML+CSS+Bootstrap - Screenshot_03Build a Simple Portfolio App with HTML+CSS+Bootstrap - Screenshot_04



Build a Simple Portfolio App with HTML+CSS+Bootstrap - Price chart


Build a Simple Portfolio App with HTML+CSS+Bootstrap - Ratings chart

Enrollment distribution

Build a Simple Portfolio App with HTML+CSS+Bootstrap - Distribution chart
udemy ID
course created date
course indexed date
course submited by