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/
En esta página del sitio puede ver el video en línea Create and deploy a complete portfolio page | Full project | Beginner tutorial | No Javascript de Duración hora minuto segunda en buena calidad , que subió el usuario Red Eye Media 12 julio 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 16 veces y le gustó 3 a los espectadores. Disfruta viendo!