DEV Community
dev.to › codewell › 6-html-and-css-projects-for-your-portfolio-3kbh
6 HTML and CSS Projects For Your Portfolio - DEV Community
September 5, 2021 - We've made a list of 6 HTML and CSS Projects you can practice on and include in your portfolio! ... You can also see a walkthrough of Codewell's challenges on Youtube. ... #webdev #javascript #beginners #tutorial It's OK to not know something — an interview with aspiring developer Joshua Dempsey · #webdev #codenewbie I redesigned YelpCamp by Colt Steele, and am giving away his Bootcamp for free!
Coursera
coursera.org › browse › computer science › mobile and web development
Build Your Portfolio Website with HTML and CSS
This 1-hour long tutorial will take you step by step to create a portfolio website. You will learn the basic components of a website, and how to create simple contents using HTML (hypertext markup language) and CSS (cascading style sheets), and how to host it on a popular developer website called “GitHub” with your own subdomain name!
HTML/CSS - What to create on portfolio projects?
To apply for front-end design a basic understanding of javascript is usually needed in most cases. When it comes to CSS, a preprocessor like Sass or Scss would give you advantage. Also Bootstrap is easy to learn - you get that down in a week - everything that brings you knowledge is important, in particular when it's easy to learn. If you're targetting front-end design be sure to show off your CSS skills - with animations and transitions for example. The more unique your stuff looks, the better. In most cases a default website with nothing more than the layout, a navbar and some photos isn't enough by far. If you're targetting front-end web development you have to be comfortable with at least one front-end framework like react, angular or vue. edit: You can look up “front end design portfolio“ on google to get a sense of some good portfolios! good luck! More on reddit.com
7
2
January 16, 201915+ Free Responsive HTML CSS Portfolio Templates
is this your website? looks like you have a ton of useful stuff there. How do you find all those things, if you dont mind me asking? More on reddit.com
4
14
May 4, 2022What are some good websites to find free HTML/CSS/JS templates?
Design Resources by Brad Traversy is my favorite place for over 100 different resources! More on reddit.com
70
96
February 23, 2023Online portfolio template recommendations
https://html5up.net/ More on reddit.com
2
10
October 8, 2016What can I build with HTML and CSS?
Example projects requiring only HTML and CSS include: a portfolio or simple personal website, an interactive resume, an email newsletter, a static responsive website, and a basic form.
skillcrush.com
skillcrush.com › home › blog › blog
These Are the Best HTML and CSS Projects for Beginners - Skillcrush
Can I make money with just HTML and CSS?
Yes! Jobs requiring only HTML and CSS include: building emails, website maintenance, and entry level front end developer jobs.
skillcrush.com
skillcrush.com › home › blog › blog
These Are the Best HTML and CSS Projects for Beginners - Skillcrush
What is the learning experience like with Guided Projects?
You'll learn by doing through completing tasks in a split-screen environment directly in your browser. On the left side of the screen, you'll complete the task in your workspace. On the right side of the screen, you'll watch an instructor walk you through the project, step-by-step.
coursera.org
coursera.org › browse › computer science › mobile and web development
Build Your Portfolio Website with HTML and CSS
Videos
02:15:47
PORTFOLIO website using HTML and CSS | PROJECT MAKING - YouTube
Create A Complete Portfolio Website Using HTML CSS And ...
12:53
Portfolio Website Project for Practice | Part-04 | Stats Section ...
34:10
Portfolio Website Project for Practice | Part-06 | Projects Section ...
57:42
Portfolio Website Project for Practice | Part-01 | Hero Section ...
04:47:01
HTML CSS Portfolio Project | Responsive Website Using HTML & CSS ...
Skillcrush
skillcrush.com › home › blog › blog
These Are the Best HTML and CSS Projects for Beginners - Skillcrush
August 2, 2023 - HTML and CSS Projects for Tech Beginners | Ideas for Building Your Portfolio, Practicing Your Skills, and Getting Paid.
freeCodeCamp
freecodecamp.org › news › how-to-create-a-portfolio-website-using-html-css-javascript-and-bootstrap
How to Create a Portfolio Website Using HTML, CSS, JavaScript, and Bootstrap 5
January 25, 2022 - Then I'll show you how to create a beautiful responsive portfolio website for yourself using HTML, CSS, JavaScript and Bootstrap version 5. ... Bootstrap is a popular front-end CSS framework which is used to develop responsive and mobile friendly websites. The latest release of Bootstrap is version 5. You can find the official documentation of Bootstrap 5 here. We will now start working on creating the portfolio website. First, let's create the folder structure. You can get the project starter files on GitHub.
Altcademy
altcademy.com › blog › 9-seriously-good-portfolio-project-ideas-in-html-css
9 Seriously Good Portfolio Project Ideas in HTML & CSS
January 7, 2025 - As you gain more experience, you can enhance your portfolio by adding animations, transitions, and other interactive elements. A responsive image gallery is a fantastic project for those who want to practice their HTML and CSS skills while creating something visually appealing.
Codecademy
codecademy.com › projects › language › html-css › portfolio
Portfolio projects in HTML & CSS | Codecademy
Portfolio project · HTML & CSS • JavaScript • Web development · Create an inspirational homepage where you can check the weather, read an inspirational quote, view a pretty image, and write down your goals for the day.
Coursera
coursera.org › browse › computer science › mobile and web development
Build a Portfolio Website with HTML, CSS, and JavaScript (Short Course) | Coursera
Using HTML, CSS, and JavaScript to manage the content, presentation, and other functional aspects, you’ll produce an online professional portfolio to share with potential employers.
freeCodeCamp
freecodecamp.org › news › build-a-simple-portfolio-website-with-html-and-css
How to Build a Simple Portfolio Website With HTML and CSS
January 13, 2025 - And there you have it! You've just built a simple portfolio website using only HTML and CSS. You've learned how to structure your project, apply a CSS reset, and create responsive typography and layout systems that scale beautifully across different screen sizes.
Quora
quora.com › What-are-some-HTML-and-CSS-projects-to-include-in-a-portfolio
What are some HTML and CSS projects to include in a portfolio? - Quora
Answer (1 of 3): Your best ones. What is your question? Edit: You clarify in your comment that you want ideas on new projects. I infer from this that you're new to the field and have few or no paid samples under your belt. A portfolio with hobby projects is better than no portfolio, so here goe...
Roadmap
roadmap.sh › projects › portfolio-website
Create a Personal Portfolio Website Using HTML and CSS
In this project, you will style the HTML website structure you created previously in a different project. The focus will be on learning how to use CSS to create responsive layouts, apply color and typography, and enhance the overall design of your website. Rough mockups of the website structure ...
Behance
behance.net › search › projects › html-css portfolio
Html-css Portfolio Projects :: Photos, videos, logos, illustrations and branding :: Behance
Behance is the world's largest creative network for showcasing and discovering creative html-css portfolio work
Codementor
codementor.io › projects › html_css
HTML/CSS projects to learn programming - DevProjects
July 13, 2021 - Use DevProjects as practice or enhance your portfolio with these fun HTML/CSS project ideas. From beginner HTML/CSS projects to more advanced ones, find your next coding project now.Get started ... At DevProjects, we love alpacas! It's our mascot, and we'd love for you to have your own alpaca ...
Reddit
reddit.com › r/webdev › html/css - what to create on portfolio projects?
r/webdev on Reddit: HTML/CSS - What to create on portfolio projects?
January 16, 2019 -
I'm targeting front end web design jobs for entry level.
A lot of employers ask to see a showcase of my work, examples of projects.
What type of pages can I create?
All I can think of is to pull some pictures off google images and create a nav bar and a couple of headers, a couple columns of text, a footer and some images for a dummy page.
Does anybody have any suggestions? It would be better if I could download all the images I need off a bank so it would look professional, or if I knew how to recreate someone's website.
So how can I approach this? Any resources that would be helpful? What would employers be impressed by?
Thanks
Top answer 1 of 5
4
To apply for front-end design a basic understanding of javascript is usually needed in most cases. When it comes to CSS, a preprocessor like Sass or Scss would give you advantage. Also Bootstrap is easy to learn - you get that down in a week - everything that brings you knowledge is important, in particular when it's easy to learn. If you're targetting front-end design be sure to show off your CSS skills - with animations and transitions for example. The more unique your stuff looks, the better. In most cases a default website with nothing more than the layout, a navbar and some photos isn't enough by far. If you're targetting front-end web development you have to be comfortable with at least one front-end framework like react, angular or vue. edit: You can look up “front end design portfolio“ on google to get a sense of some good portfolios! good luck!
2 of 5
3
I know that while learning something I eventually come to a "I wonder how/if I can do x" moments. If you do, too, pursue those thoughts and maybe it will lead you to something. They aren't always useful, but they do allow you to show off whatever skill.
devChallenges
devchallenges.io › projects › html-css
HTML & CSS Projects: Build Your Portfolio in 2025 | devChallenges
The layout should have 2 main sections: ... contact form section where users need to provide their name, email, and country. ... Build a subscription checkout page website challenge with provided design. The layout should have 2 main sections: personal information and payment details, and plan selection. Master HTML & CSS with hands-on projects in 2025. From basic layouts to animations, build a strong portfolio with our ...
GeeksforGeeks
geeksforgeeks.org › javascript › how-to-create-a-portfolio-website-using-html-css-and-javascript
How to Create a Portfolio Website using HTML CSS and JavaScript ? - GeeksforGeeks
... In the first step, we will create a folder with the project name and create the HTML, CSS, JavaScript files, Images folder and a separate file for the responsive CSS if required.
Published August 5, 2025
TutorialsPoint
tutorialspoint.com › design-a-portfolio-webpage-using-html-and-css
Design a Portfolio Webpage using HTML and CSS
Projects: Include your projects with description and project links. Contact Me: Add your professional contact details such as Email, GitHub profile, LinkedIn, YouTube, etc. Do not include your personal contacts. We will be following below mentioned steps to design portfolio webpage using HTML ...
HubSpot
blog.hubspot.com › website › html-projects-personal-portfolio
HTML Projects for Beginners: How to Create a Personal Portfolio Page [Step-by-Step]
February 11, 2025 - By carefully creating and structuring your HTML file, you lay a solid foundation for your portfolio. This framework not only organizes your content effectively but also sets the stage for the next steps, where you will add content to your portfolio. 25 complete, step-by-step HTML & CSS projects to help you build a coding portfolio, including:
GitHub
github.com › topics › portfolio-website-html-css
portfolio-website-html-css · GitHub Topics · GitHub
This is a portfolio for vikash kumar. ... A high-performance, modern portfolio built with React and Tailwind CSS, featuring a clean UI, responsive design, and smooth animations. Showcases projects, skills, and experience with fast load times, ...
DEV Community
dev.to › coderamrin › build-a-professional-portfolio-website-from-scratch-html-css-and-javascript-56a7
How to build a Portfolio website with HTML, CSS & JavaScript - DEV Community
April 8, 2023 - Hello everyone, today we are going to build a portfolio website with HTML, CSS & JavaScript. We will not use any other library or framework, just vanilla CSS & JavaScript. So, let’s get started. If you prefer video content then check this one out.: To follow along you don’t need to be a pro at anything, all you need is the fundamentals: ... The fundamentals of JavaScript. Before we start we’ll have to set up the project. For ...
Dezven
dezven.com › home › building a basic portfolio website using html css and javascript
Building A Basic Portfolio Website Using HTML CSS And JavaScript
Now we are going to create skill section of portfolio website using html and css. In this section we are having Graph and progress bar with percentage, this we are going to design only using pure HTML and CSS. For creating content we are using paragraph tag