File: /home/imensosw/www/imenso.co/demo/arabeasy/profile.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Arabeasy</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/datepicker.min.css">
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@600&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/logo.png" width="40"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto ml-4">
<li class="nav-item">
<a class="nav-link" href="#">Dashboard</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Assignments</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contracts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Help</a>
</li>
</ul>
<div class="my-2 my-lg-0 userinfo">
<div class="user-area dropdown">
<a href="" class="mr-4 notify"><i class="fa fa-bell-o"></i></a>
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/jane.png" width="30" class="rounded mr-2">
Jane Austin
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="profile">
<div class="profile-cover"></div>
<div class="container">
<div class="profile-personal">
<div class="row">
<div class="col-md-2 text-center">
<img src="images/jane.png" class="rounded img-fluid"><br><br>
<span class="status pending">Test Pending</span>
</div>
<div class="col-md-10">
<h4>Jane Austin</h4>
<i class="fa fa-map-marker"></i> Saudi Arabia <br><br>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="mt-4">
<div class="row">
<div class="col">
<div class="personal-info">
<small>Email</small>
janeaustin@gmail.com
</div>
</div>
<div class="col">
<div class="personal-info">
<small>Phone</small>
+91-9876543210
</div>
</div>
<div class="col">
<div class="personal-info">
<small>WhatsApp</small>
+91-9876543210
</div>
</div>
</div>
<div class="row mt-3">
<div class="col">
<div class="personal-info">
<small>Gender</small>
Female
</div>
</div>
<div class="col">
<div class="personal-info">
<small>Country</small>
Saudi Arabia
</div>
</div>
<div class="col">
<div class="personal-info">
<small>Nationality</small>
Arabic
</div>
</div>
</div>
</div>
</div>
</div>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#personalInfo" data><i class="fa fa-pencil"></i>
</a>
</div>
</div>
<div class="profile-card mt-5">
<h4>Skills</h4>
<div class="row mt-4">
<div class="col-md-4">
<div class="card">
<div class="card-header">
<strong>Languages</strong>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#addLanguage"><i class="fa fa-plus"></i></a>
<a href="javascript:;" data-toggle="modal" data-target="#editLanguage" class="ml-1"><i class="fa fa-pencil"></i></a>
</div>
</div>
<div class="card-body">
<div class="c-row">
<span>English:</span>
<span class="capsule">Professional Working</span>
</div>
<hr>
<div class="c-row">
<span>Arabic:</span>
<span class="capsule">Native</span>
</div>
<hr>
<div class="c-row">
<span>Spanish:</span>
<span class="capsule">Elementory</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">
<strong>Expertise</strong>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#addSubject"><i class="fa fa-plus"></i></a>
<a href="javascript:;" data-toggle="modal" data-target="#editSubject" class="ml-1"><i class="fa fa-pencil"></i></a>
</div>
</div>
<div class="card-body">
<div class="c-row">
<span>Business:</span>
<span class="capsule"><strong>4</strong>/5</span>
</div>
<hr>
<div class="c-row">
<span>Technology:</span>
<span class="capsule"><strong>2</strong>/5</span>
</div>
<hr>
<div class="c-row">
<span>Research:</span>
<span class="capsule"><strong>2</strong>/5</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">
<strong> Software & Tools</strong>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#editSoftware" class=""><i class="fa fa-pencil"></i></a>
</div>
</div>
<div class="card-body">
<div class="tools">
<span>CAT Tools:</span><br>
<span class="capsule">MemoQ</span>
<span class="capsule">SDS Trados</span>
</div>
<div class="tools mt-3">
<span>MS Office Tools:</span><br>
<span class="capsule">MS PowerPoint</span>
<span class="capsule">MS Word</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="profile-card mt-5">
<div class="d-flex justify-content-between align-items-center">
<h4>Evaluations</h4>
<a href="javascript:;" data-toggle="modal" data-target="#evaluationCriteria" class="border-bottom"><small>View Evaluation Criteria</small></a>
</div>
<div class="row mt-4">
<div class="col-md-12">
<table class="table bordered">
<thead>
<tr>
<th>Name</th>
<th>Language Direction</th>
<th>Duration</th>
<th>Status</th>
<th>Score</th>
<th class="text-right">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test One</td>
<td>Arabic to English</td>
<td>120 Mins</td>
<td><span class="capsule done">Passed</span></td>
<td>420 out of 500</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
<tr>
<td>Test Two</td>
<td>Arabic to English</td>
<td>120 Mins</td>
<td><span class="capsule review">Under Review</span></td>
<td>--</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
<tr>
<td>Test Three</td>
<td>English to Arabic</td>
<td>120 Mins</td>
<td><span class="capsule failed">Need Improvement</span></td>
<td>200 out of 500</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
<tr>
<td>Test Four</td>
<td>English to Arabic</td>
<td>120 Mins</td>
<td><span class="capsule">Pending</span></td>
<td>--</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#newTest" class="btn btn-primary">Start</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="profile-card mt-5">
<h4>Identification Information</h4>
<div class="row mt-4">
<div class="col-md-12">
<div class="no-record text-center">
<img src="images/shape.png" width="100"><br><br>
<p>Disabled untill the completion of evaluations</p>
</div>
</div>
</div>
</div><!--/profile card-->
<div class="profile-card mt-5">
<h4>Work History</h4>
<div class="row mt-4">
<div class="col-md-12">
<div class="no-record text-center">
<img src="images/shape.png" width="100"><br><br>
<p>Disabled untill the completion of evaluations</p>
</div>
</div>
</div>
</div><!--/profile card-->
<div class="profile-card mt-5">
<h4>Availability</h4>
<div class="row mt-4">
<div class="col-md-12">
<div class="no-record text-center">
<img src="images/shape.png" width="100"><br><br>
<p>Disabled untill the completion of evaluations</p>
</div>
</div>
</div>
</div><!--/profile card-->
<div class="profile-card mt-5">
<h4>Payment Methods</h4>
<div class="row mt-4">
<div class="col-md-12">
<div class="no-record text-center">
<img src="images/shape.png" width="100"><br><br>
<p>Disabled untill the completion of evaluations</p>
</div>
</div>
</div>
</div><!--/profile card-->
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="images/logo.png" width="80">
</div>
<div class="col-md-3">
<ul>
<li><a href="">ArabEasy Journey</a></li>
<li><a href="">Investors</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li><a href="">EZ Life</a></li>
<li><a href="">Team ArabEasy</a></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li><a href="">Privacy Policy</a></li>
<li><a href="">Information Security</a></li>
</ul>
</div>
</div>
<div class="row mt-4">
<div class="col-md-12 text-center">
<ul class="social">
<li><a href=""><i class="fa fa-facebook"></i></a></li>
<li><a href=""><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-instagram"></i></a></li>
<li><a href=""><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="col-md-12 text-center">
<p class="copyright">©2020–2021 All Rights Reserved. ArabEasy®</p>
</div>
</div>
</div>
</footer>
<div class="modal fade" id="profileAlert" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body text-center">
<img src="images/shape.png" width="150">
<h1 class="mt-4 mb-4">Hi Jane!</h1>
<p class="text">Welcome to ArabEasy. Please complete your profile in order to get your first assignement</p>
<ul class="steps">
<li><i class="fa fa-check"></i><span>Personal Info</span></li><li><i class="fa fa-check"></i><span>Skills</span></li>
<li><i class="fa fa-exclamation incomplete"></i><span>Evaluations</span></li>
</ul>
<div class="clearfix"></div>
<button type="button" class="btn btn-primary mt-5" data-dismiss="modal">Complete Profile</button>
</div>
</div>
</div>
</div>
<!-- // Profile Alert -->
<div class="modal fade" id="personalInfo" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Personal Information</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-3 text-center">
<img src="images/jane.png" class="rounded img-fluid"><br><br>
<a href="" class="capsule">Change</a>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" placeholder="First Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Last Name</label>
<input type="text" class="form-control" placeholder="Last Name">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Bio</label>
<textarea class="form-control" placeholder="Write something about yourself.."></textarea>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Email</label>
<input type="text" class="form-control" placeholder="Email">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Gender</label>
<select class="chosen-select">
<option>Select Gender</option>
<option value="">Female</option>
<option value="">Male</option>
<option value="">Prefer not to say</option>
<option value="">Other</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Nationality</label>
<input type="text" class="form-control" placeholder="Nationality">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Country of Residence</label>
<select class="chosen-select">
<option>Select Country</option>
<option value="">Afghanistan</option>
<option value="">India</option>
<option value="">Pakistan</option>
<option value="">Saudi Arabia</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Phone Number</label>
<input type="text" class="form-control" placeholder="Phone Number">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>WhatsApp Number</label>
<input type="text" class="form-control" placeholder="WhatsApp Number">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- // Personal Information -->
<div class="modal fade" id="addLanguage" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Add Language</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Language</label>
<select class="chosen-select">
<option>Select Language</option>
<option value="">English</option>
<option value="">Arabic</option>
<option value="">Spanish</option>
<option value="">French</option>
</select>
</div>
<div class="form-group">
<label>Proficiency</label>
<select class="chosen-select">
<option>Select Proficiency</option>
<option value="">Elementory</option>
<option value="">Limited</option>
<option value="">Professional Working</option>
<option value="">Full Professional</option>
<option value="">Native/Bilingual</option>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
<!-- // Add Language -->
<div class="modal fade" id="editLanguage" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Edit Language</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row align-items-center">
<div class="col-md-11">
<div class="form-group">
<label><strong>English</strong></label>
<select class="chosen-select">
<option>Select Proficiency</option>
<option value="">Elementory</option>
<option value="">Limited</option>
<option value="">Professional Working</option>
<option value="">Full Professional</option>
<option value="">Native/Bilingual</option>
</select>
</div>
</div>
<div class="col-md-1"> <a href=""><i class="fa fa-trash"></i></a></div>
</div>
<div class="row align-items-center">
<div class="col-md-11">
<div class="form-group">
<label><strong>Arabic</strong></label>
<select class="chosen-select">
<option>Select Proficiency</option>
<option value="">Elementory</option>
<option value="">Limited</option>
<option value="">Professional Working</option>
<option value="">Full Professional</option>
<option value="">Native/Bilingual</option>
</select>
</div>
</div>
<div class="col-md-1"> <a href=""><i class="fa fa-trash"></i></a></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save Changes</button>
</div>
</div>
</div>
</div>
<!-- // Edit Language -->
<div class="modal fade" id="addSubject" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Add Subject Matter Expertise</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Subject</label>
<select class="chosen-select">
<option>Select Subject</option>
<option value="">Business</option>
<option value="">Technology</option>
<option value="">Finance</option>
<option value="">Healthcare</option>
</select>
</div>
<div class="form-group">
<label>Expertise</label>
<select class="chosen-select">
<option>Select Expertise Level</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
<!-- // Add Subject Matter Expertise -->
<div class="modal fade" id="editSubject" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Edit Subject Matter Expertise</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row align-items-center">
<div class="col-md-11">
<div class="form-group">
<label><strong>Business</strong></label>
<select class="chosen-select">
<option>Select Expertise Level</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select>
</div>
</div>
<div class="col-md-1"> <a href=""><i class="fa fa-trash"></i></a></div>
</div>
<div class="row align-items-center">
<div class="col-md-11">
<div class="form-group">
<label><strong>Technology</strong></label>
<select class="chosen-select">
<option>Select Expertise Level</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select>
</div>
</div>
<div class="col-md-1"> <a href=""><i class="fa fa-trash"></i></a></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save Changes</button>
</div>
</div>
</div>
</div>
<!-- // Edit Subject Matter Expertise -->
<div class="modal fade" id="editSoftware" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Software & Tools</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>CAT Tools</label>
<select class="chosen-select" multiple="">
<option value="">MemoQ</option>
<option value="">SDS Trados</option>
<option value="">Other</option>
</select>
</div>
<div class="form-group">
<label>MS Office Tools</label>
<select class="chosen-select" multiple="">
<option value="">MS Work</option>
<option value="">MS Excel</option>
<option value="">MS PowerPoint</option>
<option value="">MS Visio</option>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save Changes</button>
</div>
</div>
</div>
</div>
<!-- // Edit Software Skills -->
<div class="modal fade" id="evaluationCriteria" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Evaluation Criteria</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="table table-bordered black-text">
<thead>
<tr>
<th width="10%" data-field="id">Criteria</th>
<th width="55%" data-field="name">Explanation and deductible items</th>
<th width="5%" data-field="price">Score</th>
<th width="30%" data-field="total">For each mistake in any of the items under the criteria (designed for a text of 300-400 words)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Semantics</td>
<td>The translator is able to convey the full meaning of SL into TL (no deletion, no addition, no change of meaning, no ambiguity.) Interpretation of TL is the same as that of SL.</td>
<td><b>150</b></td>
<td>Deduct 10 for each mistake.</td>
</tr>
<tr>
<td>Terminology</td>
<td>
<b>1)</b> Correct usages and choices of words as to convey the meaning correctly (ex: boy, man, male)<br>
<b>2)</b> No lexical ambiguity<br>
<b>3)</b> Using correct jargons when necessary that fit the context and the audience
</td>
<td><b>50</b></td>
<td>Deduct 5 for each mistake.</td>
</tr>
<tr>
<td>Syntax</td>
<td>- Correct and clear usage of:<br>
<b>1)</b> Grammar (tenses, conditionality, modality.etc.)<br>
<b>2)</b> Spelling, especially for Arabic: (lam Shamsia wal kamaria, ha’a wat aa marbota, tanween)<br>
<b>3)</b> Punctuation<br>
<b>4)</b> Sentence structure:<br>
<b>a)</b> Making sure that there is no ambiguity in sentence structure<br>
<b>b)</b> Using correct sentence structure in Arabic (like using verbal sentences whenever suitable)
<b>c)</b>Correct conjunctions</td>
<td><b>150</b></td>
<td>Deduct 10 for each
mistake. (if mistakes
are within the same
category, consider it
one)</td>
</tr>
<tr>
<td>Stylistic quality</td>
<td>
<b>1)</b> Suitable expressions<br>
<b>2)</b> Correct usage of translation methods (literal, semantic..)<br>
<b>3)</b> Correct usage of numbering and equivelances in Arabic (Abjad Hawaz) and text/slide direction<br>
<b>4)</b> No repetition<br>
<b>5)</b> Translation fits culture and audience (expert/inexpert). Marks will be deducted for expressions, terms, or style not suitable for the audience or culture.</td>
<td><b>100</b></td>
<td>Deduct 5 for each mistake. (if mistakes are within the same category, consider it one)</td>
</tr>
<tr>
<td>Stylistic beauty and cultural style</td>
<td>
- Beauty of text such as:<br>
<b>1)</b> Text coherence, and connection of ideas<br>
<b>2)</b> Readability and clarity<br>
<b>3)</b> The translation sounds authentic in TL.<br>
<b>4)</b> Style of translation fits the context (media,
legal. etc.)</td>
<td><b>50</b></td>
<td>Subjective evaluation</td>
</tr>
<tr>
<td colspan="4"><b>Total: 500</b></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- // Evaluation Criteria -->
<div class="modal fade" id="newTest" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content" id="instructions">
<div class="modal-header">
<h5 class="modal-title" id="">Test Four</h5>
</div>
<div class="modal-body">
<h4 class="mb-4">Instructions</h4>
<p>1. Duration of the test is 120 minutes or 2 hours from the moment of commencement. Once you start the test, the timer will start countdown and can not be reset.</p>
<p>2. Once the test has begun, you are required to take the complete test. In case you leave the test without submitting, you shall be required to take the whole test again.</p>
<p>3. A complete verification of personnel details shall be done by the ArabEasy team and only the individual who wishes to join ArabEasy shall take the test.</p>
<p>4. Use of internet and obtaining any form of help from outside sources such as friends, family or vendors is not permissible.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Take Later</button>
<button type="button" class="btn btn-primary" onclick="$('#instructions').hide(); $('#testStart').show();">Start Test Now</button>
</div>
</div>
</div>
<div class="modal-dialog" role="document">
<div class="modal-content" id="testStart" style="display: none;">
<div class="modal-header">
<h5 class="modal-title" id="">Test Four</h5>
<span class=""><strong>01:25</strong> / 120 Min</span>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6 border-right">
<p><strong>Arabic to English</strong></p>
<div class="text-right mt-2">
بـ دار وحتى رجوعهم ألمانيا, دارت الموسوعة دنو ٣٠. مسرح الثقيلة ومن بل, هو عُقر تعديل بعض. لم الشطر الشمال يتم, فصل بل اتفاقية الصينية. حيث قد هناك السبب للأراضي. قبضتهم الجنود جُل لم. قد دار المدن الأحمر, لان أوسع إعلان استرجاع كل, بشكل وبحلول للسيطرة لها أي.
مكن و قادة أفاق, غير رجوعهم الولايات لبولندا، أم. وشعار وعُرفت كان هو, مدينة مواقعها الأمريكية لمّ ٣٠. ما ويتّفق الهجوم الأراضي بعض. دفّة أمّا البشريةً مما ثم, فمرّ إعمار أوزار لم دول. عدم لم الشهير للإتحاد الساحلية, دارت الخاصّة ماليزيا، و حول. تم عسكرياً ومحاولة ذات.
ـ دار وحتى رجوعهم ألمانيا, دارت الموسوعة دنو ٣٠. مسرح الثقيلة ومن بل, هو عُقر تعديل بعض. لم الشطر الشمال يتم, فصل بل اتفاقية الصينية. حيث قد هناك السبب للأراضي. قبضتهم الجنود جُل لم. قد دار المدن الأحمر, لان أوسع إعلان استرجاع كل, بشكل وبحلول للسيطرة لها أي.
مكن و قادة أفاق, غير رجوعهم الولايات لبولندا، أم. وشعار وعُرفت كان هو, مدينة مواقعها الأمريكية لمّ ٣٠. ما ويتّفق الهجوم الأراضي بعض. دفّة أمّا البشريةً مما ثم, فمرّ إعمار أوزار لم دول. عدم لم الشهير للإتحاد الساحلية, دارت الخاصّة ماليزيا، و حول. تم عسكرياً ومحاولة ذات.
</div>
</div>
<div class="col-md-6">
<p><strong>Answer</strong></p>
<form class="mt-2">
<textarea class="form-control" rows="10"></textarea>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
<!-- // New Test -->
<div class="modal fade" id="viewTest" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Test Four <span class="capsule done">Passed</span></h5>
<span class=""><strong>100</strong> / 120 Min</span>
</div>
<div class="modal-score">
<div class="row">
<div class="col">
<div class="score">
<small>Semantics</small>
<span><big>100</big>/150</span>
</div>
</div>
<div class="col">
<div class="score">
<small>Terminology</small>
<span><big>40</big>/50</span>
</div>
</div>
<div class="col">
<div class="score">
<small>Syntax</small>
<span><big>100</big>/150</span>
</div>
</div>
<div class="col">
<div class="score">
<small>Stylist Quality</small>
<span><big>60</big>/100</span>
</div>
</div>
<div class="col">
<div class="score">
<small>Stylist Beauty & Cultural Style</small>
<span><big>40</big>/50</span>
</div>
</div>
</div>
</div>
<div class="modal-body">
<div class="row mt-4">
<div class="col-md-6 border-right">
<p><strong>Arabic to English </strong></p>
<div class="text-right mt-2">
بـ دار وحتى رجوعهم ألمانيا, دارت الموسوعة دنو ٣٠. مسرح الثقيلة ومن بل, هو عُقر تعديل بعض. لم الشطر الشمال يتم, فصل بل اتفاقية الصينية. حيث قد هناك السبب للأراضي. قبضتهم الجنود جُل لم. قد دار المدن الأحمر, لان أوسع إعلان استرجاع كل, بشكل وبحلول للسيطرة لها أي.
مكن و قادة أفاق, غير رجوعهم الولايات لبولندا، أم. وشعار وعُرفت كان هو, مدينة مواقعها الأمريكية لمّ ٣٠. ما ويتّفق الهجوم الأراضي بعض. دفّة أمّا البشريةً مما ثم, فمرّ إعمار أوزار لم دول. عدم لم الشهير للإتحاد الساحلية, دارت الخاصّة ماليزيا، و حول. تم عسكرياً ومحاولة ذات.
ـ دار وحتى رجوعهم ألمانيا, دارت الموسوعة دنو ٣٠. مسرح الثقيلة ومن بل, هو عُقر تعديل بعض. لم الشطر الشمال يتم, فصل بل اتفاقية الصينية. حيث قد هناك السبب للأراضي. قبضتهم الجنود جُل لم. قد دار المدن الأحمر, لان أوسع إعلان استرجاع كل, بشكل وبحلول للسيطرة لها أي.
مكن و قادة أفاق, غير رجوعهم الولايات لبولندا، أم. وشعار وعُرفت كان هو, مدينة مواقعها الأمريكية لمّ ٣٠. ما ويتّفق الهجوم الأراضي بعض. دفّة أمّا البشريةً مما ثم, فمرّ إعمار أوزار لم دول. عدم لم الشهير للإتحاد الساحلية, دارت الخاصّة ماليزيا، و حول. تم عسكرياً ومحاولة ذات.
</div>
</div>
<div class="col-md-6">
<p><strong>Answer</strong></p>
<p>
In Germany and until their return, the encyclopedia ran near 30. Heavy theater and even, it is the backyard of some mods. The north has not been separated, but rather a Chinese agreement. Where there may be the reason for the lands. The soldiers grip most not. The cities have turned red, because the largest declaration of retrieval of each, in a form and solutions to control it, ie.</p>
<p>In Germany and until their return, the encyclopedia ran near 30. Heavy theater and even, it is the backyard of some mods. The north has not been separated, but rather a Chinese agreement. Where there may be the reason for the lands. The soldiers grip most not. The cities have turned red, because the largest declaration of retrieval of each, in a form and solutions to control it, ie.</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- // New Test -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/chosen.jquery.js" type="text/javascript"></script>
<script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
<script src="js/init.js" type="text/javascript" charset="utf-8"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="js/datepicker.min.js"></script>
<script>
$('#datepicker').datepicker({
uiLibrary: 'bootstrap4'
});
</script>
<script>
$(document).ready(function(){
$("#profileAlert").modal('show');
});
</script>
</body>
</html>