지창언

main page layout modified

......@@ -250,8 +250,8 @@
<div class="row gx-5 align-items-center justify-content-center">
<div class="col-lg-8 col-xl-7 col-xxl-6">
<div class="my-5 text-center text-xl-start">
<h1 class="display-5 fw-bolder text-white mb-2">각 고속도로별 휴게소 지도 오픈 API 삽입 >></h1>
<p class="lead fw-normal text-white-50 mb-4">적당히 텍스트 삽입</p>
<h1 class="display-5 fw-bolder text-white mb-2">고속도로선택시 경로와 휴게소가 지도에 표시됩니다.</h1>
<p class="lead fw-normal text-white-50 mb-4">고속도로를 선택해주세요</p>
<div class="dropdown">
<button class ="btn btn-primary dropdown-toggle " data-bs-toggle="dropdown">
고속도로 선택
......@@ -312,7 +312,9 @@
</div>
</div>
</header>
<!-- Features section-->
<!--
<section class="py-5" id="features">
<div class="container px-5 my-5">
......@@ -345,19 +347,37 @@
</div>
</div>
</section>
-->
<!-- Testimonial section-->
<div class="py-5 bg-light">
<div class="container px-5 my-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-10 col-xl-7">
<div class="text-center">
<div class="fs-4 mb-4 fst-italic" id ="testArea">이 아래는 그다지 필요하지 않을것 같으니 일단 두고 나중에 전부삭제</div>
<div class="fs-4 mb-4 fst-italic" id ="testArea">Contact to..</div>
<div class="d-flex align-items-center justify-content-center">
<img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="..." />
<div class="fw-bold">
Tom Ato
지창언
<span class="fw-bold text-primary mx-1">/</span>
2018110536
<span class="fw-bold text-primary mx-1"> </span>
</div>
<img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="..." />
<div class="fw-bold">
김민규
<span class="fw-bold text-primary mx-1">/</span>
CEO, Pomodoro
2018000000
<span class="fw-bold text-primary mx-1"> </span>
</div>
<img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="..." />
<div class="fw-bold">
이서현
<span class="fw-bold text-primary mx-1">/</span>
2021000000
<span class="fw-bold text-primary mx-1"> </span>
</div>
</div>
</div>
......@@ -365,7 +385,7 @@
</div>
</div>
</div>
<!-- Blog preview section-->
<!-- Blog preview section
<section class="py-5">
<div class="container px-5 my-5">
<div class="row gx-5 justify-content-center">
......@@ -440,8 +460,9 @@
</div>
</div>
</div>
</div>
<!-- Call to action-->
</div>-->
<!-- Call to action
<aside class="bg-primary bg-gradient rounded-3 p-4 p-sm-5 mt-5">
<div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start">
<div class="mb-4 mb-xl-0">
......@@ -458,7 +479,7 @@
</div>
</aside>
</div>
</section>
</section>-->
</main>
<!-- Footer-->
<footer class="bg-dark py-4 mt-auto">
......