اضافه کردن page-transition به یک قالب طراحی شده

وقت بخیر یک قالب وبسایت html داریم کاملا مینیمال هستش شامل چند تا عکسه. با کلیک روی هر عکس یک پیج باز میشه. الان پیج ها با لود شدن و رفرش شدن صفحه باز میشه. میخوایم پیج ها در همون صفحه و بدون لود شدن و رفرش شدن و مثل حالت پاپ آپ باز بشن. یک نمونه کد از سایت کدپن هم گذاشتم توی فایل که میخوایم مشابه همین کار باشه مثل (section 1) فقط رنگ بکگراند سفید باشه. لطفا فایل ها رو بررسی کنید ( فقط کافیه روی یکی از عکس ها این تغییرات اعمال بشه نه همه ی عکس ها و پیجی که باز میشه هم برای همشون یکسان هستن پس لزومی نداره روی همه عکس ها اعمال بشه)هزینه مدنظر رو هم اعلام کنید. نکته مهم اینه که میخوایم کد تغییرات ایجاد شده و فقط کدهای جدیدی که اضافه شده رو در فایل جداگونه تکست داکیومنت برامون ارسال کنید. یعنی تغییر ایجاد شده روی html در یک فایل تکست داکیومنت و تغییر ایجاد شده در css یک فایل جدا و فایل اسکریپت هم به صورت جدا گونه.