افزودن لینک و استایل به صفحه اچ تی ام ال (HTML,CSS,JS)

شرح پروژه

سلام و وقت بخیر خدمت دوستان. یک قالب HTML ساده دارم با دو عکس در سمت چپ و راست صفحه. و میخوام 3 تغییر روی این تمپلیت اعمال بشه:

1) میخوام وقتی روی عکس اول (زرد رنگ) کلیک میشه لینک https://google.com باز شه. (در حال حاضر هم تو فایل index.html کد A href="https://google.com" رو نوشتم ولی کار نمیکنه و آدرس لینکو نمیاره. شاید مشکل از کدهای دیگه ی تمپلیت باشه)

2) میخوام وقتی روی عکس دوم (بنفش) کلیک شد یک باکس عریض با پس زمینه مشکی opacity 70% وسط صفحه باز شه و داخلش 3 تا دکمه لینکدار نمایش داده بشه (اسم لینک های ظاهر شده لینک 1 و لینک 2 و لینک 3 باشه) و تو حالت مرورگر گوشی هم این باکس وسط صفحه باز شه و شکیل باشه. لطفا باکس جدید با حالت Fade باز شه.      * کد css و hover مد نظر برای ظاهر دکمه هایی که میخوام اضافه شه رو هم پیوست کردم. (در حال حاضر وقتی روی تصویر بنفش کلیک میشه یه عکس نامربوط لود میشه که بهش نیازی نیست).

3- در حال حاضر وقتی موس رو روی متن Select one میره توی hover از ایتالیک به نرمال تغییر پیدا میکنه. سعی کردم روش کد animation بزارم که با حالت fade تغییر شکل پیدا کنه ولی نتونستم، لطفا کد مورد نیاز بهش اضافه بشه.

میخوام این تغییرات روی فایل index.html و style.css (و در صورت نیاز فایل های JS) اعمال بشه و قبل و بعد از کد ها و تغییراتِ جدید یه کامنت مشخص بخوره که بدونم چه تغییرایی انجام شده.

فکر نکنم اضافه کردن این موارد خیلی زمان بر باشه و برای تحویل این فایل خیلی عجله دارم و باید تا ظهر ساعت 12 ظهر امروز برسونمش. لطفا دوستانی که در این زمینه کار کردند فایل پیوست رو بررسی بفرمایند.

با تشکر از شما

این پروژه شامل 2 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

درباره کارفرما

م زارع

عضویت ده سال پیش

2 پروژه ثبت شده ،

0 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 50%