Create and deploy a complete portfolio page | Full project | Beginner tutorial | No Javascript

Publicado em: 12 Julho 2021
no canal de: Red Eye Media
16
3

In this tutorial we will be making a portfolio page with only CSS and HTML to display our projects and some information about ourselves.

So NO JAVASCRIPT REQUIRED!

Then we will deploy it for FREE using Netlify. To do this all you need to do is to push your project to Github, create a free user on Netlify and deploy your projects Github repo.
If you want to check out how to get your code on Github I have a video on that too.
This will produce your very own URL for your new portfolio page. The final product will look like this but just change a couple of text strings and some image URLs to make it you own.

Timecodes
0:00​ - Intro
1:15 - images and icons
3:00 - html navbar
11:14 - navbar css
23:25 - about section html
30:20 - about section css
35:30 - projects section html
42:45 - project section css
46:35 - footer section html
54:30 - footer section css
59:36 - fixing responsiveness
1:06:50 - deploy
1:09:45 - website deployed

Code on Github:
https://github.com/Polkagris/portfoli...
(name says vanilla_js, but there is no javascript in the project)

How to get the code without using the terminal:
1. Go to the Github link
2. Click on the green Code-button
3. Click Download ZIP
4. Extract and open the folder in your proffered code editor (I'm using visual studio code)
5. To see the game in action, just open the index.html file in you browser

Code editor download link:
https://code.visualstudio.com/


Nesta página do site você pode assistir ao vídeo on-line Create and deploy a complete portfolio page | Full project | Beginner tutorial | No Javascript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Red Eye Media 12 Julho 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 16 vezes e gostou 3 espectadores. Boa visualização!