{"id":5382,"date":"2023-12-15T17:20:44","date_gmt":"2023-12-15T17:20:44","guid":{"rendered":"https:\/\/foolishdeveloper.com\/?page_id=5382"},"modified":"2023-12-15T17:20:45","modified_gmt":"2023-12-15T17:20:45","slug":"html-projects","status":"publish","type":"page","link":"https:\/\/foolishdeveloper.com\/html-projects\/","title":{"rendered":"HTML Projects"},"content":{"rendered":"\nHere is the List Of Html Projects with Source Code<\/marquee>\n\n\n\n
    \n
  1. Circle Animation CSS & HTML (Step by Step)<\/a><\/li>\n\n\n\n
  2. Simple Feedback Form in HTML CSS (Code + Demo)<\/a><\/li>\n\n\n\n
  3. Responsive Testimonial Slider HTML CSS (Code + Demo)<\/a><\/li>\n\n\n\n
  4. Accordion Image Gallery with HTML & CSS (Free Code)<\/a><\/li>\n\n\n\n
  5. Skeuomorphism Button Using HTML & CSS (Free Code)<\/a><\/li>\n\n\n\n
  6. Simple Snowfall Animation using HTML CSS (Free Code)<\/a><\/li>\n\n\n\n
  7. Create a Custom Tooltip Using HTML & CSS (Free Code)<\/a><\/li>\n\n\n\n
  8. Simple Vertical Navigation Menu Using HTML & CSS<\/a><\/li>\n\n\n\n
  9. Responsive Navigation Menu Bar in HTML and CSS<\/a><\/li>\n\n\n\n
  10. Simple Image Hover Effects in HTML & CSS<\/a><\/li>\n\n\n\n
  11. How to Create a Custom Toggle Switch Using HTML CSS<\/a><\/li>\n\n\n\n
  12. Simple 3D Button With HTML and CSS (Code + Demo)<\/a><\/li>\n\n\n\n
  13. How To Create Custom Radio Button Using HTML CSS<\/a><\/li>\n\n\n\n
  14. How To Make 3D Flip Card Using HTML and CSS<\/a><\/li>\n\n\n\n
  15. How to Create a Gradient Border in HTML & CSS<\/a><\/li>\n\n\n\n
  16. Responsive Vertical Timeline Using HTML & CSS<\/a><\/li>\n\n\n\n
  17. Expanding Search Bar Using HTML CSS (Code + Demo)<\/a><\/li>\n\n\n\n
  18. Popup Registration Form in HTML CSS (Code + Demo)<\/a><\/li>\n\n\n\n
  19. Create a Read More Read Less Button using HTML & CSS<\/a><\/li>\n\n\n\n
  20. Responsive Automatic Image Slider in HTML CSS<\/a><\/li>\n\n\n\n
  21. How To Create a Bottom Navigation Bar HTML CSS<\/a><\/li>\n\n\n\n
  22. How to Make a Responsive Image Slider in HTML CSS<\/a><\/li>\n\n\n\n
  23. Simple Custom Select Dropdown using HTML and CSS<\/a><\/li>\n\n\n\n
  24. Animated Hamburger Menu using HTML CSS (Free Code)<\/a><\/li>\n\n\n\n
  25. Popup Contact Form using HTML and CSS (Free Code)<\/a><\/li>\n\n\n\n
  26. Simple 3D Text Animation Effects using HTML & CSS<\/a><\/li>\n\n\n\n
  27. Simple Loading Animation using HTML & CSS (Free Code)<\/a><\/li>\n\n\n\n
  28. Simple Button Hover Effects using HTML & CSS (Free Code)<\/a><\/li>\n\n\n\n
  29. Responsive Checkout Form using HTML CSS (Free Code)<\/a><\/li>\n\n\n\n
  30. Login Form with Floating Label using HTML & CSS<\/a><\/li>\n\n\n\n
  31. Pulsing Heart Animation Using HTML and CSS<\/a><\/li>\n\n\n\n
  32. 5 Star Rating System Using HTML and CSS (Free Code)<\/a><\/li>\n\n\n\n
  33. Responsive Contact us Form using HTML CSS (Free Code)<\/a><\/li>\n\n\n\n
  34. How To Make an Animated Search Bar using HTML CSS<\/a><\/li>\n\n\n\n
  35. Animated Social Media Buttons using HTML & CSS<\/a><\/li>\n\n\n\n
  36. Login and Registration Form using HTML and CSS<\/a><\/li>\n\n\n\n
  37. Responsive Accordion Menu using HTML and CSS<\/a><\/li>\n\n\n\n
  38. Animated Login Form Design Using HTML CSS<\/a><\/li>\n\n\n\n
  39. Responsive Automatic Image Slider in HTML<\/a><\/li>\n\n\n\n
  40. Skeleton Loading Animation using HTML & CSS<\/a><\/li>\n\n\n\n
  41. Glassmorphism Profile Card Design using HTML and CSS<\/a><\/li>\n\n\n\n
  42. Automatic Multiple Image Slider in HTML CSS<\/a><\/li>\n\n\n\n
  43. Automatic and Manual Image Slider in HTML CSS<\/a><\/li>\n\n\n\n
  44. Simple Transparent Login Form using HTML CSS<\/a><\/li>\n\n\n\n
  45. How Make a Basic Calculator using HTML & CSS<\/a><\/li>\n\n\n\n
  46. Responsive Image Gallery using HTML and CSS<\/a><\/li>\n\n\n\n
  47. Simple Registration Form Source Code | HTML CSS<\/a><\/li>\n\n\n\n
  48. 3D Cube Image Slider using HTML & CSS (2023 Update)<\/a><\/li>\n\n\n\n
  49. Responsive Footer Design using HTML & CSS<\/a><\/li>\n\n\n\n
  50. Image Lightbox & Gallery using HTML CSS<\/a><\/li>\n\n\n\n
  51. Floating Social Media Icons using HTML CSS<\/a><\/li>\n\n\n\n
  52. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Here is the List Of Html Projects with Source Code<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-5382","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/pages\/5382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/comments?post=5382"}],"version-history":[{"count":7,"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/pages\/5382\/revisions"}],"predecessor-version":[{"id":5497,"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/pages\/5382\/revisions\/5497"}],"wp:attachment":[{"href":"https:\/\/foolishdeveloper.com\/wp-json\/wp\/v2\/media?parent=5382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}