😅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>