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

Опубликовано: 12 Июль 2021
на канале: 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/


На этой странице сайта вы можете посмотреть видео онлайн Create and deploy a complete portfolio page | Full project | Beginner tutorial | No Javascript длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Red Eye Media 12 Июль 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 16 раз и оно понравилось 3 зрителям. Приятного просмотра!