course finder view page completed
This commit is contained in:
@@ -1,261 +1,186 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="services-banner">
|
||||
<img src="{{ asset('raffles/assets/images/backgrounds_general/course-finder-banner.png')}}" width="1425" height="356" alt="course finder">
|
||||
</div>
|
||||
|
||||
<div class="container section">
|
||||
<!-- Main Content -->
|
||||
<div class="row">
|
||||
<div class="col col-md-8">
|
||||
|
||||
|
||||
|
||||
<!-- Course Header -->
|
||||
<div class="course-header">
|
||||
<div class="university-info">
|
||||
<div class="university-loo sm:w-50percent w-125 "> <img class="w-full h-full" src="assets/images/general/university.jpg" alt=""></div>
|
||||
<div class="university-details">
|
||||
<h1>(STEM) Bachelor of Architecture (BArch)</h1>
|
||||
<div class="university-name">Marywood University (USA)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-meta">
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Course Code</div>
|
||||
<div class="meta-value">BArch</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Duration</div>
|
||||
<div class="meta-value">4 Years</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Level</div>
|
||||
<div class="meta-value">Bachelor</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Annual Fee</div>
|
||||
<div class="meta-value">$41,700</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Scholarship</div>
|
||||
<div class="meta-value">Up to $25,000</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Course Content -->
|
||||
<div class="course-content">
|
||||
<!-- Course Overview -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Course Overview</h2>
|
||||
<p>The Bachelor of Architecture (BArch) program at Marywood University is a comprehensive 4-year STEM-designated degree that prepares students for professional practice in architecture. This program combines creative design thinking with technical knowledge, sustainability principles, and cutting-edge technology to develop well-rounded architects ready for the challenges of the 21st century.</p>
|
||||
<br>
|
||||
<p>Students will engage in hands-on design studios, learn from experienced faculty, and have access to state-of-the-art facilities including digital fabrication labs, 3D printing, and virtual reality design tools. The program emphasizes both theoretical knowledge and practical application, ensuring graduates are prepared for licensure and professional practice.</p>
|
||||
</div>
|
||||
|
||||
<!-- Entry Requirements -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Entry Requirements</h2>
|
||||
<div class="requirements-grid">
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">English Language Requirements</div>
|
||||
<div class="requirement-details">
|
||||
<div class="score-badge">IELTS: 5.5 (5.5)</div>
|
||||
<div class="score-badge">PTE: 48 (48)</div>
|
||||
<div class="score-badge">Duolingo: 90 Overall</div>
|
||||
<div class="score-badge">TOEFL: 70 Overall</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">Academic Requirements</div>
|
||||
<div class="requirement-details">
|
||||
• High School Diploma or equivalent<br>
|
||||
• Minimum GPA of 3.0<br>
|
||||
• Mathematics and Physics recommended<br>
|
||||
• Portfolio submission required
|
||||
</div>
|
||||
</div>
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">Additional Documents</div>
|
||||
<div class="requirement-details">
|
||||
• Official transcripts<br>
|
||||
• Letters of recommendation (2)<br>
|
||||
• Personal statement<br>
|
||||
• Portfolio of creative work
|
||||
</div>
|
||||
</div>
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">Application Deadlines</div>
|
||||
<div class="requirement-details">
|
||||
• Fall Semester: June 1st<br>
|
||||
• Spring Semester: November 1st<br>
|
||||
• Early Decision: March 15th<br>
|
||||
• Rolling admissions available
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Fees Breakdown -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Fees Breakdown</h2>
|
||||
<table class="fees-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Fee Type</th>
|
||||
<th>Amount (USD)</th>
|
||||
<th>Frequency</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Tuition Fee</td>
|
||||
<td>$38,500</td>
|
||||
<td>Per Year</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Technology Fee</td>
|
||||
<td>$1,200</td>
|
||||
<td>Per Year</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Student Activities</td>
|
||||
<td>$800</td>
|
||||
<td>Per Year</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Health Services</td>
|
||||
<td>$600</td>
|
||||
<td>Per Year</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Library Fee</td>
|
||||
<td>$400</td>
|
||||
<td>Per Year</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Application Fee</td>
|
||||
<td>$50</td>
|
||||
<td>One Time</td>
|
||||
</tr>
|
||||
<tr class="total-row">
|
||||
<td><strong>Total Annual Cost</strong></td>
|
||||
<td><strong>$41,700</strong></td>
|
||||
<td><strong>Per Year</strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<!-- Sidebar -->
|
||||
<aside class="sidebar">
|
||||
<!-- Contact Form -->
|
||||
<div class="sidebar-card">
|
||||
<h3 class="sidebar-title">Get Your Free Counselling!</h3>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="Full Name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="tel" placeholder="Phone" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="email" placeholder="Email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea placeholder="Message"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn-blue">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Quick Info -->
|
||||
<div class="quick-info">
|
||||
<h3 class="sidebar-title">Quick Information</h3>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Application Fee:</span>
|
||||
<span class="info-value">$50</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Processing Time:</span>
|
||||
<span class="info-value">2-4 weeks</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Campus Location:</span>
|
||||
<span class="info-value">Scranton, PA</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Student Body:</span>
|
||||
<span class="info-value">2,500+ students</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Accreditation:</span>
|
||||
<span class="info-value">NAAB Accredited</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Class Size:</span>
|
||||
<span class="info-value">15-20 students</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Faculty Ratio:</span>
|
||||
<span class="info-value">1:12</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Intake Information -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Available Intakes</h2>
|
||||
<div class="intake-badges">
|
||||
<div class="intake-badge">January 2024</div>
|
||||
<div class="intake-badge">August 2024</div>
|
||||
<div class="intake-badge">January 2025</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Course Modules -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Course Modules</h2>
|
||||
<div class="modules-grid">
|
||||
<div class="module-item">
|
||||
<div class="module-name">Architectural Design Studio I-VIII</div>
|
||||
<div class="module-credits">32 Credits</div>
|
||||
</div>
|
||||
<div class="module-item">
|
||||
<div class="module-name">History of Architecture</div>
|
||||
<div class="module-credits">6 Credits</div>
|
||||
</div>
|
||||
<div class="module-item">
|
||||
<div class="module-name">Building Technology & Materials</div>
|
||||
<div class="module-credits">9 Credits</div>
|
||||
</div>
|
||||
<div class="module-item">
|
||||
<div class="module-name">Structural Systems</div>
|
||||
<div class="module-credits">6 Credits</div>
|
||||
</div>
|
||||
<div class="module-item">
|
||||
<div class="module-name">Environmental Systems</div>
|
||||
<div class="module-credits">6 Credits</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
<div class="container section">
|
||||
<div class="row">
|
||||
<div class="col col-md-8">
|
||||
<div class="course-header">
|
||||
<div class="university-info">
|
||||
<div class="university-loo sm:w-50percent w-125 "> <img class="w-full h-full"
|
||||
src="{{ asset($page->institution?->image) }}" alt=""></div>
|
||||
<div class="university-details">
|
||||
<h1>{{ $page->title }}</h1>
|
||||
<div class="university-name">{{ $page->institution?->title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-meta">
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Course Code</div>
|
||||
<div class="meta-value">{{ $page->code }}</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Duration</div>
|
||||
<div class="meta-value">{{ $page->year }}</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Level</div>
|
||||
<div class="meta-value">{{ $page->programLevel?->title }}</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Annual Fee</div>
|
||||
<div class="meta-value">{{ $page->fee }}</div>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<div class="meta-label">Scholarship</div>
|
||||
<div class="meta-value">{{ $page->scholarship }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-content">
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Course Overview</h2>
|
||||
{!! $page->description !!}
|
||||
</div>
|
||||
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Entry Requirements</h2>
|
||||
<div class="requirements-grid">
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">English Language Requirements</div>
|
||||
<div class="requirement-details">
|
||||
@foreach ($page->tests as $index => $item)
|
||||
<div class="score-badge">{{ $item->title }}: {{ $item->pivot?->min_score }}
|
||||
({{ $item->pivot?->band_score }})
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">Academic Requirements</div>
|
||||
<div class="requirement-details">
|
||||
@foreach ($page->academic_module as $index => $item)
|
||||
<p>{{ $item->requirements }}</p>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">Additional Documents</div>
|
||||
<div class="requirement-details">
|
||||
@foreach ($page->additional_module as $index => $item)
|
||||
<p>{{ $item->requirements }}</p>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="requirement-card">
|
||||
<div class="requirement-title">Application Deadlines</div>
|
||||
<div class="requirement-details">
|
||||
@foreach ($page->application_module as $index => $item)
|
||||
<p>{{ $item->requirements }}</p>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Fees Breakdown -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Fees Breakdown</h2>
|
||||
<table class="fees-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Application Fee</th>
|
||||
<th>Tution Fee</th>
|
||||
<th>Health Service</th>
|
||||
<th>Student Activities</th>
|
||||
<th>Technology Fee</th>
|
||||
<th>Library Fee</th>
|
||||
<th>Total Fee</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach ($page->fee_breakdown as $key => $fee)
|
||||
<tr>
|
||||
<td>{{ $fee->application_fee }}</td>
|
||||
<td>{{ $fee->tution_fee }}</td>
|
||||
<td>{{ $fee->health_service }}</td>
|
||||
<td>{{ $fee->student_activities }}</td>
|
||||
<td>{{ $fee->technology_fee }}</td>
|
||||
<td>{{ $fee->library_fee }}</td>
|
||||
<td>{{ $fee->application_fee +
|
||||
$fee->tution_fee +
|
||||
$fee->health_service +
|
||||
$fee->student_activities +
|
||||
$fee->technology_fee +
|
||||
$fee->library_fee }}
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<!-- Sidebar -->
|
||||
<aside class="sidebar">
|
||||
<!-- Contact Form -->
|
||||
<div class="sidebar-card">
|
||||
<h3 class="sidebar-title">Get Your Free Counselling!</h3>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="Full Name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="tel" placeholder="Phone" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="email" placeholder="Email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea placeholder="Message"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn-blue">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Intake Information -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Available Intakes</h2>
|
||||
<div class="intake-badges">
|
||||
@foreach ($page->intakes as $value)
|
||||
<div class="intake-badge">{{ $intakeOptions[$value] }}</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Course Modules -->
|
||||
<div class="content-section">
|
||||
<h2 class="section-title">Course Modules</h2>
|
||||
<div class="modules-grid">
|
||||
@foreach ($page->course_module as $index => $module)
|
||||
<div class="module-item">
|
||||
<div class="module-name">{{ $module->title }}</div>
|
||||
<div class="module-credits">{{ $module->credit_hour }} Credits</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -103,7 +103,8 @@
|
||||
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">{{ $item->title }}</h3>
|
||||
<a href="{{ route('coursefinder.single', $item->id) }}">
|
||||
<h3 class="text-20 font-medium">{{ $item->title }}</h3></a>
|
||||
<h5 class="text-16 font-lighter">{{ $item->institution?->title }} <span
|
||||
class="text-brand">{{ $item->institution?->country?->title }}</span>
|
||||
</h5>
|
||||
|
||||
Reference in New Issue
Block a user