ASMR Programming - Stunning Portfolio For Beginners - No Talking

Published: 16 June 2024
on channel: AsmrProg
31,531
1k

🌟 Creating an Amazing Personal Portfolio with HTML and CSS! 🎨💻

🚀 Get ready to showcase your skills and projects as we dive into the world of personal portfolio websites! In this tutorial, we'll guide you through the process of building a stunning and professional portfolio using HTML and CSS. Whether you're a coding newbie or a seasoned developer, there's something here for you!

🎨 We'll start by laying the foundation with HTML, building the structure for our portfolio. Then, we'll sprinkle some CSS magic to style it up, ensuring it looks modern and professional. 💻 From sleek buttons to stylish layouts, we'll cover it all!

What You'll Learn:
Setting up the basic structure of your HTML file
Styling your portfolio with CSS to achieve a modern look
Creating a responsive design that looks great on all devices
Adding a professional touch with custom fonts and colors
Implementing an interactive 'Hire me' button

Features of the Portfolio:
Header: A clean and simple navigation bar with links to About, Portfolio, and Contact sections.
Profile Section: A brief introduction with a professional profile picture and contact buttons.
Recent Works: A list of your recent projects with job titles, dates, and company names.
About My Work: A detailed description of your design philosophy and skills.
Skills Section: Highlight your key design skills and expertise.
Social Links: Easily accessible links to your GitHub, Instagram, and LinkedIn profiles.

Source Code : https://github.com/AsmrProg-YT/Person...

Responsive Portfolio Designs Playlist :    • Responsive Personal Portfolios Coding  

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
   • 100 Days of JavaScript Coding  

Keyboard Link : https://www.kiiboom.com/products/kiib...
Instagram :   / kiiboom.official  
Facebook :   / kiiboom.official  

Web Design Coding Bootcamp Playlist :    • ASMR Web Design Bootcamp  

source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT

Video Contents :

00:00 - Intro
01:13 - Warming hands
01:20 - Main codes
01:48 - Adding icons
02:00 - Adding fonts
02:33 - Nav html
03:35 - Main styles
04:39 - Nav styles
06:46 - About html
09:14 - About styles
14:40 - Works html
17:23 - Works styles
20:50 - Skills html
21:50 - Skills styles
24:38 - Footer
25:31 - Footer styles
27:53 - Body animations
29:02 - Responsive codes
36:22 - Final Result

Asmr Game Coding Playlist :    • JavaScript Game Coding  

Other Video's :

Coding IOS (Iphone) Calendar :    • ASMR Programming - Coding IOS (Iphone...  
Coding IOS (IPhone) Dynamic Music :    • ASMR Programming - Coding IOS (IPhone...  
Coding a Snake Game :    • ASMR Programming - Coding a Snake Gam...  
Movie Guide App Coding :    • ASMR Programming - Movie Guide App Wi...  
Coding IOS (IPhone) Dynamic Music :    • ASMR Programming - Coding IOS (IPhone...  

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming


Watch video ASMR Programming - Stunning Portfolio For Beginners - No Talking online without registration, duration hours minute second in high quality. This video was added by user AsmrProg 16 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 31,531 once and liked it 1 thousand people.