Portfolio Website Design | Website Landing Page Design & Animation | HTML, CSS, ANIME JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024
  • Hello friends, hope you are well so in this video i'm creating Collage student portfolio website design(Website landing page design) with text animation using html, css and jquery (lettering js, anime js). I hope you like this video and this video is specially created for college students projects.
    ► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
    / learndesigntutorial
    ---------------------------------------------------------------------------------------------
    ► ANIMATION VIDEOS
    How to create custom loader | Website loading animation using html,css and jquery tutorial
    • How to create custom l...
    Pure CSS FadeIn FadeOut Animation - CSS Property #01
    • Pure CSS FadeIn FadeOu...
    Pure CSS Bouncing Ball Animation #02
    • Pure CSS Bouncing Ball...
    Square to Circle Rotate Loading Animation with Multiple Colors #03
    • Square to Circle Rotat...
    Pure CSS Three Dots Loading Animation #04
    • Pure CSS Three Dots Lo...
    Pure CSS Jumping Dots Loading Animation #05
    • Pure CSS Jumping Dots ...
    Pure CSS Ripple Loading Animation Effect #06
    • Pure CSS Ripple Loadin...
    Pure CSS Simple Loader Animation Effect #07
    • Pure CSS Simple Loader...
    Pure CSS Egg Crash Animation Effect 08
    • Pure CSS Egg Crash Ani...
    Pure CSS Flip Page Animation Effects 09
    • Pure CSS Flip Page Ani...
    Pure CSS Flip & Rotate Loading Text Animation Effect 10
    • Pure CSS Flip & Rotate...
    Smooth & Beautiful Scroll Animation Using Vanilla Javascript Plugin Lax.js
    • Smooth & Beautiful Scr...
    ► FRONT-END USERFUL VIDEOS
    How to add animation on scroll using html, css and aos js tutorial
    • How to add animation o...
    Awesome text distortion effects using blotter js | Learn Design Tutorial
    • Awesome text distortio...
    Awesome navbar design with hover effect using html and css tutorial
    • Awesome navbar design ...
    How to create custom scrollbar style using only css | HTML & CSS Tutorial
    • How to create custom s...
    How to create javascript carousel slider without dependency | Html, Css, Javascript Tutorial
    • Carousel Slider | Depe...
    How to make draggable elements in jquery UI | Living room design with light on,off
    • How to make draggable ...
    How to create Neomorphism UI Design with calculator app using javascript
    • Calculator Using HTML,...
    Digital Clock UI Design with Animation Using HTML, CSS, JQUERY
    • Digital Clock UI Desig...
    How to Transform a navigation bar into a search form using jquery
    • Transform navigation b...
    Online music streaming small website using html,css And javascript
    • Online Music Streaming...
    How to make tab layout design using HTML, CSS & Bootstrap
    • How to make tab layout...
    Easy fancy border radius animation HTML and CSS Tutorial
    • Easy fancy border radi...
    ---------------------------------------------------------------------------------------------
    FOR MORE USEFUL AND EDUCATIONAL VIDEOS
    / learndesigntutorial
    ---------------------------------------------------------------------------------------------
    Anime js : animejs.com/
    Lettering js : letteringjs.com/
    Cdnjs : www.cdnjs.com/
    Image credit : www.pexels.com/
    For support : / helplearndesign
    Email : help.learndesign@gmail.com
    #portfoliowebsite #landingpagedesign #websitedesign #uidesign #animejs #letteringjs #collegeproject

ความคิดเห็น • 15

  • @patrickgreene2593
    @patrickgreene2593 3 ปีที่แล้ว +1

    Loving this project at 5:41 in the morning ! Yes I am creating my own version of this! The only caveat about it is you can't make it shrink for tablet and phones, hence the hamburger menu!

  • @learner-gs8vm
    @learner-gs8vm 2 ปีที่แล้ว +1

    Hi there!
    I've seen many tutorials but this one is quite different. One of a best thing i observed is that the method was used quite simple that is easy to understand even by a novice if he/she is familiar with the fundamental tags of HTML, CSS and JS.
    Thanks for sharing such a wonderful way of establishing portfolio. I'm gonna try to make it with some other adjustments. I hope it's gonna be a wonderful experience in a same day. Keep up a great work like this. By the way, your channel is worth to subscribe and liking the video as well.

    • @LearnDesignTutorial
      @LearnDesignTutorial  2 ปีที่แล้ว

      Thanks for watching and nice compliments, keep supporting.

  • @atulgiri1567
    @atulgiri1567 3 ปีที่แล้ว +1

    Thank you so much for for sharing your knowledge and its very helpful in study thank you once again

  • @ayushjain5532
    @ayushjain5532 3 ปีที่แล้ว +1

    crazy tut bro
    big ups to you and your design

  • @dakshazad6589
    @dakshazad6589 3 ปีที่แล้ว

    Is it responsive?
    Love the idea of this!!!

  • @aboozuhaib6787
    @aboozuhaib6787 3 ปีที่แล้ว

    great design by the way.
    I am creating a portfolio and thanks for this tutorial.

  • @Melorange
    @Melorange ปีที่แล้ว

    Michael is proud

  • @DevsLikeUs
    @DevsLikeUs 4 ปีที่แล้ว

    Great design.

  • @fzmhd3324
    @fzmhd3324 3 ปีที่แล้ว

    what about the responsiveness of this website

  • @luli72
    @luli72 3 ปีที่แล้ว

    please leave links to photoshop or figma layout

  • @АлександрМелянюк-ц9ю
    @АлександрМелянюк-ц9ю 4 ปีที่แล้ว

    Thanks! Can you give me a picture from the video?))

  • @sonipal7630
    @sonipal7630 3 ปีที่แล้ว +1

    Bro give as image link

  • @alishakarim6680
    @alishakarim6680 2 ปีที่แล้ว +1

    Kindly share the Source code