Build and deploy a portfolio website [Full Tutorial Responsive ] Maria | Built with HTML and CSS

0:00 How To Create a Portfolio Design Using HTML and CSS #portfolio show A portfolio is a collection of financial investments like stocks, bonds, commodities, cash, and cash equivalents, including closed-end funds and exchange traded funds (ETFs). People generally believe that stocks, bonds, and cash comprise the core of a #portfolio.

#HTML 00:32 Started With Only html ! HTML (Hypertext Markup Language) is the code that is used to structure a web page and its content. For example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables

#Css 05:26 Css Started here! CSS is the acronym of “Cascading Style Sheets”. CSS is a computer language for laying out and structuring web pages (HTML or XML). This language contains coding elements and is composed of these “cascading style sheets” which are equally called CSS files (. css).

#link of fonts 06:27 After Linking Fonts! Google Fonts is a library that includes free and open source font families, an interactive web directory for browsing the library, and APIs for using the fonts via CSS and Android. Popular fonts in the Google Fonts library include Roboto, Open Sans, Lato, Oswald, Montserrat, Source Sans Pro, and Raleway.

#Page optimization 07:42 After Page Optimization! Onpage optimization (AKA on-page SEO) refers to all measures that can be taken directly within the website in order to improve its position in the search rankings. Examples of this include measures to optimize the content or improve the meta description and title tags.On-page optimization Onpage optimization (AKA on-page SEO) refers to all measures that can be taken directly within the website in order to improve its position in the search rankings. Examples of this include measures to optimize the content or improve the meta description and title tags.

#Navigation bar menu 11:42 After Navigation bar menu! A navigation menu is a list of a links pointing to important areas of a website. They are usually presented as a horizontal bar of links at the top of every page on a website.

#optimize align items objects 21:06 After optimize, align all items objects! the CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items

#mobile devices codes 22:45 Responsive all devices Personal Portfolio Website! Probably the most flexible approach using CSS is writing CSS media queries at specified screen widths. These are CSS styles that the browser will specifically implement only at the given screen width size of the browser's viewport

23:00 Links In Description Download Get Free Codes GitHub. Download Codes⬇: https://github.com/Tief-Software-Truth/Web-Design-Maria-s-Protfolio.git

Join Channel: https:// ... https://www.youtube.com/watch?v=yG64aIW85ss