Responsive reversible layout using Bootstrap
This video is an introduction to Website development where you learn to build a single-page portfolio website to showcase your expertise. We will add the Work section in this video. Check out other videos on the playlist:
https://www.youtube.com/watch?v=GsVM9nYp9UU&list=PLdTk8nDyYhzSvYLQ6NNmouDU1867PnirT
Join the Late Night Coders community to get access to online courses and an online community of like-minded professionals where you can help each other to grow and build the next big thing:
https://www.latenightcoders.club/
Github Repo for the final portfolio:
https://github.com/AkbarBakhshi/portfolio-youtube
Live Website:
https://akbarbakhshi.github.io/portfolio-youtube/
Video Timelines:
00:00 Intro and what we will be making in this video
00:43 add the Work section to the page
01:20 Adding Bootstrap Container layout and margin class
02:35 Add Bootstrap Columns with reverse content order
07:05 Add inline styling to HTML file
10:20 How to include local image sources rather than from a website
11:07 Alt text for image elements
12:30 Style multiple elements with different tags in CSS
13:29 Href values of Anchor tags to link navigation links to different sections of the page
16:55 Adding flexbox styling to columns
✅ ? Please make sure to subscribe to the channel and hit the notification bell to be the first to know whenever I upload new videos.⚠️
Other video tutorials:
Become a web developer: https://youtu.be/COMRacMlz28
HTML and CSS Basics: https://youtu.be/X1CdGSU_S0U
Build Portfolio - part 1: https://youtu.be/GsVM9nYp9UU
Build Portfolio - part 2: https://youtu.be/Thqb-g_5Sd4
Build Portfolio - part 3: https://youtu.be/LlGDXh1c_4M
Useful links:
https://favicon.io/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
https://code.visualstudio.com/
https://getbootstrap.com/
https://picsum.photos/
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
https://developer.mozilla.org/en-US/docs/Web/CSS/length
https://unsplash.com/
Finally, please leave a comment below and let me know if you have any questions or any topics in mind that you would like me to make videos for.
Happy coding ?
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Responsive reversible layout using Bootstrap», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.