-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathtraitsAr.html
91 lines (83 loc) · 4.38 KB
/
traitsAr.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>بيانات</title>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" href="traits.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="dropDown.css">
</head>
<body>
<nav>
<div class="link">
<img src="images/head.svg" alt="icon">
<a href="generalGuidelinesAr.html" id="a_games">العاب</a>
<a href="traitsAr.html" id="a_traits">بيانات</a>
<a href="degreeAr.html" id="a_degree">شهادات</a>
</div>
<div class="userEn">
<span>مرحبا بك, المستخدم</span>
<img src="images/user.svg" alt="user">
</div>
<div class="dropdown">
<button class="dropbtn"">تغير لغة</button>
<div class="dropdown-content" id="dropdown-content-ar">
<a href="traitsAr.html">العربية</a>
<a href="traits.html">English</a>
</div>
</div>
</nav>
<section class="traitsContainer" id="traitsContainer">
<div class="title">
<h2>تقرير بكل بياناتك</h2>
</div>
<button class="tablink" onclick="openTraits('Learning', this, 'red')" id="defaultOpen">تعليم</button>
<button class="tablink" onclick="openTraits('Risk', this, 'green')">مخاطرة</button>
<button class="tablink" onclick="openTraits('Planning', this, 'blue')">تخطيط</button>
<button class="tablink" onclick="openTraits('Altruism', this, 'orange')">ايثار</button>
<div id="Learning" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>انت مندفع للمكافأت الخارجية, مما يزيد من قدرتك على ان تكون موجه نحو الهدف وتحقيق النتائج التي تريدها. تذكر, مع ذلك, أن الدافع الذاتي يلعب دورا رئيسياً. حاول التفكير بجدية حول ما يثير اهتماماتك ويقودك لها. سوف يكون مفيداً ﻵدائك ورضاك بلحياة.</p>
</div>
</div>
</div>
<div id="Risk" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>عندما تواجه مهمة غامضة, فانت تعتمد على طريقة الدرب والخطأ وتتعلم جيداً من اخطائك. ومع ذلك, فإن هذا الموقف قد يتطلب منك التمسك باستراتيجياتك (او عدد محدود), الاستكشاف المفرط لاستراتيجيات قد تمنعك من إكمال المهمة, سوف تحتاج الى تطوير, تركيز واستقرار اكثر.</p>
</div>
</div>
</div>
<div id="Planning" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>انت معجب بتخطيط وسريع بإتخاذ القرارات الاستراتيجية الصحيحة. هذه الصفة مفيدة لأنك تميل الى ان تكون سريع في اتخاذ القرارات الجيدة, ولكن يجب الحرص بكل مهمة تأخذ الإختيار بسرعة, وقد تستفيد بعض الاحيان من التخطيط ببطئ والتمهل خاصةً اذا تطلب الامر دقة اكثر.</p>
</div>
</div>
</div>
<div id="Altruism" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>انت تثق بلاخرين هذا صفة إجتماعية التى تعطى العديد من الفدائد لك ولمن حولك. وفي هذا الموقف قد تكون هنالك العديد من المهام التى تكون فيها شكوك متزايدة. وهذا النوع من التشكُك لا يقصد اثارة الشكوك لمن حولك, بل انهُ يشجع على اجراء تقيم سريع لمصداقية وموثوقية للاشخاص الموجودين حولك وتعمل معهم.</p>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="traits.js">
</script>
</body>
</html>