90 Hard

Each day, I took on a new project, diving into creativity and hard work. It was a fulfilling experience, and I am proud to have accomplished this feat. You can check out the projects I completed during this challenge.

1. Responsive Navigation Bar

Adapts layout for any screen, smooth navigation.

2. Animated Login Form

Eye-catching login with dynamic entrance animation.

3. Professional Profile Card

Showcase your skills and experience in style.

4.Simple Contact Form

Easy way for anyone to get in touch with you.

5. Subscription Plan Cards

Clearly present your subscription options and benefits.

6. Responsive 3D Buttons

Grabby 3D buttons that work on any device.

7. Classic Login Form

Familiar and straightforward login experience.

8. Simple Product Card

Clean presentation of your product with key details.

9. Our Team Page

Meet the faces behind the brand and their roles.

10. Animated Navigation Bar

Adds movement and personality to your navigation.

11. Popup Menu

Space-saving menu that pops up on click.

12. Sidebar Menu

Compact navigation bar on the side of the page.

13. Responsive Footer

Important info always accessible, adapts to any screen.

14. Flipping Product Cards

Reveal information about products in a playful way.

15. Student Registration Form

Streamline the registration process for students.

16. Revealing Card Effect

Surprise users with hidden content under cards.

17. Progress Bar

Visually track progress or completion of a task.

18. Coming Soon Page

Build anticipation and excitement for your launch.

19. Blog Page Design

Create a beautiful and engaging platform for your blog.

20. Social Media Profiles

Connect with your audience on their preferred platforms.

21. Character & Word Counter

Stay within character and word limits for writing.

22. Registration Form Design

Make signup user-friendly and efficient for any service.

23. DropDown Navigation Bar

Organize menus neatly and save space with dropdowns.

24. Coming Soon Page w/Timer

Countdown until launch to build anticipation.

25. Agency Landing Page

Make a strong first impression for your agency.

26. Cafe Website Landing Page

Invite customers in with a warm and inviting atmosphere.

27. Customer Review Design

Showcase positive feedback from happy clients visually.

28. Text To Speech Converter

Hear your written words come alive with text-to-speech.

29. Simple Image Carousel

Effortlessly showcase multiple images in a carousel.

30. Mobile Navigation Bar

Ensure smooth navigation on smartphones and tablets.

31. Tribute Page

Honor someone special with a dedicated page.

32. Toggle Dark Mode

Seamlessly switch between light and dark themes.

33. Interactive Map

Guide your visitors with a clickable and interactive map.

34. Conference Registration Page

Streamline the process for event attendees to register.

35. Expense Tracker

Keep your finances organized and on track with a tracker.

36. Wave Animation

Add subtle movement and dynamism to your design.

37. Profile Cards Design

Present team members or individuals in a concise format.

38. Services Section Design

Clearly explain what you offer and how you help clients.

39. 404 Page Design

Handle missing pages gracefully and informatively.

40. About Section Design

Tell your story and connect with your audience on a personal level.

41. Testimonial Slider

Let satisfied customers speak for themselves in a slider.

42. Social Media Icons Design

Make it easy for users to connect with you on social media.

43. Horizontal Scrolling

Offer an alternative navigation style with sideways scrolling.

44. Expanding Images Gallery

Reveal images in a dramatic and engaging way.

45. Accordion Design

Organize content efficiently and save space with accordions.

46. Wizard Navigation

Guide users through complex processes step-by-step.

47. Review Cards Design

Display feedback in a visually appealing format.

48. Random Emoji Generator

Add a touch of fun and personality to your content.

49. Digital Clock

Keep time in style and add a functional element.

50. Blog Post Cards Design

Present your blog content in a way that entices readers to click.

51. Simple To-Do List

Simple to-do list for managing tasks and staying organized.

52. Info Card Design

Card with concise info about someone, often with visuals.

53. Identity Card Design

Official document verifying someone's identity and details.

54. Login Page Design

Page dedicated to logging in or accessing an account.

55. Auto Scroll Carousel

Carousel that automatically scrolls through content like images.

56. Image Slider Gallery

Gallery showcasing images with a sliding animation.

57. Parallax Background

Background image that moves with scrolling for depth effect.

58. CSS Tabs

Navigational tabs in a CSS style, often horizontal like browser tabs.

59. Custom DropDown Selection

Personalized drop-down list for selecting options within a menu.

60. Simple Quiz

Short questionnaire for assessing knowledge or gathering preferences.

61. Responsive Mobile Navigation

Mobile-friendly navigation bar that adapts to smaller screens.

62. Biography Page Design

Page dedicated to someone's life story and accomplishments.

63. Facebook Login Design

Login page specific to Facebook, using their branding and features.

64. Dashboard Design

Centralized panel for monitoring and managing data or tasks.

65. Responsive Footer Design

Footer design that adapts to different screen sizes and devices.

66. QR Code Generator

Generate QR code representing website or specific information.

67. Product Card Design

Card showcasing product details and visuals, often used in online stores.

68. Our Services Section

Dedicated section highlighting services offered by a business.

69. Survey Form

Form for gathering feedback or opinions through questions.

70. Responsive Grid Cards

Cards arranged in a grid layout, often responsive to screen size.

71. Login with Show Password

Login page with option to reveal password for easier viewing.

72. Sticky Social Media Icons

Social media icons that stay fixed on the screen while scrolling.

73. Card Hover Effect

Animation applied to cards when hovered over, enhancing interactivity.

74. Functional Contact Form

Contact form that actually functions and sends messages for communication.

75. Random Quote Generator

Generate random quotes for inspiration or amusement.

76. Color Picker

Tool for choosing colors from a palette or spectrum.

77. Simple Text Editor

Basic text editor for writing or editing plain text content.

78. Nonsense Sequence Generator

Generate nonsensical sequences of words or characters for fun.

79. Pricing Cards

Cards showcasing pricing options and benefits for different plans.

80. Google Homepage Design

Homepage design inspired by Google's clean and efficient layout.

81. Mouse Trailer Effect

Visual effect where the cursor leaves a trail on the screen while moving.

82. Input Stepper

Stepper with numbered buttons to input numbers in sequence.

83. Mousemove Image Gallery

Gallery where images change based on mouse movement, revealing details.

84. Background Slider

Background image that slides horizontally or vertically.

85. Gradient Border

Border with a gradual color transition from one hue to another.

86. 404 Error Page Design

Error page design for missing or non-existent pages, informative and helpful.

87. Hamburger NavBar Effect

Navigation bar that folds into a hamburger icon when space is limited.

88. On Scroll Animation

Animations triggered by scrolling, adding dynamism to your design.

89. Perpetual Motion Loader

Loader animation that seems to go on forever, symbolizing continuous activity.

90. Projects Page Design

Page dedicated to showcasing completed projects.

  •    

  • ©[27-09-2023] mf