@extends('.frontend.default')

@section('content')
<div class="service_details_sec" class="details_page">
	<div class="container">
		<div class="row">
			<div class="col-lg-10 offset-lg-1">
				<div class="sort">
					<a href="service-search-results.html"><i class="fa fa-angle-left" aria-hidden="true"></i> 返回搜尋結果</a>
				</div>

				<div class="service_details">
					<div class="service_details_image">
						<img src="{{asset('custom-assets/images/tutor-service.jpg')}}" alt="">
					</div>
					<div class="service_details_inner">
						<div class="">
							<h3> CT 面試技巧工作坊  </h3>
							<span>初中程度</span>
						</div>
						<div class="row">
							<div class="col-lg-8">
								<div class="service_details_content">
									<a href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt=""> 職涯/就業</a>
									<a class="details-btn" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt=""> 講座/工作坊</a>
									<span class="quoted">已報價學校 : 30+</span>

									<ul>
										<li><span><i class="fas fa-city"></i></span>舉辦導師: 馮嘉嘉</li>
										<li><span><i class="fas fa-location-arrow"></i></span>服務地點: 只限九龍區</li>
										<li><span><img src="{{asset('custom-assets/images/material-people-black.svg')}}" alt=""></span>服務對象: 初中學生 </li>
										<li><span><i class="far fa-clipboard"></i></span>服務內容: 參加者可以認識能量轉換的概念，並透過基本結構，學習它們能夠自行前進的科學原理。</li>
										<li><span><i class="fas fa-star" style="font-size: 20px"></i></span>報名須知: 1. 同學必須先上初階科學工作坊</li>
										<li><span><i class="far fa-calendar-alt" style="font-size:20px"></i></span>截止報名日期: 01/10/2020</li>
										<li><span><img src="{{asset('custom-assets/images/material-attach-money.svg')}}" alt=""></span>收費 : 100 /人</li>
									</ul>
								</div>
							</div>
							<div class="col-lg-4">
								<div class="service_date_range">
									<div class="row">
									<div class="col-lg-12">
										<div class="date_range">
											<label>服務日期範圍</label>
											<ul>
												<li><span><img src="{{asset('custom-assets/images/calendar-alt.svg')}}" alt=""></span><input type="text" placeholder="DD/MM/YYYY" class="form-control_01" required /></li>
												<li><span>至</span><input type="text" placeholder="DD/MM/YYYY" class="form-control_01" required /></li>
											</ul>
										</div>
									</div>
									<div class="col-lg-12">
										<div class="date_range">
											<ul>
												<li><span><img src="{{asset('custom-assets/images/material-people-blue.svg')}}" alt=""></span><input type="number" placeholder="服務人數"class="form-control_01" required /></li>
											</ul>
										</div>
									</div>
									<div class="col-lg-12">
										<div class="date_range course">
											<ul>
												<li><span><img src="{{asset('custom-assets/images/pen.svg')}}" alt=""></span><input type="text" placeholder="備註" class="form-control_01" required /></li>
											</ul>
										</div>
									</div>
									<div class="col-lg-12">
										<div class="quote_btn text-center">
											<button type="button" class="btn btn-primary Submit">我要查詢報價</button>
										</div>
									</div>
									</div>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="features_service">
									<label><img src="{{asset('custom-assets/images/metro-info.svg')}}" alt="">服務特色</label>
									<textarea nane="Requirement" class="form-control_01 control_01" Required></textarea>
								</div>
							</div>

							<div class="col-lg-12">
								<section class="tutor-d-fisrt course_instructor">
									<div class="main-id-cards" id="deatisl-stud">
										<label class="introduction"><img src="{{asset('custom-assets/images/chalkboard-teacher.svg')}}" alt=""> 課程導師簡介</label>
										<div class="featured-main mentor_collection paddings">
											<div class="id-cards">
												<div class="id-cards-right">
													<div class="syd"><img src="{{asset('custom-assets/images/student.png')}}" alt=""></div>
													<div class="">
														<!-- <p>時薪由 HK$ 80 起</p> -->
														<a href="#">查看此導師其他服務</a>
													</div>
												</div>
												<div class="id-cards-left">
													<p>姓名: 馮嘉嘉</p>
													<div class="subs">
														<p>服務對象: </p>
														<ul>
															<li>幼稚園       </li>
															<li>初小</li>
															<li>高小</li>
															<li>初中</li>
														</ul>
													</div>
													<div class="subs">
														<p>服務性質:</p>
														<ul>
															<li>學習/升學支援</li>
															<li> 成長、情緒、健康</li>
														</ul>
													</div>
												</div>

											</div>
											<div class="stud-details-mains">
												<div class="student-info">
													<p>教學語言: 粵語 英語 國語 </p>
													<p>教學經驗 : 3 - 5年</p>
													<p>持有學歷 : 修讀香港浸會大學3年級</p>
													<p>
														持有證書  :<br>
														<br>
														<span></span>1. 2019校際朗誦節季軍<br>
														<br>
														<span></span>2. 基本急救證書(BFA)
													</p>
												</div>

											</div>

										</div>
										<!-- </div> -->
										<!-- </div> -->
									</div>
								</section>

							</div>

							<div class="col-lg-12">
								<div class="service_social">
									<ul>
										<li>
											<a href="#"><img src="{{asset('custom-assets/images/heart.svg')}}" alt=""></a>
										</li>
										<li>
											<a href="#"><img src="{{asset('custom-assets/images/share-alt.svg')}}" alt=""></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>

