{"id":914,"date":"2023-12-18T02:42:35","date_gmt":"2023-12-18T02:42:35","guid":{"rendered":"https:\/\/hotels.findcheaphotels.info\/?p=914"},"modified":"2023-12-18T09:38:21","modified_gmt":"2023-12-18T09:38:21","slug":"12-18","status":"publish","type":"post","link":"https:\/\/hotels.findcheaphotels.info\/?p=914","title":{"rendered":"12.18"},"content":{"rendered":"\n<p>\uff081\uff09&nbsp; &nbsp;Booking.com \u7f51\u7ad9<\/p>\n\n\n\n<style>\r\n    *,\r\n    *::before,\r\n    *::after {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .accommodationBookingWebsite   ul,\r\n    .accommodationBookingWebsite     ol {\r\n        list-style: none;\r\n        font-family: 'Grape Nuts', cursive;\r\n        color: midnightblue;\r\n    }\r\n\r\n\r\n\r\n    .accommodationBookingWebsite {\r\n        font-size: 1.6rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        height: 31.25rem;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        background-image: url(http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/paper-300x225.webp) ;\r\n        background-size: cover;\r\n     \r\n    }\r\n\r\n    .accommodationBookingWebsite    h1 {\r\n        margin-top: 2rem;\r\n        font-family: 'Norican', cursive;\r\n        color: saddlebrown;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 4rem;\r\n        margin: 0;\r\n    }\r\n\r\n    .accommodationBookingWebsite   h1::before,\r\n    .accommodationBookingWebsite    h1::after {\r\n        content: '';\r\n        display: block;\r\n        width: 5rem;\r\n        height: 2px;\r\n        background-color: currentColor;\r\n        margin: 0 1rem;\r\n    }\r\n\r\n    .accommodationBookingWebsite    ul:not(ul ul) {\r\n        padding: 2rem;\r\n        padding-bottom: 4rem;\r\n      \r\n     \r\n        position: relative;\r\n        transform-style: preserve-3d;\r\n    }\r\n\r\n    .accommodationBookingWebsite    ul:not(ul ul) .done {\r\n        text-decoration: line-through;\r\n    }\r\n\r\n    .accommodationBookingWebsite    ul:not(ul ul) > li:hover {\r\n        --levitate: 1;\r\n    }\r\n\r\n    ul:not(ul ul) > li:hover::before {\r\n        transform: translate3d(6rem, 1rem, -1px)\r\n            scale(calc(1 - var(--levitate) * 0.1)) rotate(1.5deg);\r\n        filter: blur(8px);\r\n    }\r\n\r\n    .accommodationBookingWebsite    ul:not(ul ul) > li:hover::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    .accommodationBookingWebsite    ul:not(ul ul) > li.big {\r\n        background-color: lightgreen;\r\n        padding: 1.6rem 2rem;\r\n        padding-bottom: 3rem;\r\n    }\r\n\r\n    .accommodationBookingWebsite   ul:not(ul ul) > li ul {\r\n        margin-top: 0.5em;\r\n        margin-left: 1em;\r\n        font-size: 0.8em;\r\n    }\r\n\r\n    .accommodationBookingWebsite   ul:not(ul ul) > li ul li:first-letter {\r\n        font-size: 1.4em;\r\n    }\r\n    .accommodationBookingWebsite     ul li a{\r\n        text-decoration: none;\r\n       display: block;\r\n       margin-top: 20px;\r\n       color: tomato;\r\n\r\n    }\r\n\r\n  \r\n<\/style>\r\n<div class=\"accommodationBookingWebsite\">\r\n    <h1>STAY<\/h1>\r\n    <ul>\r\n        <li class=\"big\">\r\n            Booking.com\r\n            <ul>\r\n                \r\n                <li>\r\n                    Where will your next adventure unfold? Discover the unique\r\n                    accommodations you've been dreaming of! Whether it's a\r\n                    beachfront villa or a city center hotel, your perfect stay\r\n                    awaits booking. Are you ready to explore? \r\n                <\/li>\r\n                <li><a href=\"#\">Book now and\r\n                    embark on an exciting journey! <\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n    <\/ul>\r\n<\/div>\r\n\n\n\n\n<p>( 2 )\u96f7\u86c7 \u8f6e\u64ad\u56fe<\/p>\n\n\n\n<style>\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n \r\n  }\r\n  \r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel {   box-sizing: border-box;\r\n    width: 840px;\r\n    height: 280px;\r\n   position: relative\r\n    ;\r\n    padding: 50px;\r\n    filter: drop-shadow(0 0 10px #dbdbdb);\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel {\r\n    width: max-content;\r\n    display: flex;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item {\r\n    background-repeat: no-repeat;\r\n    width: 200px;\r\n    height: 150px;\r\n    background-position: center;\r\n    background-size: cover;\r\n    position: absolute;\r\n    top: 50%;\r\n    margin-top: -95px;\r\n    border-radius: 20px;\r\n    transition: 0.5s;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(1),\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(2) {\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin-top: 0;\r\n\r\n    border-radius: 4px;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(3) {\r\n    left: 50%;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(4) {\r\n    left: calc(50% + 220px);\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(5) {\r\n    left: calc(50% + 440px);\r\n  }\r\n\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(n + 6) {\r\n    opacity: 0;\r\n    left: calc(50% + 660px);\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item .content {\r\n    position: absolute;\r\n    width: 300px;\r\n    left: 100px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #eee;\r\n    display: none;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item:nth-child(2) .content {\r\n    display: block;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item .name {\r\n    font-size: 40px;\r\n    font-weight: 900;\r\n    opacity: 0;\r\n\r\n    animation: show 1s ease-in-out 1 forwards;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item .des {\r\n    margin: 20px 0;\r\n    opacity: 0;\r\n\r\n    animation: show 1s ease-in-out 0.3s 1 forwards;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item button {\r\n    padding: 10px 20px;\r\n    border: none;\r\n    opacity: 0;\r\n    animation: show 1s ease-in-out 0.6s 1 forwards;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item button a {\r\n    text-decoration: none;\r\n    color: black;\r\n  }\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .btnsBoxRazerCarousel {\r\n  width: 100%;\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .btnsBoxRazerCarousel .s-btn {\r\n    width: 40px;   \r\n    height: 40px;\r\n    line-height: 40px;\r\n    text-align: center;\r\n    color: gray;\r\n    background-color: #fff;\r\n    font-size: 25px;\r\n    border-radius: 50%;\r\n    margin: 0 25px;\r\n    cursor: pointer;\r\n    font-weight: 900;\r\n    border: 1px solid #555;\r\n    transition: 0.5s;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .btnsBoxRazerCarousel .s-btn:hover {\r\n    background-color: #ccc;\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item1 {\r\n    background-image: url('http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/1-scaled.jpg');\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item2 {\r\n    background-image: url('http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/2-scaled.jpg');\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item3 {\r\n    background-image: url('http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/3-scaled.jpg');\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item4 {\r\n    background-image: url('http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/4.jpg');\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item5 {\r\n    background-image: url('http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/5.jpg');\r\n  }\r\n\r\n  .bigBoxRazerCarousel .containerBoxRazerCarousel .slideCarousel .item6 {\r\n    background-image: url('http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/6-scaled.jpg');\r\n  }\r\n\r\n  @keyframes show {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(100px);\r\n      filter: blur(10px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      filter: blur(0);\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"bigBoxRazerCarousel\">\r\n  <div class=\"containerBoxRazerCarousel\">\r\n    <div class=\"slideCarousel\">\r\n      <div class=\"item item1\">\r\n        <div class=\"content\">\r\n          <div class=\"name\">Razer<\/div>\r\n          <div class=\"des\">\r\n            Digital pinnacle, guided by Razer Embrace success with smart social media assistanc.\r\n          <\/div>\r\n          <button><a href=\"#\">See more<\/a><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"item item2\">\r\n        <div class=\"content\">\r\n          <div class=\"name\">Razer<\/div>\r\n          <div class=\"des\">\r\n            Digital pinnacle, guided by Razer Embrace success with smart social media assistanc.\r\n          <\/div>\r\n          <button><a href=\"#\">See more<\/a><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"item item3\">\r\n        <div class=\"content\">\r\n          <div class=\"name\">Razer<\/div>\r\n          <div class=\"des\">\r\n            Digital pinnacle, guided by Razer Embrace success with smart social media assistanc.\r\n          <\/div>\r\n          <button><a href=\"#\">See more<\/a><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"item item4\">\r\n        <div class=\"content\">\r\n          <div class=\"name\">Razer<\/div>\r\n          <div class=\"des\">\r\n            Digital pinnacle, guided by Razer Embrace success with smart social media assistanc.\r\n          <\/div>\r\n          <button><a href=\"#\">See more<\/a><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"item item5\">\r\n        <div class=\"content\">\r\n          <div class=\"name\">Razer<\/div>\r\n          <div class=\"des\">\r\n            Digital pinnacle, guided by Razer Embrace success with smart social media assistanc.\r\n          <\/div>\r\n          <button><a href=\"#\">See more<\/a><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"item item6\">\r\n        <div class=\"content\">\r\n          <div class=\"name\">Razer<\/div>\r\n          <div class=\"des\">\r\n            Digital pinnacle, guided by Razer Embrace success with smart social media assistanc.\r\n          <\/div>\r\n          <button><a href=\"#\">See more<\/a><\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"btnsBoxRazerCarousel\">\r\n      <div class=\"s-btn left\">&lt;<\/div>\r\n      <div class=\"s-btn right\">&gt;<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n  const left = document.querySelector('.bigBoxRazerCarousel  .containerBoxRazerCarousel  .btnsBoxRazerCarousel  .left');\r\n  const right = document.querySelector('.bigBoxRazerCarousel  .containerBoxRazerCarousel  .btnsBoxRazerCarousel   .right');\r\n  const slideCarousel = document.querySelector('.bigBoxRazerCarousel  .containerBoxRazerCarousel  .slideCarousel');\r\n  function moveToNextSlideCarousel () {\r\n    const items = document.querySelectorAll('.bigBoxRazerCarousel  .containerBoxRazerCarousel .slideCarousel .item');\r\n    slideCarousel.appendChild(items[0]);\r\n  }\r\n\r\n  function moveToPrevSlideCarousel () {\r\n    const items = document.querySelectorAll('.bigBoxRazerCarousel  .containerBoxRazerCarousel .slideCarousel  .item');\r\n    slideCarousel.prepend(items[items.length - 1]);\r\n  }\r\n\r\n  right.addEventListener('click', moveToNextSlideCarousel);\r\n  left.addEventListener('click', moveToPrevSlideCarousel);\r\n\r\n\r\n  let autoSlideCarouselInterval;\r\n\r\n  function startAutoSlideCarousel () {\r\n    autoSlideCarouselInterval = setInterval(moveToNextSlideCarousel, 3000);\r\n  }\r\n\r\n  function stopAutoSlideCarousel () {\r\n    clearInterval(autoSlideCarouselInterval);\r\n  }\r\n\r\n  slideCarousel.addEventListener('mouseover', stopAutoSlideCarousel);\r\n\r\n  slideCarousel.addEventListener('mouseout', startAutoSlideCarousel);\r\n\r\n  startAutoSlideCarousel();\r\n<\/script>\n\n\n\n<p>\uff083\uff09\u7f57\u6280<\/p>\n\n\n\n<p><\/p>\n\n\n\n<style>\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .containerLogitechDecember {\r\n        width: 100%;\r\n        height: 350px;\r\n        background-color: #fff;\r\n        border-radius: 25px;\r\n        box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);\r\n        position: relative;\r\n    }\r\n    .containerLogitechDecember .cardLogitechDecember {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n        height: 350px;\r\n        padding-left: 30px;\r\n\r\n        position: absolute;\r\n\r\n        overflow: hidden;\r\n    }\r\n    .containerLogitechDecember  .cardLogitechDecember .img {\r\n        width: 260px;\r\n        height: 260px;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n\r\n        flex-shrink: 0;\r\n        box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);\r\n    }\r\n    .containerLogitechDecember  .cardLogitechDecember .img img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        opacity: 0;\r\n\r\n        transition: 0.6s;\r\n    }\r\n\r\n    .containerLogitechDecember  #slide_1:checked ~ .cardLogitechDecember-1 img,\r\n    .containerLogitechDecember   #slide_2:checked ~ .cardLogitechDecember-2 img,\r\n    .containerLogitechDecember    #slide_3:checked ~ .cardLogitechDecember-3 img {\r\n        opacity: 1;\r\n\r\n        transition-delay: 0.2s;\r\n    }\r\n    .containerLogitechDecember  .cardLogitechDecember .content {\r\n        flex: 1;\r\n        padding: 0 30px 0 35px;\r\n        position: relative;\r\n\r\n        left: 50px;\r\n\r\n        opacity: 0;\r\n\r\n        transition: 0.6s;\r\n    }\r\n\r\n    .containerLogitechDecember   #slide_1:checked ~ .cardLogitechDecember-1 .content {\r\n        opacity: 1;\r\n        z-index: 9;\r\n        left: 0;\r\n        transition-delay: 0.3s;\r\n    }\r\n    .containerLogitechDecember   .cardLogitechDecember .title {\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n    }\r\n    .containerLogitechDecember  .cardLogitechDecember .text {\r\n        font-size: 17px;\r\n        color: #555;\r\n        text-align: justify;\r\n        margin-bottom: 25px;\r\n    }\r\n    .containerLogitechDecember  .cardLogitechDecember a {\r\n        padding: 13px 20px;\r\n        background-color: #000;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        border-radius: 50px;\r\n        letter-spacing: 1px;\r\n        font-weight: 600;\r\n        box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);\r\n        float: right;\r\n    }\r\n\r\n    .containerLogitechDecember   .slider {\r\n        position: absolute;\r\n        bottom: 25px;\r\n        left: 55%;\r\n        transform: translateX(-50%);\r\n        z-index: 1;\r\n    }\r\n    .containerLogitechDecember  .slider .slide {\r\n        width: 50px;\r\n        height: 10px;\r\n        background-color: #dfdfdf;\r\n        display: inline-flex;\r\n        margin: 0 3px;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .containerLogitechDecember   .slider .slide::before {\r\n        content: '';\r\n        width: 0%;\r\n        height: 100%;\r\n        background-color: #000;\r\n        border-radius: 5px;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.6s;\r\n    }\r\n<\/style>\r\n<div class=\"containerLogitechDecember\">\r\n    <input type=\"radio\" name=\"select\" id=\"slide_1\" checked hidden \/>\r\n\r\n    <div class=\"cardLogitechDecember cardLogitechDecember-1\">\r\n        <div class=\"img\">\r\n            <img decoding=\"async\"\r\n                src=\"http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/11\/2-300x300.webp\"\r\n                alt=\"\" \/>\r\n        <\/div>\r\n        <div class=\"content\">\r\n            <div class=\"title\">Logitech<\/div>\r\n            <div class=\"text\">\r\n                Visit the Logitech official website to discover more details,\r\n                and choose the perfect gear that suits you.\r\n            <\/div>\r\n            <a href=\"#\">learn more<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"<p>\uff081\uff09&nbsp; &nbsp;Booking.com \u7f51\u7ad9 ( 2 )\u96f7\u86c7 \u8f6e\u64ad\u56fe \uff083\uff09\u7f57\u6280<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-914","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=914"}],"version-history":[{"count":7,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/914\/revisions"}],"predecessor-version":[{"id":935,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/914\/revisions\/935"}],"wp:attachment":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}