DymaWeb
DymaWeb
  • 31
  • 7 666
Create Portfolio Using HTML & CSS – Master Bootstrap & JS in Minutes!
Create Portfolio Using HTML & CSS - Master Bootstrap & JS in Minutes!
in this step-by-step tutorial! Whether you're a beginner or looking to sharpen your web development skills, this video will guide you through the entire process. You'll learn how to design a professional portfolio with responsive layouts using Bootstrap and add interactive features with JavaScript. Perfect for students, developers, and freelancers aiming to showcase their projects with style. Watch now and start building your dream portfolio today!
Download Source Code From Here :
mega.nz/folder/UaMxhQSK#dlCZdXXLu8yZ1rQLYj4Gug
Contact me on:
✅ youtube.com/@2001dyma-web
DymaWeb
✅ www.linkedin.com/in/houssam-zaouche-mrlhou
1- Master Frontend Skills: Create Portfolio Using HTML & CSS & Bootstrap & JS
2- Step-by-Step Tutorial to Create Portfolio Using HTML & CSS with Bootstrap & JS
3- Learn to Build Like a Pro: Create Portfolio Using HTML & CSS, Bootstrap, and JS
4- Boost Your Web Design Skills - Create Portfolio Using HTML & CSS & JS
5- Transform Your Ideas into Reality: Create Portfolio Using HTML & CSS & JS
6- Want to Create a Stunning Portfolio Using HTML & CSS? Try Bootstrap & JS!
7- How to Create Portfolio Using HTML & CSS and Elevate with Bootstrap & JS
8- Build Your Dream Portfolio: HTML & CSS, Bootstrap & JS Explained!
9- Discover How to Create Portfolio Using HTML & CSS, Bootstrap, and JS Today!
10- Create Portfolio Using HTML & CSS - Enhance It with Bootstrap & JS Magic!
00:00 Project View
01:46 Project File
02:24 Add Bootstrap
02:38 Header Section
07:11 Hero Section
13:55 Change Header Window Scrolling
15:00 Continue With Hero Section
16:39 Services Section
19:46 About Section
20:10 Portfolio Section
33:20 Contact Section
40:00 Footer Section
42:12 Add Some Styles
43:20 Arrow Up Section
45:34 End
#htmlcssjs
#js
#javascript
#webdesign
#html
#css
#responsivedesign
#websitedevelopment
#frontenddevelopment
#learncoding
#webtutorial
#codingtips
#htmlportfolio
#cssdesign
#bootstrapportfolio
#portfoliodesign
มุมมอง: 805

วีดีโอ

Create a Responsive Login Page - Dark & Light Mode with HTML, CSS, JS!
มุมมอง 2K21 วันที่ผ่านมา
Create a Responsive Login Page - Dark & Light Mode with HTML, CSS, JS! This video tutorial is exactly what you need! I'll guide you step-by-step through building a visually appealing login page, fully equipped with switchable dark and light themes to suit different user preferences. Whether you're a beginner or intermediate coder, you'll get clear instructions, practical tips, and insights into...
Build a Responsive Data Table Using HTML, CSS & JS Like a Pro!
มุมมอง 276หลายเดือนก่อน
Build a Responsive Data Table Using HTML, CSS & JS Like a Pro! In this video, we will walk you through the process of creating a fully responsive data table from scratch using these essential web technologies. Whether you're a beginner or an experienced developer, this tutorial will help you enhance your web design skills by focusing on proper table structure, styling, and making it adaptable a...
Create Interactive Buttons Using Only HTML & CSS Like a Pro!
มุมมอง 169หลายเดือนก่อน
Create Interactive Buttons Using Only HTML & CSS Like a Pro! Whether you're a beginner or looking to enhance your skills, this video walks you through the entire process of creating visually appealing buttons without any JavaScript. No prior experience required! Learn how to style buttons with hover effects, transitions, and more, giving your website a modern and professional touch. Stay tuned ...
Create a Stunning Sidebar with Light & Dark Mode Using HTML & CSS & JS
มุมมอง 167หลายเดือนก่อน
Create a Stunning Sidebar with Light & Dark Mode Using HTML & CSS & JS In this tutorial, you will learn how to build a responsive and interactive sidebar that adapts to both light and dark themes. Perfect for any website, this step-by-step guide will walk you through the entire process, from writing the HTML structure, styling with CSS, and adding functionality with JavaScript. Whether you're a...
Micro Interaction Buttons Using Only CSS
มุมมอง 143หลายเดือนก่อน
Micro Interaction Buttons Using Only CSS In this video, we’ll show you how to create stunning and responsive micro interaction buttons without the need for JavaScript. You’ll learn step-by-step how to use pure CSS techniques to add interactive elements that will improve the user experience on any website. Whether you’re a beginner or a seasoned developer, these tips will help you master CSS ani...
Build a Stunning Personal Portfolio Website with HTML, CSS, and JS
มุมมอง 412หลายเดือนก่อน
Build a Stunning Personal Portfolio Website with HTML, CSS, and JS In this step-by-step guide! Whether you're a beginner or experienced web developer, this tutorial covers everything you need to create a modern, eye-catching personal website. From structuring your HTML to styling with CSS and bringing your site to life with JavaScript, you'll have a complete personal portfolio website by the en...
Create a Responsive Sign Up Form Using Only HTML & CSS - No JavaScript Needed!
มุมมอง 1032 หลายเดือนก่อน
Create a Responsive Sign Up Form Using Only HTML & CSS - No JavaScript Needed! in this easy-to-follow tutorial, perfect for beginners and seasoned developers alike. You’ll learn how to build a stylish, mobile-friendly form without using any JavaScript, keeping your code clean and efficient. From setting up the structure with HTML to styling it beautifully with CSS, this step-by-step guide will ...
Master Dark | Light Testimonial Slides using HTML & CSS & JS (Swiper.js)
มุมมอง 1932 หลายเดือนก่อน
Master Dark | Light Testimonial Slides using HTML & CSS & JS (Swiper.js) In this video, you will learn how to create interactive, responsive testimonial slides using HTML, CSS, and JavaScript, with a focus on Swiper.js. We'll explore both dark and light modes to enhance the visual aesthetics of your web project. Whether you're a beginner or experienced in web development, this tutorial provides...
Dynamic Toggle Switch UI with HTML, CSS, and JS
มุมมอง 732 หลายเดือนก่อน
Dynamic Toggle Switch UI with HTML, CSS, and JS In this tutorial, you'll learn how to create a visually appealing and interactive toggle switch button using HTML, CSS, and JavaScript. We'll start by building the basic structure of the toggle switch using HTML elements. Then, we'll use CSS to style the switch and give it a sleek, modern look. Finally, we'll add JavaScript functionality to make t...
Perfect Login Page with HTML, CSS, JS - Master Dark & Light Mode in Minutes!
มุมมอง 1912 หลายเดือนก่อน
Perfect Login Page with HTML, CSS, JS - Master Dark & Light Mode in Minutes! In this step-by-step tutorial, you'll learn how to build a stunning, functional login page that adapts to any device, ensuring a seamless user experience. We'll guide you through setting up a responsive UI, integrating dark and light mode toggles, and implementing modern design techniques using pure HTML, CSS, and Java...
How to Create Responsive Social Login Buttons Using HTML & CSS in 2min!
มุมมอง 732 หลายเดือนก่อน
How to Create Responsive Social Login Buttons Using HTML & CSS in 2min! In this video, I’ll walk you through step-by-step how to design and code social login buttons that automatically adjust to different screen sizes. From layout tips to styling tricks, you'll get all the details needed to integrate social login features into any website while keeping it responsive and user-friendly. Whether y...
Create a Responsive Donate💸 Section with HTML & CSS - Super Easy Guide!
มุมมอง 1582 หลายเดือนก่อน
Create a Responsive Donate💸 Section with HTML & CSS - Super Easy Guide! this tutorial will walk you through the steps to add a fully functional, mobile-friendly donate section to your website. With clear instructions and practical examples, you’ll master the art of creating a seamless user experience that boosts your site’s functionality. Don’t miss out on this opportunity to enhance your websi...
How to Create an Upload 📤 Card with Progress Using HTML, CSS & JS
มุมมอง 472 หลายเดือนก่อน
How to Create an Upload 📤 Card with Progress Using HTML, CSS & JS in this comprehensive tutorial. This video will guide you through building a functional upload card that displays a progress bar, providing a user-friendly experience for your website. Whether you're a beginner or an experienced developer, you'll find valuable tips and tricks to enhance your web development skills. Follow along t...
Build a Pro Web: Create A Responsive Pricing Section using HTML & CSS
มุมมอง 612 หลายเดือนก่อน
Build a Pro Web: Create A Responsive Pricing Section using HTML & CSS you'll learn how to build a flexible and visually appealing pricing section that adapts seamlessly to any device. Whether you're new to web design or looking to refine your skills, this guide covers everything from the basics of HTML structure to advanced CSS techniques that ensure your pricing section is not only functional ...
Create Google Play & App Store Buttons using HTML & CSS in 2 Minutes
มุมมอง 993 หลายเดือนก่อน
Create Google Play & App Store Buttons using HTML & CSS in 2 Minutes
Master Slider Images Using HTML & CSS JS
มุมมอง 633 หลายเดือนก่อน
Master Slider Images Using HTML & CSS JS
Perfect Your Website by adding Gallery Section using only HTML & CSS
มุมมอง 463 หลายเดือนก่อน
Perfect Your Website by adding Gallery Section using only HTML & CSS
Create Success ✅ Card Using HTML & CSS in 5 Minutes!
มุมมอง 553 หลายเดือนก่อน
Create Success ✅ Card Using HTML & CSS in 5 Minutes!
Master 🔽 Dropdown 🔼 Select Status With HTML, CSS & JS
มุมมอง 1133 หลายเดือนก่อน
Master 🔽 Dropdown 🔼 Select Status With HTML, CSS & JS
Creating a Responsive ✨ How Is It Works ✨ Section with HTML & CSS
มุมมอง 5863 หลายเดือนก่อน
Creating a Responsive ✨ How Is It Works ✨ Section with HTML & CSS
Amazing Pop Out Image Circle with HTML & CSS
มุมมอง 1963 หลายเดือนก่อน
Amazing Pop Out Image Circle with HTML & CSS
Master Footer Animation with HTML & CSS
มุมมอง 733 หลายเดือนก่อน
Master Footer Animation with HTML & CSS
Master HTML & CSS: 3D Button🔵Styles in Minutes
มุมมอง 5224 หลายเดือนก่อน
Master HTML & CSS: 3D Button🔵Styles in Minutes
Master Play Button ▶️ with HTML & CSS
มุมมอง 1514 หลายเดือนก่อน
Master Play Button ▶️ with HTML & CSS
HTML & CSS : Build a Stunning a Responsive Health 😷 Website
มุมมอง 2474 หลายเดือนก่อน
HTML & CSS : Build a Stunning a Responsive Health 😷 Website
Create a Pro Business Company Landing Page with HTML & CSS
มุมมอง 2775 หลายเดือนก่อน
Create a Pro Business Company Landing Page with HTML & CSS
HTML & CSS : Create an Eid Al-Adha Landing Page
มุมมอง 355 หลายเดือนก่อน
HTML & CSS : Create an Eid Al-Adha Landing Page
HTML & CSS: Create a Stunning Restaurant Menu Card in Minutes!
มุมมอง 3255 หลายเดือนก่อน
HTML & CSS: Create a Stunning Restaurant Menu Card in Minutes!
Design a Professional Corporate Card Using HTML & CSS
มุมมอง 625 หลายเดือนก่อน
Design a Professional Corporate Card Using HTML & CSS

