Filter page

المشروع هو صفحة ويب تحتوي على واجهة للبحث عن وظائف. تتكون الصفحة من عناصر HTML و CSS.

في الجزء العلوي من الصفحة، يوجد حقل بحث يسمح للمستخدم بإدخال دور أو كلمة مفتاحية للبحث عن وظائف ذات صلة. بجانب حقل البحث، يوجد رمز يمثل رمز البحث.

أسفل حقل البحث، يوجد خط أفقي يفصل بين جزء البحث وجزء التصفية.

في جزء التصفية، يوجد مجموعة من القوائم المنسدلة والتي تتيح للمستخدم تحديد معايير التصفية للوظائف. تتضمن المعايير البلد، المدينة، القسم، الموقع الأساسي، المواقع الإضافية، وفرص العمل عن بُعد. هناك أيضًا زر "Reset" يسمح بإعادة تعيين جميع المعايير إلى القيم الافتراضية.

بعد جزء التصفية، يوجد مقطع يحتوي على عناوين ومعلومات للوظائف المتوفرة. يتم عرض اسم الوظيفة والموقع الأساسي والمواقع الإضافية إن وجدت.

في الجزء السفلي من الصفحة، يوجد بطاقة تسمى "Cookies content" تعرض معلومات حول ملفات تعريف الارتباط (الكوكيز) واستخدامها على الموقع. يتضمن البطاقة رابطًا لمزيد من المعلومات حول الكوكيز، وزرًا لقبول جميع الكوكيز، ورابطًا لإعدادات الكوكيز.

الأنماط المحددة في CSS تحدد تنسيقات العناصر المختلفة على الصفحة، مثل الألوان والحجم والهوامش والخطوط. تم استخدام ملف CSS الخارجي لتنظيم الأنماط وتطبيقها على الصفحة.

The project is a web page that contains an interface for job search. The page is composed of HTML and CSS elements.

At the top of the page, there is a search field that allows the user to enter a role or keyword to search for related jobs. Next to the search field, there is an icon representing the search symbol.

Below the search field, there is a horizontal line that separates the search section from the filtering section.

In the filtering section, there is a set of dropdown lists that allow the user to select filtering criteria for jobs. The criteria include country, city, department, primary location, additional locations, and remote job opportunities. There is also a "Reset" button that allows resetting all the criteria to default values.

After the filtering section, there is a section that displays job titles and information for available jobs. The job title, primary location, and additional locations are shown if applicable.

In the bottom part of the page, there is a card called "Cookies content" that displays information about cookies and their usage on the website. The card includes a link for more information about cookies, a button to accept all cookies, and a link to cookie settings.

The specified styles in CSS determine the formatting of different elements on the page, such as colors, size, margins, and fonts. An external CSS file was used to organize and apply the styles to the page.