{"id":1223,"date":"2024-02-18T07:59:06","date_gmt":"2024-02-18T07:59:06","guid":{"rendered":"https:\/\/hotels.findcheaphotels.info\/?p=1223"},"modified":"2024-02-18T09:58:58","modified_gmt":"2024-02-18T09:58:58","slug":"2-18","status":"publish","type":"post","link":"https:\/\/hotels.findcheaphotels.info\/?p=1223","title":{"rendered":"2.18"},"content":{"rendered":"\n<p>\uff081\uff09\u591a\u4e2a\u5e7f\u544a<\/p>\n\n\n<style>\r\n    .cardCircle {\r\n        position: relative;\r\n        width: 98%;\r\n        height: 250px;\r\n        border-radius: 14px;\r\n        z-index: 1111;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;\r\n        ;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .cardCircle  .bg {\r\n        position: absolute;\r\n        top: 5px;\r\n        left: 5px;\r\n        width: 99%;\r\n        height: 240px;\r\n        z-index: 2;\r\n        background: rgba(255, 255, 255, .95);\r\n        backdrop-filter: blur(24px);\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n        outline: 2px solid white;\r\n     \r\n    }\r\n    .cardCircle  .bg P{\r\n        padding: 10px 20px;\r\n        line-height: 1.8;\r\n        box-sizing: border-box;\r\n        \r\n    }\r\n    .cardCircle  .bg P a{\r\n        color:black;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .cardCircle  .blob {\r\n        position: absolute;\r\n        z-index: 1;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 59%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n        background-color: #ff0000;\r\n        opacity: 1;\r\n        filter: blur(12px);\r\n        animation: blob-bounce 5s infinite ease;\r\n    }\r\n\r\n    @keyframes blob-bounce {\r\n        0% {\r\n            transform: translate(-100%, -100%) translate3d(0, 0, 0);\r\n        }\r\n\r\n        25% {\r\n            transform: translate(-100%, -100%) translate3d(100%, 0, 0);\r\n        }\r\n\r\n        50% {\r\n            transform: translate(-100%, -100%) translate3d(100%, 100%, 0);\r\n        }\r\n\r\n        75% {\r\n            transform: translate(-100%, -100%) translate3d(0, 100%, 0);\r\n        }\r\n\r\n        100% {\r\n            transform: translate(-100%, -100%) translate3d(0, 0, 0);\r\n        }\r\n    }\r\n\r\n<\/style>\r\n<div class=\"cardCircle\">\r\n    <div class=\"bg\">\r\n  <P>\r\n        <strong>CHECKLIST:\r\n            STRATEGIE<\/strong><br><br>\r\n        \u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"> <a href=\"\">  WIE <\/a> <\/span>      <\/strong>: weet ik wie wil ik bereiken met deze blog en wie de lezer\r\n        is?<br>\r\n        \u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"> <a href=\"\">   WAT:  <\/a> <\/span>   <\/strong> heb ik de stelling die ik wil verdedigen of de hoofdvraag die ik ga beantwoorden\r\n        duidelijk geformuleerd?<br>\r\n        \u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"> <a href=\"\">  HOE:   <\/a> <\/span>   <\/strong> weet ik in welke vorm ik mijn blog gieten? Wordt het een\r\n        interview, lijstje, een column of iets heel anders? <br>\r\n        \u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"> <a href=\"\">    DOEL:  <\/a> <\/span>   <\/strong>wat wil ik dat mensen denken \/ doen\r\n        \/ voelen \/ weten na het lezen van mijn blog?\r\n    <\/P>\r\n    <\/div>\r\n    <div class=\"blob\"><\/div>\r\n  \r\n<\/div>\r\n\r\n\n\n\n\n<p><\/p>\n\n\n\n<p>\uff082\uff09\u591a\u4e2a\u5e7f\u544a2<\/p>\n\n\n<style>\r\n  .cardBoxHoverCricle {\r\n    position: relative;\r\n    width: 98%;\r\n    background-color: #fff;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n    overflow: hidden;\r\n    margin: 50px auto;\r\n  }\r\n\r\n  .cardBoxHoverCricle::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background-color: rgba(255, 0, 0, 0.5);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    opacity: 0;\r\n    animation: ripple 2s 1 ease;\r\n  }\r\n\r\n  @keyframes ripple {\r\n    0% {\r\n      width: 0;\r\n      height: 0;\r\n      opacity: 0.5;\r\n    }\r\n\r\n    100% {\r\n      width: 500px;\r\n      height: 500px;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .cardBoxHoverCricle .cardBoxHoverCricle-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 20px;\r\n    color: #333;\r\n  }\r\n\r\n  .cardBoxHoverCricle .cardBoxHoverCricle-content h4 {\r\n    text-align: center;\r\n\r\n  }\r\n\r\n .cardBoxHoverCricle   .cardBoxHoverCricle-content p a {\r\n    color: #281f1c;\r\n    text-decoration: none;\r\n\r\n  }\r\n\r\n  .cardBoxHoverCricle   .cardBoxHoverCricle-content p {\r\n    line-height: 1.8;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .cardBoxHoverCricle h2 {\r\n    margin-top: 0;\r\n  }\r\n\r\n<\/style>\r\n\r\n  <div class=\"cardBoxHoverCricle\"><div class=\"cardBoxHoverCricle-content\"><h4><strong>CHECKLIST: STRATEGIE<\/strong><\/h4><P>\u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"><a href=\"\">WIE <\/a><\/span><\/strong>: weet ik wie wil ik bereiken met deze blog en wie de lezer is?<br>\u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"><a href=\"\">WAT: <\/a><\/span><\/strong>heb ik de stelling die ik wil verdedigen of de hoofdvraag die ik ga beantwoorden duidelijk geformuleerd?<br>\u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"><a href=\"\">HOE: <\/a><\/span><\/strong>weet ik in welke vorm ik mijn blog gieten? Wordt het een interview,\r\n  lijstje,\r\n  een column of iets heel anders? <br>\u2752 <strong><span style=\"box-shadow: 0px -6px 5px -3px rgba(242,163,202,0.6) inset,0px 8px 4px -2px #fcc2cc;\"><a href=\"\">DOEL: <\/a><\/span><\/strong>wat wil ik dat mensen denken \/ doen \/ voelen \/ weten na het lezen van mijn blog? <\/P><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>(3)\u65b0\u52a0\u5761\u5fc5\u5907<\/p>\n\n\n\r\n<style>\r\n  .cardContainerTravel {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 24rem;\r\n    background-color: #90cdf4;\r\n    border-radius: 1rem;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cardContainerTravel  .blur-background {\r\n    position: absolute;\r\n    width: 97%;\r\n    height: 16rem;\r\n    background-color: #edf2f7;\r\n    z-index: 10;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    opacity: 0.5;\r\n    border-radius: 1rem;\r\n    filter: blur(4px);\r\n    transition: filter 0.3s ease;\r\n  }\r\n\r\n  .cardContainerTravel  .card-content {\r\n    position: absolute;\r\n    width:97%;\r\n    height: 24rem;\r\n    z-index: 10;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    padding: 1rem;\r\n    border-radius: 1rem;\r\n    background-color: transparent; \r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \/* \u6c34\u5e73\u65b9\u5411\u9760\u5de6\u5bf9\u9f50 *\/\r\n    justify-content: center; \/* \u5782\u76f4\u65b9\u5411\u5c45\u4e2d\u5bf9\u9f50 *\/\r\n  }\r\n\r\n  .cardContainerTravel:hover .blur-background {\r\n    filter: none;\r\n  }\r\n \r\n  .cardContainerTravel .title {\r\n    color: #ef4444;\r\n    font-size: 1.25rem;\r\n    font-weight: 800;\r\n    text-align: center;\r\n    margin-bottom: 1rem; \r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cardContainerTravel .description {\r\n    color: #374151;\r\n    font-weight: bold;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n\r\n\r\n\r\n  .cardContainerTravel  .svg {\r\n    width: 10rem;\r\n    height: 10rem;\r\n    position: absolute;\r\n    bottom: -4rem;\r\n    left: -5rem;\r\n    fill: #60a5fa;\r\n  }\r\n\r\n  .cardContainerTravel  .boxPyramidSpan {\r\n    font-size: 23px;\r\n    font-weight: 800;\r\n    line-height: 1.8;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cardContainerTravel a {\r\n    text-decoration: none;\r\n    color: #fff;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .cardContainerTravel a span {\r\n    background: #88dae4;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    padding: 2px 8px;\r\n  }\r\n\r\n  .cardContainerTravel a:hover span {\r\n    background-color: #edf2f7;\r\n    color: #333;\r\n  }\r\n\r\n  .cardContainerTravel .underline-hover {\r\n    position: relative;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    color: #5a98a1;\r\n  }\r\n\r\n  .cardContainerTravel .underline-hover::before,\r\n  .cardContainerTravel  .underline-hover::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 50%;\r\n    height: 2px;\r\n    bottom: 0;\r\n    background-color: #88dae4;\r\n    transition: width 0.5s ease;\r\n  }\r\n\r\n  .cardContainerTravel  .underline-hover::before {\r\n    left: 0;\r\n    transform-origin: right;\r\n  }\r\n\r\n  .cardContainerTravel .underline-hover::after {\r\n    right: 0;\r\n    transform-origin: left;\r\n  }\r\n\r\n  .cardContainerTravel .underline-hover:hover::before,\r\n  .cardContainerTravel  .underline-hover:hover::after {\r\n    width: 0%;\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"cardContainerTravel\">\r\n  <div class=\"blur-background\"><\/div>\r\n  <div class=\"card-content\">\r\n    <span class=\"title\">\r\n    <b>\u65b0\u52a0\u5761\u5fc5\u5907<\/b><\/span>\r\n\r\n    <span class=\"boxPyramidSpan\">\u4f4f\u5bbf:\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n            <span>Booking.com <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Agoda <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Expedia<\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Trip.com<\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Hotels.com<\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Airbnb<\/span> <\/a>\r\n        <br \/>\u5230\u8fbe\u65b9\u5f0f\uff1a\r\n\r\n\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span>Expedia <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Skyscanner<\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Booking.com <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span>Kayak <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span>AirAsia <\/span> <\/a>\r\n\r\n        <br \/>\u51fa\u884c\u65b9\u5f0f\uff1a\r\n\r\n\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Grab\uff08\u51fa\u79df\u8f66\uff09 <\/span> <\/a> \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Go-Ahead Singapore\uff08\u5df4\u58eb\uff09 <\/span> <\/a>\r\n\r\n\r\n\r\n        <br \/>\u6d3b\u52a8\uff1a\r\n\r\n\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Klook <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> KKday <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Viator <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span>Trip.com<\/span> <\/a>\r\n        <br \/>\u7f8e\u98df\u4f53\u9a8c:\r\n\r\n\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Burpple <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span>Chope <\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span> Quandoo<\/span> <\/a>\r\n        \/\r\n        <a href=\"\" class=\"underline-hover\" target=\"_blank\"\r\n            rel=\"noreferrer noopener sponsored nofollow\">\r\n\r\n            <span>OpenTable<\/span> <\/a>\r\n\r\n    <\/span>\r\n  <\/div>\r\n  <svg y=\"0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" width=\"100\" viewBox=\"0 0 10 10\" preserveAspectRatio=\"xMidYMid meet\" height=\"100\" class=\"svg\">\r\n    <path d=\"M0,5A5,5,0,1,0,5,0,5,5,0,0,0,0,5ZM8.12,5A3.12,3.12,0,1,1,5,1.88,3.12,3.12,0,0,1,8.12,5Z\"><\/path>\r\n  <\/svg>\r\n<\/div>\r\n\r\n\r\n\n\n\n\n<p><\/p>\n\n\n\n<p>\uff084\uff09\u6709\u661f\u661f\u7684\u8425\u9500\u5e7f\u544a<\/p>\n\n\n<style>\r\n    .cardStartFontSize {\r\n        width: 100%;\r\n        height: 350px;\r\n        background: linear-gradient(135deg, rgba(48, 48, 48, 1) 48%, rgba(0, 0, 0, 1) 100%);\r\n        background-size: 300%, 300%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        border-radius: 15px;\r\n        box-shadow: 5px 5px 15px 5px #000000;\r\n        overflow: hidden;\r\n        transition: all 1s ease;\r\n        position: relative;\r\n    }\r\n\r\n    .cardStartFontSize  .moon {\r\n        width: 70px;\r\n        height: 70px;\r\n        top: 15%;\r\n        right: 120px;\r\n        position: absolute;\r\n        fill: white;\r\n        transform: rotate(-20deg);\r\n        transition: all 1s ease;\r\n    }\r\n\r\n    .cardStartFontSize  .rocket {\r\n        width: 70px;\r\n        height: 70px;\r\n        bottom: -2%;\r\n        left: -2%;\r\n        position: absolute;\r\n        fill: white;\r\n        transition: all 1.9s ease;\r\n    }\r\n\r\n    .cardStartFontSize  .star {\r\n        position: absolute;\r\n        background: radial-gradient(circle, rgba(251, 239, 63, 1) 0%, rgba(255, 253, 212, 1) 100%);\r\n        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\r\n    }\r\n\r\n    .cardStartFontSize .star-1 {\r\n        width: 100px;\r\n        height: 100px;\r\n        bottom: 90px;\r\n        left: -15px;\r\n        transition: all 1s ease;\r\n    }\r\n\r\n    .cardStartFontSize  .star-2 {\r\n        width: 150px;\r\n        height: 150px;\r\n        top: -10%;\r\n        left: -10%;\r\n        transition: all .5s ease;\r\n    }\r\n\r\n    .cardStartFontSize  .star-3 {\r\n        width: 100px;\r\n        height: 100px;\r\n        bottom: 5%;\r\n        right: -15px;\r\n        transition: all .3s ease;\r\n    }\r\n\r\n    .cardStartFontSize .star-4 {\r\n        width: 20px;\r\n        height: 20px;\r\n        top: 4%;\r\n        right: 5px;\r\n        transition: all 1.4s ease;\r\n    }\r\n\r\n    .cardStartFontSize  .star-5 {\r\n        width: 20px;\r\n        height: 20px;\r\n        bottom: 24%;\r\n        right: 45%;\r\n        animation: rotate 3s normal linear infinite;\r\n    }\r\n\r\n    .cardStartFontSize  .star-6 {\r\n        width: 20px;\r\n        height: 20px;\r\n        top: 14%;\r\n        right: 25%;\r\n        animation: rotate 5s normal linear infinite;\r\n    }\r\n\r\n    .cardStartFontSize .star-7 {\r\n        width: 40px;\r\n        height: 40px;\r\n        top: 34%;\r\n        right: 65%;\r\n        animation: rotate 5s normal linear infinite;\r\n    }\r\n\r\n    .cardStartFontSize  .cardStartFontSize-info {\r\n        position: absolute;\r\n        z-index: 10;\r\n\r\n    }\r\n\r\n    .cardStartFontSize  .cardStartFontSize-info h4 {\r\n        font-size: 1.2em;\r\n        color: white;\r\n        font-weight: 600;\r\n        text-align: center;\r\n\r\n    }\r\n\r\n    .cardStartFontSize  .cardStartFontSize-info p {\r\n        color: #fff;\r\n        margin-bottom: 50px;\r\n\r\n    }\r\n\r\n    .cardStartFontSize .cardStartFontSize-info .btnClick {\r\n        text-align: center;\r\n\r\n\r\n    }\r\n\r\n    .cardStartFontSize .cardStartFontSize-info .btnClick a {\r\n        color: #fff;\r\n        font-weight: 700;\r\n        font-size: 25px;\r\n        text-decoration: none;\r\n        border: 1px solid #fff;\r\n        padding: 10px;\r\n\r\n\r\n    }\r\n\r\n    .cardStartFontSize  .cardStartFontSize-info .btnClick a:hover {\r\n        border: 1px solid #f9f741;\r\n        color: #f9f741;\r\n    }\r\n\r\n    .cardStartFontSize:hover {\r\n        background: rgb(48, 48, 48);\r\n        background: linear-gradient(135deg, rgba(48, 48, 48, 1) 10%, rgba(0, 0, 0, 1) 90%);\r\n        background-size: 100%, 100%;\r\n    }\r\n\r\n    .cardStartFontSize:hover .star-1,\r\n    .cardStartFontSize:hover .star-3 {\r\n        background: linear-gradient(90deg, rgba(255, 241, 0, 1) 0%, rgba(246, 249, 93, 1) 77%, rgba(238, 255, 0, 1) 100%);\r\n        transform: scale(1.2) rotate(10deg);\r\n    }\r\n\r\n    .cardStartFontSize:hover .star-2,\r\n    .cardStartFontSize:hover .star-4,\r\n    .cardStartFontSize:hover .star-5 {\r\n        background: linear-gradient(90deg, rgba(255, 241, 0, 1) 0%, rgba(246, 249, 93, 1) 77%, rgba(238, 255, 0, 1) 100%);\r\n        transform: scale(1.2) rotate(-150deg);\r\n    }\r\n\r\n    .cardStartFontSize:hover .rocket {\r\n        transform: scale(.3) translate(450px, -730px) rotate(-260deg);\r\n    }\r\n\r\n    .cardStartFontSize:hover .moon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .cardStartFontSize:hover span {\r\n        font-size: 1.5em;\r\n    }\r\n\r\n    @keyframes rotate {\r\n        0% {\r\n            -webkit-transform: rotate3d(0, 0, 1, 0deg);\r\n            transform: rotate3d(0, 0, 1, 0deg);\r\n        }\r\n\r\n        25% {\r\n            -webkit-transform: rotate3d(0, 0, 1, 90deg);\r\n            transform: rotate3d(0, 0, 1, 90deg);\r\n        }\r\n\r\n        50% {\r\n            -webkit-transform: rotate3d(0, 0, 1, 180deg);\r\n            transform: rotate3d(0, 0, 1, 180deg);\r\n        }\r\n\r\n        75% {\r\n            -webkit-transform: rotate3d(0, 0, 1, 270deg);\r\n            transform: rotate3d(0, 0, 1, 270deg);\r\n        }\r\n\r\n        100% {\r\n            -webkit-transform: rotate3d(0, 0, 1, 360deg);\r\n            transform: rotate3d(0, 0, 1, 360deg);\r\n        }\r\n    }\r\n<\/style>\r\n<div class=\"cardStartFontSize\">\r\n    <div class=\"star star-1\"><\/div>\r\n    <div class=\"star star-2\"><\/div>\r\n    <div class=\"star star-3\"><\/div>\r\n    <div class=\"star star-4\"><\/div>\r\n    <div class=\"star star-5\"><\/div>\r\n    <div class=\"star star-6\"><\/div>\r\n    <div class=\"star star-7\"><\/div>\r\n    <div class=\"cardStartFontSize-info\">\r\n        <h4>Jouw website ook klaarmaken voor Inbound Marketing?<\/h4>\r\n        <p>\r\n            Download hier een complete whitepaper en leer hoe je jouw website kunt klaarmaken voor Inbound Marketing.\r\n        <\/p>\r\n        <div class=\"btnClick\">\r\n            <a href=\"\">Download hier<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <svg class=\"moon\" viewBox=\"0 0 20 20\">\r\n        <path\r\n            d=\"M 10 9 z z M 7.007 6.552 c 0 -2.259 0.795 -4.33 2.117 -5.955 C 4.34 1.042 0.594 5.07 0.594 9.98 c 0 5.207 4.211 9.426 9.406 9.426 c 2.94 0 5.972 -1.354 7.696 -3.472 c -0.289 0.026 -0.987 0.044 -1.283 0.044 C 11.219 15.979 7.007 11.759 7.007 6.552 z\">\r\n        <\/path>\r\n    <\/svg>\r\n    <svg class=\"rocket\" viewBox=\"48.0129 48.1783 416 415.6\">\r\n        <path\r\n            d=\"M461.81,53.81a4.4,4.4,0,0,0-3.3-3.39c-54.38-13.3-180,34.09-248.13,102.17a294.9,294.9,0,0,0-33.09,39.08c-21-1.9-42-.3-59.88,7.5-50.49,22.2-65.18,80.18-69.28,105.07a9,9,0,0,0,9.8,10.4l81.07-8.9a180.29,180.29,0,0,0,1.1,18.3,18.15,18.15,0,0,0,5.3,11.09l31.39,31.39a18.15,18.15,0,0,0,11.1,5.3,179.91,179.91,0,0,0,18.19,1.1l-8.89,81a9,9,0,0,0,10.39,9.79c24.9-4,83-18.69,105.07-69.17,7.8-17.9,9.4-38.79,7.6-59.69a293.91,293.91,0,0,0,39.19-33.09C427.82,233.76,474.91,110.9,461.81,53.81ZM298.66,213.67a42.7,42.7,0,1,1,60.38,0A42.65,42.65,0,0,1,298.66,213.67Z\">\r\n        <\/path>\r\n    <\/svg>\r\n\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uff081\uff09\u591a\u4e2a\u5e7f\u544a \uff082\uff09\u591a\u4e2a\u5e7f\u544a2 (3)\u65b0\u52a0\u5761\u5fc5\u5907 \uff084\uff09\u6709\u661f\u661f\u7684\u8425\u9500\u5e7f\u544a<\/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-1223","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/1223","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=1223"}],"version-history":[{"count":4,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/1223\/revisions"}],"predecessor-version":[{"id":1231,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/1223\/revisions\/1231"}],"wp:attachment":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}