Redesign homepage hero: solid red with white logo and tagline, no background image (EN/TH)
This commit is contained in:
kurogeek committed
1 parent
c2568628ab
commit
ac12d29020
2 files changed
+22
-34
No files matched your search
@@ -4,29 +4,23 @@
|
|||||||
|
|
||||||
@section('main')
|
@section('main')
|
||||||
|
|
||||||
|
<!-- start hero section -->
|
||||||
<section class="wow animate__fadeIn p-0 parallax sm-background-image-center" data-parallax-background-ratio="0.5"
|
<section class="wow animate__fadeIn p-0 bg-deep-pink">
|
||||||
style="background-image: url('images/banner/01banner.jpg')">
|
<div class="container position-relative full-screen">
|
||||||
<div class="opacity-extra-medium bg-black"></div>
|
<div class="row h-100 justify-content-center align-items-center">
|
||||||
<div class="container-fluid position-relative full-screen">
|
<div class="col-12 col-xl-7 col-lg-8 col-md-10 text-center last-paragraph-no-margin">
|
||||||
<div class="row h-100 justify-content-end align-items-end">
|
<img src="{{ url('images/logo_greatercm_white.png') }}" width="420"
|
||||||
<div
|
class="mw-100 margin-40px-bottom sm-margin-30px-bottom" alt="GREATER CHIANG MAI">
|
||||||
class="col-12 col-xl-7 col-xxl-6 col-lg-8 text-center text-md-start position-relative bg-deep-pink-opacity padding-six-lr lg-padding-seven-lr padding-five-tb sm-padding-30px-all last-paragraph-no-margin">
|
<p class="font-weight-300 text-white-2 w-85 md-w-100 mx-auto d-none d-md-block" style="font-size: 30px; line-height: 1.3">Culture and Heritage Think Tank Project</p>
|
||||||
<div class="box-separator-line w-180px bg-white lg-w-120px md-w-90px d-none d-lg-block"></div>
|
|
||||||
<h1 class="font-weight-600 alt-font text-white-2 w-95 md-w-100">GREATER CHIANG MAI</h1>
|
|
||||||
<p class="text-large font-weight-300 text-white-2 w-75 lg-w-85 md-w-95 sm-w-100 d-none d-md-block">Lorem
|
|
||||||
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
|
|
||||||
industry's standard dummy text ever since the 1500s.</p>
|
|
||||||
<a href="{{ url('category/chiangmai') }}"
|
<a href="{{ url('category/chiangmai') }}"
|
||||||
class="btn btn-medium btn-white margin-40px-top text-link-deep-pink sm-margin-10px-top">CHIANG MAI
|
class="btn btn-medium btn-white margin-40px-top sm-margin-10px-top">CHIANG MAI AND NOWHERE ELSE</a>
|
||||||
AND NOWHERE ELSE</a>
|
|
||||||
<a href="{{ url('category/where-else') }}"
|
<a href="{{ url('category/where-else') }}"
|
||||||
class="btn btn-medium btn-white margin-40px-top text-link-deep-pink sm-margin-10px-top">WHERE
|
class="btn btn-medium btn-white margin-40px-top sm-margin-10px-top">WHERE ELSE</a>
|
||||||
ELSE</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- end hero section -->
|
||||||
|
|
||||||
<section class="wow animate__fadeIn">
|
<section class="wow animate__fadeIn">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|||||||
@@ -4,29 +4,23 @@
|
|||||||
|
|
||||||
@section('main')
|
@section('main')
|
||||||
|
|
||||||
<!-- start parallax hero section -->
|
<!-- start hero section -->
|
||||||
<section class="wow animate__fadeIn p-0 parallax sm-background-image-center" data-parallax-background-ratio="0.5"
|
<section class="wow animate__fadeIn p-0 bg-deep-pink">
|
||||||
style="background-image: url('images/banner/01banner.jpg')">
|
<div class="container position-relative full-screen">
|
||||||
<div class="opacity-extra-medium bg-black"></div>
|
<div class="row h-100 justify-content-center align-items-center">
|
||||||
<div class="container-fluid position-relative full-screen">
|
<div class="col-12 col-xl-7 col-lg-8 col-md-10 text-center last-paragraph-no-margin">
|
||||||
<div class="row h-100 justify-content-end align-items-end">
|
<img src="{{ url('images/logo_greatercm_white.png') }}" width="420"
|
||||||
<div
|
class="mw-100 margin-40px-bottom sm-margin-30px-bottom" alt="GREATER CHIANG MAI">
|
||||||
class="col-12 col-xl-7 col-xxl-6 col-lg-8 text-center text-md-start position-relative bg-deep-pink-opacity padding-six-lr lg-padding-seven-lr padding-five-tb sm-padding-30px-all last-paragraph-no-margin">
|
<p class="font-weight-300 text-white-2 w-85 md-w-100 mx-auto d-none d-md-block" style="font-size: 30px; line-height: 1.3">Culture and Heritage Think Tank Project</p>
|
||||||
<div class="box-separator-line w-180px bg-white lg-w-120px md-w-90px d-none d-lg-block"></div>
|
|
||||||
<h1 class="font-weight-600 alt-font text-white-2 w-95 md-w-100">GREATER CHIANG MAI</h1>
|
|
||||||
<p class="text-large font-weight-300 text-white-2 w-75 lg-w-85 md-w-95 sm-w-100 d-none d-md-block">Lorem
|
|
||||||
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
|
|
||||||
industry's standard dummy text ever since the 1500s.</p>
|
|
||||||
<a href="{{ url('category/chiangmai') }}"
|
<a href="{{ url('category/chiangmai') }}"
|
||||||
class="btn btn-medium btn-white margin-40px-top text-link-deep-pink sm-margin-10px-top">CHIANG MAI
|
class="btn btn-medium btn-white margin-40px-top sm-margin-10px-top">CHIANG MAI AND NOWHERE ELSE</a>
|
||||||
AND NOWHERE ELSE</a>
|
|
||||||
<a href="{{ url('category/where-else') }}"
|
<a href="{{ url('category/where-else') }}"
|
||||||
class="btn btn-medium btn-white margin-40px-top text-link-deep-pink sm-margin-10px-top">WHERE
|
class="btn btn-medium btn-white margin-40px-top sm-margin-10px-top">WHERE ELSE</a>
|
||||||
ELSE</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- end hero section -->
|
||||||
|
|
||||||
<section class="wow animate__fadeIn">
|
<section class="wow animate__fadeIn">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|||||||
Reference in new issue
Block a user