ความคิดเห็น

  • @rafikboulk-q8x
    @rafikboulk-q8x 3 วันที่ผ่านมา

    gooood

  • @rafikboulk-q8x
    @rafikboulk-q8x 3 วันที่ผ่านมา

    goooood

  • @ADEL0757
    @ADEL0757 5 วันที่ผ่านมา

    Nice work my friend In next video can you implement the the site with figma

    • @2001dyma-web
      @2001dyma-web 4 วันที่ผ่านมา

      you mean convert from design to code or create it using figma?

  • @Gymrat256
    @Gymrat256 5 วันที่ผ่านมา

    Nice video but its too fast bro. I can't understand it and can't learn from ot anything.

    • @2001dyma-web
      @2001dyma-web 5 วันที่ผ่านมา

      Sorry for that I made the video faster so it wouldn't be boring. As you know my channel doesn't have videos with sound or music. The idea of ​​my videos is to expand the ideas of the programmer and developer, so first of all you have to be educated about these things, and to catch up with the speed of the video you have to stop it sometimes Thank you for your comment and good luck😁

  • @thisistan7542
    @thisistan7542 17 วันที่ผ่านมา

    so beautiful

    • @2001dyma-web
      @2001dyma-web 17 วันที่ผ่านมา

      Thanks 💙

  • @syalommedan7712
    @syalommedan7712 18 วันที่ผ่านมา

    Menarik, tapi apakah emang ga ada suara?

    • @2001dyma-web
      @2001dyma-web 18 วันที่ผ่านมา

      There is not any sound 😉

  • @andrecastillo8842
    @andrecastillo8842 หลายเดือนก่อน

    Me gusta, excelente video

    • @2001dyma-web
      @2001dyma-web หลายเดือนก่อน

      Thanks 💙

  • @ciputatdroid
    @ciputatdroid หลายเดือนก่อน

    tanya dong....kenapa lebih memilih untuk icon nya pakai SVG dibanding pakai image jpg/png? (sorry kl pertanyaan dasar banget krn saya masih noob...heheheh)

    • @2001dyma-web
      @2001dyma-web หลายเดือนก่อน

      Because the browser reads svg faster than any img

  • @taranewstime6909
    @taranewstime6909 หลายเดือนก่อน

    Could you please start over frontend mentor challenge websites Students will do lots of things

    • @2001dyma-web
      @2001dyma-web หลายเดือนก่อน

      @@taranewstime6909 ok، I'll think about it

  • @taranewstime6909
    @taranewstime6909 หลายเดือนก่อน

    I request you could you Please make dashboard page with latest advanced css3 no JavaScript because i want learn new css properties like @contenter and others that way i am asking

    • @2001dyma-web
      @2001dyma-web หลายเดือนก่อน

      Ok I'll do it

    • @taranewstime6909
      @taranewstime6909 หลายเดือนก่อน

      @@2001dyma-web than you for replay

    • @2001dyma-web
      @2001dyma-web หลายเดือนก่อน

      @@taranewstime6909 your welcomw

  • @Habib_HBB_17
    @Habib_HBB_17 2 หลายเดือนก่อน

    Good job 👏❤

    • @2001dyma-web
      @2001dyma-web 2 หลายเดือนก่อน

      Thanks, I'm grateful 😊.

  • @IbrahimAbdiche
    @IbrahimAbdiche 2 หลายเดือนก่อน

    بارك الله فيك

    • @2001dyma-web
      @2001dyma-web 2 หลายเดือนก่อน

      وفيك بارك الله😁

  • @traderfacts
    @traderfacts 3 หลายเดือนก่อน

    'How does it work'

    • @2001dyma-web
      @2001dyma-web 3 หลายเดือนก่อน

      I'm sorry , I don't Understand ?

  • @kodeeshwarar2301
    @kodeeshwarar2301 3 หลายเดือนก่อน

    Awesome

    • @2001dyma-web
      @2001dyma-web 3 หลายเดือนก่อน

      @@kodeeshwarar2301 Thanks For your support ❤️❤️

  • @piyumalwalisundara
    @piyumalwalisundara 3 หลายเดือนก่อน

    wooow 😍

  • @TheChaser.
    @TheChaser. 4 หลายเดือนก่อน

    Awesome video but the sound at 3:52 Scared me

    • @2001dyma-web
      @2001dyma-web 4 หลายเดือนก่อน

      😄😄😄😄 sorry about that, thanks

  • @SeyadAli-sw3sp
    @SeyadAli-sw3sp 4 หลายเดือนก่อน

    mashallah ❤❤

  • @highvid5604
    @highvid5604 4 หลายเดือนก่อน

    Please give explanation with every line of code.

    • @2001dyma-web
      @2001dyma-web 4 หลายเดือนก่อน

      Sorry about that but I submit projects to be used in a project and modified as you wish, and I am really bad at explaining. Thank you 💙💙

  • @khayviloria7783
    @khayviloria7783 4 หลายเดือนก่อน

    Im a aspiring Web developer i hope to learn from this. thanks.

  • @fornothingidontknow
    @fornothingidontknow 5 หลายเดือนก่อน

    thank's bro iI really hope you continue and continue your journey to professionalism

    • @2001dyma-web
      @2001dyma-web 5 หลายเดือนก่อน

      Thanks Bro 😁