😅Template Tiktok khamphukhoa.net.vn (ok)
Example 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Phòng khám Đa Khoa Thiện Hòa</title>
<meta name="author" content="Phòng khám phụ khoa Thiện Hòa" />
<meta name="description" content="Phòng khám phụ khoa Thiện Hòa" />
<meta name="keywords" content="Phòng khám phụ khoa Thiện Hòa, Phong kham phu khoa, phong kham phu khoa thien hoa" />
<meta name="Resource-type" content="Phòng khám phụ khoa Thiện Hòa" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link rel="stylesheet" href="https://khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/test.css">
</head>
<body>
<!-- partial:index.partial.html -->
<nav id="mainnav" class="">
<ul class="dotnav dotnav-vertical dotnav-right nav">
<li class="awesome-tooltip" title=""><a href="#home"></a></li>
<li class="awesome-tooltip" title=""><a href="#about"></a></li>
<li class="awesome-tooltip" title=""><a href="#skills"></a></li>
<li class="awesome-tooltip" title=""><a href="#projects"></a></li>
<li class="awesome-tooltip" title=""><a href="#contact"></a></li>
<li class="awesome-tooltip" title=""><a href="#nuse"></a></li>
</ul>
</nav>
<section id="home">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic1.jpg" alt="">
<div class="book book--home">
<a href="https://zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<section id="about">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic2.jpg" alt="">
<div class="book book--about">
<a href="https://zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<section id="skills">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic3.jpg" alt="">
<div class="book book--skills">
<a href="https://zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
<div class="send send--skills">
<a href="https://zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/send.png" alt="">
</a>
</div>
</section>
<section id="projects">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic4.jpg" alt="">
<div class="book book--projects">
<a href="https://zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<section id="contact">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic5.jpg" alt="">
<div class="send send--contact">
<?php
echo do_shortcode( '[contact-form-7 id="13336" title="Contact form 1"]' );
?>
</div>
</section>
<section id="nuse">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic6.jpg" alt="">
<div class="book book--nuse">
<a href="https://zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<!-- partial -->
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script src="https://khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/script.js"></script>
</body>
</html>
.flex-space-between-center {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-branding__left--flex {
a {
margin-right: 12px;
}
}
.sticky-header__hide {
display: none;
}
.sticky-header {
.sticky-header__hide {
display: block;
.site-branding > a {
max-width: 100% !important;
}
}
}
// Header
header.header-one .site-branding .site-title {
// color: #29A461;
width: 230px;
font-weight: 700;
font-size: 20px;
line-height: 1.5em;
margin-right: 16px;
}
.banner-home {
img {
width: 100%;
}
}
// End Header
// Global
.customize-pane-parent li#accordion-section-theme_upsell,
.customize-pane-parent li#accordion-section-theme_getting_started {
display: none !important;
}
// End Global
#block-6 {
.footer-item {
border-radius: 20px;
overflow: hidden;
}
}
.footer-item {
>.wp-block-columns {
column-gap: 15px;
}
}
.footer-contact .foo_btn {
background-color: #00bebe;
padding-top: 30px;
padding-bottom: 30px;
}
.footer-contact .foo_btn ul {
padding-left: 0;
display: flex;
justify-content: space-between;
}
.footer-contact .foo_btn ul li {
width: 23%;
text-align: center;
}
@media (max-width: 768px) {
body .is-layout-flex {
display: flex;
column-gap: 15px !important;
}
.footer-contact .foo_btn ul {
overflow: scroll hidden;
}
.footer-contact .foo_btn ul > li {
-ms-flex: 0 0 304px;
flex: 0 0 304px;
max-width: 304px;
margin-right: 15px;
img {
border-radius: 15px;
}
&:last-child {
margin-right: 0;
}
}
}
@media (min-width: 769px) {
.site-branding__search {
display: none;
}
.site-branding__menu {
display: none;
}
.flipbox-wrap {
&.elementor-col-16 {
width: 20%;
}
}
}
@media (max-width: 768px) {
#colophon {
.footer-widget-item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.stem:after {
left: 5px;
}
.stem:before {
left: 15px;
top: 65px;
}
header.header-one .site-branding .site-title {
margin-right: 0;
}
.icon-book-left {
>.elementor-container {
flex-wrap: unset;
}
}
.testimonial-custom .elementor-testimonial__text>p {
padding-right: 5px;
padding-left: 5px;
}
.button-book .elementor-button-link,
.button-advise .elementor-button-link {
font-size: 12px;
padding: 10px;
}
.tools {
padding-left: 10px;
padding-right: 10px;
}
.testimonial-primary {
overflow: hidden;
.elementor-widget-testimonial-carousel .swiper-slide {
padding: 0;
}
.elementor-swiper {
overflow: hidden;
}
}
.site-header {
.site-branding {
.site-description {
display: none;
}
}
}
.site-branding__menu {
.slicknav_nav {
&.slicknav_hidden {
display: none !important;
}
position: relative;
display: block !important;
position: absolute;
top: 80px;
left: 0;
width: 250px;
}
}
.header-one .mobile-menu-container.site-branding__menu {
background-color: #fff;
margin-right: 15px;
}
.site-branding__menu.mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon span,
.site-branding__menu.mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon span:first-child:before,
.site-branding__menu.mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon span:first-child:after {
background-color: #29A461;
}
.site-branding__right {
position: absolute;
bottom: -35px;
right: 0;
display: none;
&.active {
display: block;
}
}
.equipment {
>.elementor-container {
justify-content: center;
}
}
.testimonial-custom {
.elementor-testimonial {
flex-wrap: wrap;
.elementor-testimonial__content {
width: 100% !important;
}
.elementor-testimonial__footer {
width: 100% !important;
margin-top: 40px !important;
padding-left: 0 !important;
}
}
}
#featured-news {
.elementor-posts--skin-classic {
grid-template-columns: 50%;
grid-gap: 15px;
grid-template-areas:
'griditem1 griditem1'
'griditem2 griditem3'
'griditem4 griditem5';
}
.elementor-post {
&:nth-child(1) {
grid-area: griditem1;
}
&:nth-child(2),
&:nth-child(3),
&:nth-child(4),
&:nth-child(5) {
.elementor-post__thumbnail {
padding-bottom: 224px;
}
}
}
}
.button-advise-book {
.elementor-button-link {
padding: 5px 10px;
}
}
}
@media (max-width: 500px) {
#featured-news .elementor-posts--skin-classic {
grid-template-columns: 100%;
grid-gap: 15px;
grid-template-areas:
'griditem1'
'griditem2'
'griditem3'
'griditem4'
'griditem5';
}
}
@media (max-width: 415px) {
#colophon {
.wp-block-column.is-layout-flow {
>p {
max-width: 235px;
}
}
}
}
Hoặc html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Phòng khám Đa Khoa Thiện Hòa</title>
<meta name="author" content="Phòng khám phụ khoa Thiện Hòa" />
<meta name="description" content="Phòng khám phụ khoa Thiện Hòa" />
<meta name="keywords" content="Phòng khám phụ khoa Thiện Hòa, Phong kham phu khoa, phong kham phu khoa thien hoa" />
<meta name="Resource-type" content="Phòng khám phụ khoa Thiện Hòa" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link rel="stylesheet" href="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/test.css">
</head>
<body>
<!-- partial:index.partial.html -->
<nav id="mainnav" class="">
<ul class="dotnav dotnav-vertical dotnav-right nav">
<li class="awesome-tooltip" title=""><a href="#home"></a></li>
<li class="awesome-tooltip" title=""><a href="#about"></a></li>
<li class="awesome-tooltip" title=""><a href="#skills"></a></li>
<li class="awesome-tooltip" title=""><a href="#projects"></a></li>
<li class="awesome-tooltip" title=""><a href="#contact"></a></li>
<li class="awesome-tooltip" title=""><a href="#nuse"></a></li>
</ul>
</nav>
<section id="home">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic1.jpg" alt="">
<div class="book book--home">
<a href="//zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<section id="about">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic2.jpg" alt="">
<div class="book book--about">
<a href="//zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<section id="skills">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic3.jpg" alt="">
<div class="book book--skills">
<a href="//zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
<div class="send send--skills">
<a href="//zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/send.png" alt="">
</a>
</div>
</section>
<section id="projects">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic4.jpg" alt="">
<div class="book book--projects">
<a href="//zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<section id="contact">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic5.jpg" alt="">
<div class="send send--contact">
<?php
echo do_shortcode( '[contact-form-7 id="13336" title="Contact form 1"]' );
?>
</div>
</section>
<section id="nuse">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/bui-thi-hang/pic6.jpg" alt="">
<div class="book book--nuse">
<a href="//zalo.me/0868505761" class="animation">
<img src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/images/book.png" alt="">
</a>
</div>
</section>
<!-- partial -->
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script src="//khamphukhoa.net.vn/wp-content/themes/main/assets/tiktokclick/script.js"></script>
</body>
</html>
Example 2
https://haumontructranghanoi.vn/chuyende4/benh-tri
Last updated