Making your first portfolio website is quite hectic but with the right plan and procedure, you can create a good portfolio website for yourself.
Consider the following steps.
Firstly, Make sure you have prepared your workspace. This means you create a new folder in your computer to organize.
Secondly, Create a File. Now inside the project file you created in step one, create three new files named, index.html,style.css an image
Thirdly, After you have created the file, now open the index.html file and add the basic HTML structure.
The basic html structure includes
. <! DOCTYPE html >
<html>
<head>
<meta charset ="viewpoint" content="width=device-width, initial-scale=1.0">
<tittle>
<body>
<header>
<main>
<footer>
After you are done with the index. html file,
Open the CSS.style file in the same folder and link it with html file.
Example
<link rel="stylesheet" href="styles.css">
Remember you have already created the file, so just go and ahead and open the file then style your portfolio. CSS styles concept include selectors, properties and values, comments, typography, background and so many.
Next is to add projects inside the <main> section of your index.html. Add your project using HTML. Each project could be represented by <div> element with appropriate content such as project title, description and images.
Customize and expand. Customize the styling in style.css to match your design preferences. You can also add more sections like "About Me" and "Contact" to make your portfolio more comprehensive
After you are done with that, you can test your portfolio by opening index.html in a Web browser to view your portfolio.
Once you are satisfied with your portfolio, you can share it with anyone you want.