destination design

This commit is contained in:
2025-08-20 13:11:38 +05:45
parent dc4a1cdc0b
commit a59c9a46db
3 changed files with 159 additions and 2 deletions

View File

@@ -1294,6 +1294,38 @@ margin: 10px 0;
display: none;
}
.tab-container .title-small{
font-size: 20px;
font-weight: 600;
padding-bottom: 10px;
color: black;
}
.tab-container .para{
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
color: black;
}
.tab-container .paraa{
color: black;
}
.tab-container .para-slant{
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
color: black;
font-style: italic;
}
.tab-container ul.list-disc li{
list-style: disc;
}
.tab-container ol.list-alpha li{
list-style: lower-alpha;
}
.tab-content.active {
display: block;
}
@@ -3440,6 +3472,22 @@ justify-content: space-between;
}
}
.tabs-table{
border: 1px solid gray;
padding: 20px;
}
.tabs-table td{
border-right: 1px solid gray;
padding: 10px;
}
.tabs-table thead td{
font-weight: bold;
font-size: 16px;
}
.tabs-table tbody td{
font-weight: 400;
font-size: 14px;
}

View File

@@ -237,14 +237,14 @@
<div class="container section">
<section class="section">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-42 md:text-30 text-sec">{{ $fifthPage->title }}</h2>
<h2 class="text-42 md:text-30 text-sec ">{{ $fifthPage->title }}</h2>
</div>
</section>
<div class="row section">
@foreach ($fifthPage->custom as $child)
<div class="col col-md-4">
<div class="flex flex-col gap-10 ceo-container px-20 py-20">
<h3 class="text-brand text-26 md:text-18 font-bold leading-30">{{ $child['icon'] ?? '' }}
<h3 class="text-brand text-26 md:text-18 font-bold leading-30 text-center">{{ $child['icon'] ?? '' }}
</h3>
<p class="text-black text-14 text-center">{{ $child['key'] ?? '' }}</p>
</div>

View File

@@ -153,6 +153,115 @@
</div>
</div>
</div>
<div class="py-40">
<div class="py-10">
<h4 class="title-small">1. What is the average tuition, living, and
health insurance cost in the USA?</h4>
<p class="para"><strong>Bachelors: </strong>Tuition: $15,000$35,000
/ year</p>
<p class="para"><strong>Bachelors: </strong>Tuition: $15,000$35,000
/ year</p>
<p class="para-slant">Living: $8,000$12,000/year | Health Insurance:
$1,000$2,000 / year</p>
</div>
<div class="py-10">
<h4 class="title-small">2. What types of scholarships are available?
</h4>
<ul class="list-disc">
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para">Merit-based:Based on academic scores or test
results</li>
</ul>
</div>
<div class="py-10">
<h4 class="title-small">3. What types of scholarships are available?
</h4>
<ol class="list-alpha">
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para">Merit-based:Based on academic scores or test
results</li>
</ol>
</div>
<div class="py-10">
<h4 class="title-small">4. What types of scholarships are available?
</h4>
<ol class="list-alpha">
<li class="para"><a class="text-sec underline" href="#"
target="_blank"><strong>Merit-based: </strong>Based on
academic
scores or test results</a></li>
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para">Merit-based:Based on academic scores or test
results</li>
</ol>
</div>
<div class="py-10">
<table class="tabs-table">
<thead>
<tr>
<td>Universities</td>
<td>Annual Tuition Fee
(Non-Eu/EEA)
in Euro & Approximate in NPR</td>
<td>Scholarships Available</td>
</tr>
</thead>
<tbody>
<tr>
<td>
University Of Copenhagen(UCPH)
</td>
<td>
€10,000€17,000 OR
NPR 1,350,0002,295,000
</td>
<td>
Danish Government Scholarship (offered by the university
on behalf of the Danish Ministry)
</td>
</tr>
<tr>
<td>
University Of Copenhagen(UCPH)
</td>
<td>
€10,000€17,000 OR
NPR 1,350,0002,295,000
</td>
<td>
Danish Government Scholarship (offered by the university
on behalf of the Danish Ministry)
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>