-
Notifications
You must be signed in to change notification settings - Fork 0
/
generalInfo.html
118 lines (105 loc) · 5.83 KB
/
generalInfo.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General Information</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="shortcut icon" type="image/x-icon" href="img/logo.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="bootstrap-iso.css">
<!-- Navbar icon -->
<link rel="stylesheet" href="style.css">
</head>
<body class="gi-body">
<div class="bootstrap-iso">
<!--create div with "bootstrap-iso"to avoid collision with different version of bootstrap(bootstrap@5.2.3) which is used to design card in the page-->
<div class="hm-body">
<!--Body tag has been replaced with "hm-body"div to avoid collision with actual body tage in relevant page -->
<nav class="hm-nav">
<div class="hm-container">
<h1 class="hm-logo"><a class="hm-a" href="index.html">KometCare</a></h1>
<ul class="hm-ul">
<li><a href="index.html" class="hm-a">Home</a></li> <!--(EmresPage) -->
<li><a href="aboutus.html" class="hm-a">About</a></li> <!--(IrenesPAge)-->
<li><a href="eligibility-requirement.html" class="hm-a">Eligibility Requirement</a></li>
<!--(JinniesPage)-->
<li><a href="VisaRequirements.html" class="hm-a">VISA Requirement</a></li>
<!-- (EmresPage)current class is used to higlight the content it will change in every page -->
<li><a href="generalInfo.html" class="hm-a current">General Information</a></li> <!--(MisosPage)-->
<li><a href="employment.html" class="hm-a">Employment</a></li> <!--(JinniesPage)-->
<li><a href="salaryDetail.html" class="hm-a">Salary Details</a></li> <!--(MisosPage)-->
<li><a href="contactus.html" class="hm-a">Contact</a></li> <!--(IrenesPage)-->
<li><a href="javascript:void(0);" class="hm-icon" onclick="hmopennav()">
<i class="fa fa-bars"></i>
</a>
</ul>
</div>
</nav>
</div>
</div>
<section class="gi-cards-section">
<div class="container">
<!-- "Container" div is used to display 4 cards in limited width (not across whole whole width of screen) -->
<div class="row">
<div class="col-sm-3 card-wrapper">
<!-- To display 4 cards in 12 column grid size of bootstrap, each card takes up to 3 grid -->
<div class="card card-style">
<img class="card-image" src="img/website image 1.webp" alt="KometCare image">
<div class="card-body d-flex flex-column">
<!-- "d-flex" class is added so that each card panel has same height by bootstrap even if text in the card body has different length -->
<h3 class="card-title"> minimum annual remuneration</h3>
<p class="card-text"> Based on 39-hours weekly working €27,000 is required. Based on 40-hours weekly
working €27,685 is required.
</p>
<a href="./contactus.html" class="btn btn-dark stretched-link mt-auto" target="_blank">Contact us</a>
<!-- "mt-auto" class is added so that each card panel has same height by bootstrap even if text in the card body has different length -->
</div>
</div>
</div>
<div class="col-sm-3 card-wrapper">
<div class="card card-style">
<img class="card-image" src="img/gi-image1.jpeg" alt="KometCare image">
<div class="card-body d-flex flex-column">
<h3 class="card-title"> Salary</h3>
<p class="card-text"> It refers solely to basic pay but may include Premium Payments where these are
guaranteed.
It shall not include any bonuses, shift allowances, overtime etc.</p>
<a href="contactus.html" class="btn btn-dark stretched-link mt-auto" target="_blank">Contact us</a>
</div>
</div>
</div>
<div class="col-sm-3 card-wrapper">
<div class="card card-style">
<img class="card-image" src="img/gi-image2.jpeg" alt="KometCare image">
<div class="card-body d-flex flex-column">
<h3 class="card-title">Employment Permit Application</h3>
<p class="card-text">Labour Market Needs Test (LMNT) is required. Vacancies should not be amended during
the 28 days on Recruitment site.</p>
<a href="contactus.html" class="btn btn-dark stretched-link mt-auto" target="_blank">Contact us</a>
</div>
</div>
</div>
<div class="col-sm-3 card-wrapper">
<div class="card card-style">
<img class="card-image" src="img/gi-image3.jpeg" alt="KometCare image">
<div class="card-body d-flex flex-column">
<h3 class="card-title"> Employment Permit Application (Renewal)
</h3>
<p class="card-text">Health Care Assistant should have attained a Relevant QQI Level 5 qualification after
two years employment in the State.</p>
<a href="contactus.html" class="btn btn-dark stretched-link mt-auto" target="_blank">Contact us</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</section>
<script src="js/script.js"></script> <!--JavaScriptforNavBar-->
</body>
</html>