Create a Personal Portfolio using HTML and CSS ?
A personal, or portfolio, website is an opportunity to reach more people with your work. It’s also an extension of your personality and gives you the chance to craft a design that reflects who you are as a creative.
The webpage consists of four main sections: Home, About, Skills, and Contact. The navigation bar is always at the top of the viewport. You click on links to navigate to different sections of the page. I used media queries for mobile phones with smaller displays to adjust the webpage layout.
What I learned
Basic HTML
Basic CSS
Responsive Web Design Principles
Media Queries
CSS Flexbox
Technologies I used
HTML5
CSS3
CSS Flexbox
Use Logo:-
Design a logo that displays your creative style and also describes who you are as a designer. Keep in mind that your logo is usually where users’ eyes go when they first visit your site. You want to make a good impression from the get-go.
List of Your Services:-
In most instances, visitors want to understand the types of services you offer quickly. Do not make them search your site to find out. Chances are you will lose them.
You will want to include the services you provide somewhere on your website portfolio in a prominent location such as the home page. In addition, you may consider adding a “services” tab or creating a separate page for each of the services that you offer. Adding a services tab should come secondary to the prominent position on your home page.
Portfolio of Work:-
Including your actual work into your website portfolio is kind of a given, but you would be surprised by the number of people who include too much. Your website portfolio should display your best work. So, it should only include the best of the best.
About Section:-
Your bio can take the form of a short personal introduction on your homepage, or you can create a dedicated ‘About’ page. Your bio should highlight your professional career, but don’t be afraid to also express your unique personality by sharing additional hobbies and interests. If you’re creating a resume website, consider adding a downloadable version of your CV.
Contact Page:-
If your site visitors can’t contact you, all your hard work will amount to nothing. Include all the relevant contact info in a highly visible spot, and add a social bar with links to platforms such as LinkedIn,Facebook and What's Up etc. and contact you by Email id.
HTML CODE
CSS CODE
If you have project or assignment files, You can send at contact@codersarts.com directly
Comments