<div class="Popular_services_sec popular_service_details">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="titel">
					<h1>您可能感興趣</h1>
				</div>
			</div>
			<div class="col-lg-3 col-md-6">
				<div class="featured-main">
					<div class="featured">
						<img src="{{ asset('custom-assets/images/featured-1.png') }}" alt="" />
						<div class="featured-text">
							<h4>CT 科學工作坊 </h4>
							<p>賽馬會坪石青年空間</p>
							<div class="innovation_btn">
								<a class="innovation" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" /> 媒體及創新</a>
								<a class="workshops" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" /> 講座/工作坊</a>
							</div>

							<ul>
								<li>
									<a href="#"><img src="{{ asset('custom-assets/images/heart.svg') }}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/share-alt.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/material-attach-money.svg')}}" alt="" /> 100</a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/ionic-md-people.svg')}}" alt="" /> 1</a>
								</li>
							</ul>
							<div class="school">
								<h4>初中程度</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-6">
				<div class="featured-main">
					<div class="featured">
						<img src="{{asset('custom-assets/images/featured-5.png')}}" alt="" />
						<div class="featured-text">
							<h4> CT 面試技巧工作坊 </h4>
							<p>賽馬會乙明青年空間</p>
							<div class="innovation_btn">
								<a class="innovation" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" /> 職涯/就業</a>
								<a class="workshops" href="#"><img src="{{ asset('custom-assets/images/material-label.png') }}" alt="" /> 講座/工作坊</a>
							</div>

							<ul>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/heart.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/share-alt.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/material-attach-money.svg')}}" alt="" /> 1600</a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/ionic-md-people.svg')}}" alt="" /> 30</a>
								</li>
							</ul>
							<div class="school">
								<h4>高中程度</h4>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-md-6">
				<div class="featured-main">
					<div class="featured">
						<img src="{{asset('custom-assets/images/featured-6.png')}}" alt="" />
						<div class="featured-text">
							<h4>親子中三家長講座</h4>
							<p>家長全動網</p>
							<div class="innovation_btn">
								<a class="innovation" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" />家庭/親子</a>
								<a class="workshops" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" /> 講座/工作坊</a>
							</div>

							<ul>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/heart.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/share-alt.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/material-attach-money.svg')}}" alt="" /> 1600</a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/ionic-md-people.svg')}}" alt="" /> 30</a>
								</li>
							</ul>
							<div class="school">
								<h4>家長</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-6">
				<div class="featured-main">
					<div class="featured">
						<img src="{{asset('custom-assets/images/featured-7.png')}}" alt="" />
						<div class="featured-text">
							<h4>商業英語教學</h4>
							<p>青年就業網絡</p>
							<div class="innovation_btn">
								<a class="innovation" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" />職涯/就業</a>
								<a class="workshops" href="#"><img src="{{asset('custom-assets/images/material-label.png')}}" alt="" /> 講座/工作坊</a>
							</div>

							<ul>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/heart.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/share-alt.svg')}}" alt="" /></a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/material-attach-money.svg')}}" alt="" /> 2300</a>
								</li>
								<li>
									<a href="#"><img src="{{asset('custom-assets/images/ionic-md-people.svg')}}" alt="" /> 30</a>
								</li>
							</ul>
							<div class="school">
								<h4>高中學生</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection