diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/5GSpeaker.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/5GSpeaker.png new file mode 100644 index 00000000..7c61ab89 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/5GSpeaker.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A15.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A15.png new file mode 100644 index 00000000..3d397035 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A15.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A16.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A16.png new file mode 100644 index 00000000..e33b3178 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A16.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif new file mode 100644 index 00000000..faa33b49 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/BAG.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/BAG.png new file mode 100644 index 00000000..48c6a00d Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/BAG.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Deep Purple.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Deep Purple.jpg new file mode 100644 index 00000000..f3a062b2 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Deep Purple.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/EMI.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/EMI.png new file mode 100644 index 00000000..333c4b18 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/EMI.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/FaceID.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/FaceID.png new file mode 100644 index 00000000..03e155df Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/FaceID.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/HELP.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/HELP.png new file mode 100644 index 00000000..27836d71 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/HELP.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2022 2.JPG b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2022 2.JPG new file mode 100644 index 00000000..ba9da6f3 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2022 2.JPG differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2023.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2023.jpg new file mode 100644 index 00000000..5b154fb8 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2023.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IPhone-rid-1.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IPhone-rid-1.png new file mode 100644 index 00000000..7b4dc569 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IPhone-rid-1.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Image-film.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Image-film.png new file mode 100644 index 00000000..dd5e1924 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Image-film.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Phone2.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Phone2.png new file mode 100644 index 00000000..07f653b9 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Phone2.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ProBeyond.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ProBeyond.png new file mode 100644 index 00000000..9cb7fd21 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ProBeyond.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/SOS.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/SOS.png new file mode 100644 index 00000000..5a372032 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/SOS.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-11-27 191738.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-11-27 191738.png new file mode 100644 index 00000000..d3c73231 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-11-27 191738.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-12-04 000232.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-12-04 000232.png new file mode 100644 index 00000000..df6893d3 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-12-04 000232.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/TouchID.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/TouchID.png new file mode 100644 index 00000000..ee4f899c Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/TouchID.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/apple-a16-bionic.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/apple-a16-bionic.jpg new file mode 100644 index 00000000..55de1ce0 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/apple-a16-bionic.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/battery.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/battery.png new file mode 100644 index 00000000..8352b4de Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/battery.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/big_lenses.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/big_lenses.jpg new file mode 100644 index 00000000..199c3e88 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/big_lenses.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cameera3.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cameera3.png new file mode 100644 index 00000000..fa84066f Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cameera3.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera1.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera1.png new file mode 100644 index 00000000..e4ebaad6 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera1.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera2.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera2.png new file mode 100644 index 00000000..d962f089 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera2.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cart.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cart.png new file mode 100644 index 00000000..d344cbe2 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cart.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/chipapple.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/chipapple.jpg new file mode 100644 index 00000000..06c242b3 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/chipapple.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/choices.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/choices.png new file mode 100644 index 00000000..9d20a4fa Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/choices.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/crash detection.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/crash detection.jpg new file mode 100644 index 00000000..f7d26ac0 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/crash detection.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/delivery.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/delivery.png new file mode 100644 index 00000000..6ced73bc Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/delivery.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dyanmic_island.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dyanmic_island.png new file mode 100644 index 00000000..ef32f3ca Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dyanmic_island.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic island.jpeg.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic island.jpeg.jpg new file mode 100644 index 00000000..c45dae7e Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic island.jpeg.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic_island_1.gif b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic_island_1.gif new file mode 100644 index 00000000..c7f21a3a Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic_island_1.gif differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/glance2.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/glance2.png new file mode 100644 index 00000000..50844195 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/glance2.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/gradient-via-site.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/gradient-via-site.png new file mode 100644 index 00000000..3ad675a6 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/gradient-via-site.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/greenapple.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/greenapple.jpg new file mode 100644 index 00000000..fe15370c Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/greenapple.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/handpic.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/handpic.jpg new file mode 100644 index 00000000..1b6a463e Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/handpic.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airpods.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airpods.png new file mode 100644 index 00000000..cdf549f5 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airpods.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airtag.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airtag.png new file mode 100644 index 00000000..518d452e Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airtag.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_app_store.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_app_store.png new file mode 100644 index 00000000..2ca9ec61 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_app_store.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_one.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_one.png new file mode 100644 index 00000000..205b4858 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_one.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_watch.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_watch.png new file mode 100644 index 00000000..f1fd39f8 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_watch.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_magsafe.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_magsafe.png new file mode 100644 index 00000000..c7863b28 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_magsafe.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_usbc_adapter.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_usbc_adapter.png new file mode 100644 index 00000000..89a35fa8 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_usbc_adapter.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ilock.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ilock.jpg new file mode 100644 index 00000000..5d99afee Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ilock.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(1).jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(1).jpg new file mode 100644 index 00000000..3ed37186 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(1).jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(2).jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(2).jpg new file mode 100644 index 00000000..6786ef75 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(2).jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(3).jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(3).jpg new file mode 100644 index 00000000..bf4c1060 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(3).jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(4).jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(4).jpg new file mode 100644 index 00000000..6bf60b28 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(4).jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(5).jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(5).jpg new file mode 100644 index 00000000..bcacb735 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(5).jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro camera module.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro camera module.jpg new file mode 100644 index 00000000..b42b69d1 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro camera module.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.gif b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.gif new file mode 100644 index 00000000..6807572a Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.gif differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.jpg new file mode 100644 index 00000000..58ebc67b Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/lighning.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/lighning.jpg new file mode 100644 index 00000000..166b67a8 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/lighning.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo1.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo1.jpg new file mode 100644 index 00000000..2aa61bd0 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo1.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo_favicon.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo_favicon.jpg new file mode 100644 index 00000000..9255181b Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo_favicon.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg new file mode 100644 index 00000000..71dfde6a Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg new file mode 100644 index 00000000..46ea7bfc Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg new file mode 100644 index 00000000..f6ff23b4 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/purple_strip.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/purple_strip.jpg new file mode 100644 index 00000000..dec8f6b5 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/purple_strip.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/stable video.gif b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/stable video.gif new file mode 100644 index 00000000..6d01403e Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/stable video.gif differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png new file mode 100644 index 00000000..d7e28ad1 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg new file mode 100644 index 00000000..54aabf99 Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg new file mode 100644 index 00000000..09a8155d Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg new file mode 100644 index 00000000..f88a785c Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg new file mode 100644 index 00000000..95a6f2cd Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg new file mode 100644 index 00000000..2d21ad8e Binary files /dev/null and b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg differ diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS1.css b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS1.css new file mode 100644 index 00000000..5ed8d035 --- /dev/null +++ b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS1.css @@ -0,0 +1,157 @@ +.grid-container{ + width: 100%; + display: grid; + grid-template-columns: 90px 90px 90px 90px 90px 90px 90px 90px 90px 90px 90px; + background-color: rgba(18,18,18,255); + padding: 4px 4px; + column-gap: 5px; + justify-content: space-evenly; + margin-top: -5px; + } + .grid-cont1{ + display: inline-grid; + grid-template-columns: auto auto; + column-gap: 40px; + padding-top: 10px; + height: 5px; + margin-left: 60px; + } + +.pro-beyond{ + width: 1400px; + height: auto; +} +.image_side{ + margin-top:-780px; + margin-left: 520px; margin-right: 50px; + color: #d6d0d0; font-weight: bold; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + font-size: 500%; + padding-left: 210px; + padding-bottom: 500px; +} + +.content1{ + color:#bbbbbb; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + margin-left: 270px; + font-weight: bold; + font-size: 230%; + margin-top: -90px; +} +.gradient-data{ + background: linear-gradient(to bottom,#f9adff, #a945eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + font-size: 230%; + margin-left: 270px; + font-weight: bold; +} +.iphone-color{ + margin-left: 450px; + margin-top:150px; +} + +.color_option{ + margin-top: -700px; + margin-left: 690px; + margin-right: 50px; + color: #bbbbbb; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 200%; + padding-left: 250px; + line-height: 45px; + /* padding-bottom: 100px; */ + /* font-weight: 450; */ +} +.below-image-data{ + color: #d6d0d0; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + font-size: 200%; + margin-top: 30px; + font-size: x-large; + margin-left: 450px; + font-weight: bold; +} +.arrow{ + background: linear-gradient(to bottom,#d3aac2, #b459c8); + border-radius: 50px; + color: black; + height: 60px; + width: 60px; + margin-top: 40px; + padding-left: 12px; + padding-top: 10px; + /* margin-left: 100px; */ +} +.caption{ + margin-top:10px; + margin-left:150px; + color: grey; + font-weight: 500; + font-size: 100%; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; +} +.caption-1{ + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + color: grey; + margin-left: 50px; + /* margin-top:10px; */ +} +.pic-grid{ + padding:20px; + /* background-color: red; */ + display: inline-grid; + grid-template-columns: 370px 370px 370px; + column-gap: 10px; + row-gap:30px; + margin-left: 100px; +} +.grid-cont2{ + display: inline-grid; + padding:20px; + grid-template-columns: auto auto auto; + /* background-color: red; */ + column-gap: 30px; + margin-left:150px; + /* margin-bottom: 500px; */ +} +.grid-items-1{ + color: #d6d0d0; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + font-size: 150%; + /* font-weight: bold; */ + /* margin-left:60px; */ + padding-left:100px +} +.caption-2{ + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + color: grey; + margin-left: 7px; + font-size: 70%; + font-weight: 600; + line-height: 30px; +} +.end-back{ + background-color: #111111; + margin-top:200px +} +.end-site{ + /* background-color: red; #111111 */ + /* width: 100%; */ + grid-template-columns: 500px 500px; + display: inline-grid; + column-gap: 10px; + row-gap: 20px; + padding:100px; + margin-left: 100px; +} +.grid-merge{ + grid-column-start: 1; + grid-column-end: 3; +} +.end-bg{ + border-radius: 30px; + background-color: black; + padding-left: 10px; + /* border: 1px solid blue; */ + padding:50px; +} diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS2.css b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS2.css new file mode 100644 index 00000000..107e049e --- /dev/null +++ b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS2.css @@ -0,0 +1,72 @@ +.shop{ + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + background-color: rgba(64,38,73,255); +} + +a.shop:link{text-decoration: none; color: rgba(39,134,223,255);} +a.shop:hover{text-decoration: underline;} +a.shop:visited{color:rgba(39,134,223,255)} +a.shop:active{color:rgba(39,134,223,255)} + +.iphone-image1{ + margin-left: 145px; + margin-right: 50px; + height: 880px; + width: auto; + padding-top: 40px;} + +.bag{ + height: 20px; + width: 20px;} + +img.bag:hover{color:white} + +.data-1{ text-align: justify; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + line-height: 55px; + margin-left:250px; + font-weight: 750; + font-size: 320%; + background: linear-gradient(to bottom,#e99aef,#9641d2, #7520ad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} +/* .film{ + border: solid; border-radius: 16px; padding: 1px 10px 3px 12px; + text-decoration: none; background-color: white; color: black; border-color: white; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + font-weight: 300; + margin-left:200px; + margin-bottom: 300px; margin-top: 100px; +} */ +.grid-table{ + display: inline-grid; + grid-template-columns: 170px 170px 170px 170px; + /* background-color: red; */ + color: #d6d0d0; + padding:10px; + gap:10px 40px; + margin-top: 50px; + margin-left: 270px; +} +.grid-table-items{ + text-align: center; + /* border: 1px solid blue; */ + font-weight: 500; + font-size: 90%; + color: #d6d0d0; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; +} +.grid-table-sub{ + text-align: center; + color: #d6d0d0; + font-size: 90%; + font-weight: 350; + line-height: 25px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; +} +.grid-table-capt{ + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + color: grey; + font-size: 70%; + font-weight: 600; + line-height: 15px; + margin-top:-12px +} diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/README.md b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/README.md new file mode 100644 index 00000000..c5ae21c4 --- /dev/null +++ b/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/README.md @@ -0,0 +1,66 @@ +
This project is a simple HTML and CSS implementation of a iPhone 14 Pro website clone. It aims to replicate the basic structure and styling of the popular website iPhone 14 pro. This project Showcases the power of HTML and CSS.
+To run this project locally, follow these steps: + +1. Fork the repository. + +2. Clone the repository to your local machine: + git clone https://github.com/your-username/IPHONE-14-Pro-Clone.git + +3. Open the project folder in your preferred code editor, now you can view website in live. + +
+Enjoy up to ₹7000 instant savings on orders over ₹41900 across all products with HDFC Bank or American Express credit cards. + Plus No Cost EMI from most leading banks. Shop iPhone ++ +
+ A magical new way to interact
+ with iPhone. A vital safety feature
+ designed to save lives. An
+ innovative 48MP camera for
+ mind-blowing detail. All powered
+ by the ultimate smartphone chip.
+
Deep Purple
Gold
Silver
Space Black
Designed for durability.
With Ceramic Shield, tougher than
+ any smartphone glass. Water
resistance.1 Surgical-grade
stainless steel. 15.54 cm (6.1″)
and 17.00 cm (6.7″) display sizes.
All in four Pro colours.
____________________________________________________________________________________________________________________
+iPhone is also designed from the ground up to
protect your privacy and put you in control of
+
what you share and who you share with
Introducing Dynamic Island, a truly
Apple innovation that's hardware and
software — and something in between.
+ It bubbles up music, FaceTime and so
much more — all without taking you
away from what you're doing.
Always-On Display.
Always at the ready.
Your photo.
Your font.
Your widgets.
Your iPhone.
iOS 16 lets you customise your
Lock Screen in fun new ways. Layer a
photo to make it pop. Track your Activity
rings. And see live updates
+ from your
favourite apps.
____________________________________________________________________________________________________________________
+App Tracking Transparency lets you decide
which apps are allowed to track your activity
Crash
Detection
calls for
help when
you can't.
iPhone 14 Pro can detect a severe
+ car crash, then call emergency
services and notify your
emergency contacts.
The Pro camera system gets
+massively
+more Pro.
+Introducing the all-new
48MP Main camera with an
+
advanced quad-pixel sensor.
Up to 4x
the resolution.
For jaw-dropping
cropping.
iPhone 14 Pro raises the bar for
what 48 megapixels can do —
delivering 4x the resolution in
ProRAW for mind-blowing detail in
every crop.
65% larger sensor
+than iPhone 13 Pro
+The picture
of versatility.
The new Pro camera
system adds a
2x optical-quality
Telephoto to its zoom
range, putting tons of
framing flexibility in
+ your pocket. Up your
frame game.
Much more detail.
In much less light.
Up to
3x better
low-light photos
on the Ultra Wide
camera
Up to
2x better
low-light photos
on the Main
camera
Up to
2x better
low-light photos
on the Telephoto
camera
____________________________________________________________________________________________________________________
+When apps request access to your photos,
iPhone lets you call the shots by sharing just
+
the ones you want instead of your entire library
24.Breathtaking.
Frames. Per. Second.
Cinematic mode now shoots
in 4K HDR at 24 fps — the
+ film industry standard. Have
your people call our people
Now you can seamlessly
edit with other pro footage in
4K at 24 or 30 fps. You can
+ even edit the depth effect
after capture.
+
Highest-quality video
+in a smartphone
+Shaky action shot?
Fix it in pre.
Whether you're filming from an
off-road SUV or running alongside
your subject, try Action mode for
+ smooth handheld videos — no
gimbal required.
The only smartphone in
the world that lets you
shoot, view, edit
and share in ProRes
or Dolby Vision HDR
Main
+48MP for up to
4x the resolution
____________________
+24 mm
48 mm (2x Telephoto)
Quad-pixel sensor
2.44 µm quad pixel
1.22 µm single pixel
+ ƒ/1.78 aperture
100% Focus Pixels
7-element lens
Sensor-shift OIS
(2nd gen)
Telephoto
+Up to 2x better
low-light photos
____________________
+77 mm
3x optical zoom
ƒ/2.8 aperture
6% Focus Pixels
6-element lens
OIS
Ultra Wide
+Sharper,brighter
macro shots
____________________
+13 mm
120° field of view
ƒ/2.2 aperture
100% Focus Pixels
6-element lens
Lens correction
Up to
+2x better low-
light photos
____________________________________________________________
+The TrueDepth camera and
+ A16 Bionic also power Face ID, the
most secure facial authentication in a
smartphone
____________________________________________________________
+iPhone 14 Pro uses 100% recycled
gold wire in all its cameras to reduce
mining of precious resources
The
mastermind
behind it all.
Say hello to A16 Bionic,
the ultimate smartphone chip.
____________________________________________________________________________________________________________________
+The Secure Enclave in A16 Bionic protects
+ personal information like your Face ID data,
contacts and more
A battery that's
+all in,
+all day.
+Even with soooooo many new
+ capabilities, iPhone 14 Pro still delivers
amazing all-day battery life.
Up to
+29
hours
video playback on
iPhone 14 Pro Max
Up to
+23
hours
video playback on
iPhone 14 Pro
Add a MagSafe
charger for faster
wireless charging
+ Trade in your smartphone
for credit.
+ With Apple Trade In, you can get credit
towards a new iPhone when you trade in an
+ eligible smartphone.8 It's good for you and
the planet.
+ Learn more
+ arrow_forward_ios
+
Still have questions?
Just ask.
+ You won't find a better place to buy iPhone. We
+ know about carriers, payment options and more.
And we make it easy to understand.
+ Learn more
+ arrow_forward_ios
+
© 2022
+ Vansh-codes
+ .
+ All rights reserved
+ Project by
+ Vansh Chaurasiya
+
+ THANK YOU!😃
+