{"id":74390,"date":"2023-02-19T06:05:54","date_gmt":"2023-02-19T14:05:54","guid":{"rendered":"https:\/\/cramjams.com\/?page_id=74390"},"modified":"2024-07-29T07:25:22","modified_gmt":"2024-07-29T14:25:22","slug":"compare-and-contrast","status":"publish","type":"post","link":"https:\/\/cramjams.com\/compare-and-contrast\/","title":{"rendered":"Compare and Contrast"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"74390\" class=\"elementor elementor-74390\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23a9699 elementor-section-content-middle lesson-title elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"23a9699\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a43b23\" data-id=\"9a43b23\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bedf77c elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"bedf77c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Compare and Contrast<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da8c015 elementor-widget__width-auto hide-item elementor-widget elementor-widget-shortcode\" data-id=\"da8c015\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" class=\"g-btn\" ><\/a>\n      \n      <!-- Share Link -->\n      <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div>\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <span style=\"color: #00c1cf; font-family: 'Mindset', Sans-serif; font-size: 30px; line-height: 2em;\">Compare and Contrast<\/span>\n            <span style=\"color: rgba(0,0,0,0.6); font-family: 'Source Sans Pro', Sans-serif; font-size: 16px; padding-bottom: 10px; display: block; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">\n     \n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'class_room_url', \n              url_type: urlType,\n              post_id: 74390            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n      .loader {\n        position: fixed;\n        background-color: rgba(0,0,0,0.5);\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        text-align: center;\n        z-index: 9999;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .loader-wrap {\n          border: 10px solid #ffb03b;\n          border-radius: 50%;\n          border-top: 10px solid #496675;\n          width: 60px;\n          height: 60px;\n          -webkit-animation: spin 2s linear infinite; \/* Safari *\/\n          animation: spin 2s linear infinite;\n        }\n        \/* Safari *\/\n        @-webkit-keyframes spin {\n          0% { -webkit-transform: rotate(0deg); }\n          100% { -webkit-transform: rotate(360deg); }\n        }\n\n        @keyframes spin {\n          0% { transform: rotate(0deg); }\n          100% { transform: rotate(360deg); }\n        }\n        a.g-btn {\n          margin: 4px;\n          padding: 0px;\n          width: 25px;\n          height: 25px;\n          display: block;\n          float: left;\n          margin-top: 0;\n          background-image: url('https:\/\/cramjams.com\/wp-content\/themes\/hello-theme-child-master\/images\/google_classroom.png');\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n        \n        .g-btn:hover {\n          background-image: url('https:\/\/cramjams.com\/wp-content\/themes\/hello-theme-child-master\/images\/google-classroom-hover.png');\n        }\n\n      \/*a.g-btn {\n        margin: 4px;\n        padding: 0px;\n        width: 25px;\n        height: 25px;\n        display: block;\n        float: left;\n        margin-top: -5px;\n      }*\/\n    .textarea-box {\n        margin: 0px;\n        min-width: 100%;\n        rows: 1;\n        padding: 10px 10px;\n        border-radius: 3px;\n        border: solid 2px rgba(0,0,0,0.2);\n        font-size: 15px;\n        max-width: 100%;\n\t\tresize: none;\n        display: block;\n    }\n    button.copy-btn {\n        padding: 0;\n        margin: 0;\n        border: 0 none;\n        color: #fff;\n        border-radius: 0;\n        float: left;\n        width: 25px;\n        height: 25px;\n        border: 2px #ffb03b solid;\n        font-size: 11px;\n        background-color: #496675;\n        font-weight: bold;\n    }\n    button.copy-btn:hover {\n      background-color: #5a8093;\n    }\n    .tooltip \n    {\n        position: relative;\n        display: inline-block;\n    }\n    .tooltip .tooltiptext {\n        visibility: hidden;\n        width: 141px;\n        background-color: #555;\n        color: #fff;\n        text-align: center;\n        border-radius: 6px;\n        padding: 5px;\n        position: absolute;\n        z-index: 1;\n        bottom: 115%;\n        left: 55%;\n        margin-left: -75px;\n        opacity: 0;\n        transition: opacity 0.3s;\n    }\n\n    .tooltip .tooltiptext::after {\n        content: \"\";\n        position: absolute;\n        top: 100%;\n        left: 50%;\n        margin-left: -5px;\n        border-width: 5px;\n        border-style: solid;\n        border-color: #555 transparent transparent transparent;\n    }\n    .tooltip:hover .tooltiptext {\n        visibility: visible;\n        opacity: 1;\n    }\n\n    \/* The Modal (background) *\/\n    button.modal-copy-btn {\n        background-color: #00c1cf !important;\n        border-radius: 5px;\n        border: 1px solid #00c1cf !important;\n        color: #ffffff;\n        \/* font-family: 'KG Happy Solid'; *\/\n        font-size: 14px;\n        font-weight: 700;\n        text-transform: uppercase;\n        padding-top: 7px;\n        padding-bottom: 7px;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n    button.modal-copy-btn:hover {\n        background-color: #5a8093;\n    }\n\n    span#myTooltip {\n        font-size: 12px;\n        line-height: 16px;\n    }\n\n    .modal {\n      display: none;\n      position: fixed;\n      z-index: 1;\n      padding-top: 166px;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n      background-color: rgba(0,0,0,0.5);\n      z-index: 999999;}\n    .modal-content {\n      position: relative;\n      background-color: #fefefe;\n      margin: auto;\n      padding: 10px;\n      border: none;\n      width: 90%;\n      max-width: 485px;\n      top: 10%;\n      border-radius: 4px;\n      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);\n      -webkit-animation-name: animatetop;\n      -webkit-animation-duration: 0.4s;\n      animation-name: animatetop;\n      animation-duration: 0.4s\n    }\n    .modal-header h3 {\n        margin: 0 0 20px 0;\n        line-height: 20px;\n    }\n    @-webkit-keyframes animatetop {\n      from {top:-300px; opacity:0} \n      to {top:0; opacity:1}\n    }\n    @keyframes animatetop {\n      from {top:-300px; opacity:0}\n      to {top:0; opacity:1}\n    }\n    .close {\n      color: rgba(0,0,0,0.5);\n      float: right;\n      font-size: 30px;\n      line-height: 15px;\n      cursor: pointer;\n    }\n    .modal-header {\n      padding: 16px 16px 0;\n        color: white;\n        \/*height: 70px;*\/\n    }\n    .modal-body {padding: 2px 16px;}\n    .modal-footer {\n        padding: 16px 16px;\n        color: white;\n        height: 70px;\n    }\n    textarea {\n        width: 100%;\n        \/* height: 190px; *\/\n        padding: 14px 14px 14px 14px;\n        border-radius: 0px;\n    }\n    .modal-footer .tooltip {\n        border-radius: 0px;\n        float: right;\n    }\n    <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4111280 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4111280\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e3c75a7\" data-id=\"e3c75a7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a58a590 elementor-widget elementor-widget-video\" data-id=\"a58a590\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"clipboard-write\" title=\"vimeo Video Player\" src=\"https:\/\/player.vimeo.com\/video\/285142462?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-576670d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"576670d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aba8b10\" data-id=\"aba8b10\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-109aa7e elementor-widget elementor-widget-shortcode\" data-id=\"109aa7e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b775ae8 db-column-wrap e-flex e-con-boxed e-con e-parent\" data-id=\"b775ae8\" data-element_type=\"container\" id=\"resource-section\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3671d06 e-con-full e-flex e-con e-child\" data-id=\"3671d06\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-026b50c elementor-widget elementor-widget-html\" data-id=\"026b50c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"resource-link\" href=\"..\/..\/resources\/compareandcontrast\/CC_I_Can_Poster.pdf\" target=\"_blank\">\n<div class=\"icon-Poster resource-icon\" style=\"text-align: center;\"><\/div>\n<div class=\"resource-name\" style=\"text-align: center;\">&quot;I Can&quot; Poster<\/div>\n<\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e987e1f elementor-widget elementor-widget-shortcode\" data-id=\"e987e1f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" data-pdfurl=\"https:\/\/cramjams.com\/resources\/compareandcontrast\/CC_I_Can_Poster.pdf\" class=\"g-btn ggclick-link\" ><\/a>\n      \n      <!-- Share Link -->\n      <!-- <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div> -->\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <h3>Compare and Contrast - I Can Poster<\/h3>\n            <span style=\"color: rgba(0,0,0,0.6); font-size: 15px; padding-bottom: 0px; display: block; margin-top:-10px; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">      \n      window.setTimeout(function() {\n        document.getElementsByClassName('ggclick-link')[0].href = \"javascript:void(0)'\";\n      }, 2000);\n\n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #pdf-gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var pdfurl = $(this).data('pdfurl');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'pdf_class_room_url', \n              url_type: urlType,\n              post_id: 74390,\n              pdfurl:pdfurl\n            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n\n\t <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a883cdf e-con-full e-flex e-con e-child\" data-id=\"a883cdf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-247db0f elementor-widget elementor-widget-html\" data-id=\"247db0f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"resource-link\" href=\"..\/..\/resources\/compareandcontrast\/CC_Definition_Poster.pdf\" target=\"_blank\">\n<div class=\"icon-Poster resource-icon\" style=\"text-align: center;\"><\/div>\n<div class=\"resource-name\" style=\"text-align: center;\">Definition Poster<\/div>\n<\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad27f6a elementor-widget elementor-widget-shortcode\" data-id=\"ad27f6a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" data-pdfurl=\"https:\/\/cramjams.com\/resources\/compareandcontrast\/CC_Definition_Poster.pdf\" class=\"g-btn ggclick-link\" ><\/a>\n      \n      <!-- Share Link -->\n      <!-- <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div> -->\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <h3>Compare and Contrast - Definition Poster<\/h3>\n            <span style=\"color: rgba(0,0,0,0.6); font-size: 15px; padding-bottom: 0px; display: block; margin-top:-10px; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">      \n      window.setTimeout(function() {\n        document.getElementsByClassName('ggclick-link')[0].href = \"javascript:void(0)'\";\n      }, 2000);\n\n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #pdf-gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var pdfurl = $(this).data('pdfurl');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'pdf_class_room_url', \n              url_type: urlType,\n              post_id: 74390,\n              pdfurl:pdfurl\n            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n\n\t <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac2d6cf e-con-full e-flex e-con e-child\" data-id=\"ac2d6cf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2385925 elementor-widget elementor-widget-html\" data-id=\"2385925\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"resource-link\" href=\"..\/..\/resources\/compareandcontrast\/CC_Venn_Diagram_Poster.pdf\" target=\"_blank\">\n<div class=\"icon-Poster resource-icon\" style=\"text-align: center;\"><\/div>\n<div class=\"resource-name\" style=\"text-align: center;\">Venn Diagram Poster<\/div>\n<\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85a083c elementor-widget elementor-widget-shortcode\" data-id=\"85a083c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" data-pdfurl=\"https:\/\/cramjams.com\/resources\/compareandcontrast\/CC_Venn_Diagram_Poster.pdf\" class=\"g-btn ggclick-link\" ><\/a>\n      \n      <!-- Share Link -->\n      <!-- <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div> -->\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <h3>Compare and Contrast - Venn Diagram Poster<\/h3>\n            <span style=\"color: rgba(0,0,0,0.6); font-size: 15px; padding-bottom: 0px; display: block; margin-top:-10px; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">      \n      window.setTimeout(function() {\n        document.getElementsByClassName('ggclick-link')[0].href = \"javascript:void(0)'\";\n      }, 2000);\n\n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #pdf-gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var pdfurl = $(this).data('pdfurl');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'pdf_class_room_url', \n              url_type: urlType,\n              post_id: 74390,\n              pdfurl:pdfurl\n            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n\n\t <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-464fdd8 e-con-full e-flex e-con e-child\" data-id=\"464fdd8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2227bc elementor-widget elementor-widget-html\" data-id=\"c2227bc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"resource-link\" href=\"..\/..\/resources\/compareandcontrast\/CC_Graphic_Organizer.pdf\" target=\"_blank\">\n<div class=\"icon-Graphic-Org resource-icon\" style=\"text-align: center;\"><\/div>\n<div class=\"resource-name\" style=\"text-align: center;\">Graphic Organizer<\/div>\n<\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0946327 elementor-widget elementor-widget-shortcode\" data-id=\"0946327\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" data-pdfurl=\"https:\/\/cramjams.com\/resources\/compareandcontrast\/CC_Graphic_Organizer.pdf\" class=\"g-btn ggclick-link\" ><\/a>\n      \n      <!-- Share Link -->\n      <!-- <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div> -->\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <h3>Compare and Contrast - Graphic Organizer<\/h3>\n            <span style=\"color: rgba(0,0,0,0.6); font-size: 15px; padding-bottom: 0px; display: block; margin-top:-10px; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">      \n      window.setTimeout(function() {\n        document.getElementsByClassName('ggclick-link')[0].href = \"javascript:void(0)'\";\n      }, 2000);\n\n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #pdf-gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var pdfurl = $(this).data('pdfurl');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'pdf_class_room_url', \n              url_type: urlType,\n              post_id: 74390,\n              pdfurl:pdfurl\n            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n\n\t <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-719fcba e-con-full e-flex e-con e-child\" data-id=\"719fcba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe28fdd elementor-widget elementor-widget-html\" data-id=\"fe28fdd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"resource-link\" href=\"..\/..\/resources\/compareandcontrast\/CC_Bookmarks.pdf\" target=\"_blank\">\n<div class=\"icon-Bookmark resource-icon\" style=\"text-align: center;\"><\/div>\n<div class=\"resource-name\" style=\"text-align: center;\">Bookmarks<\/div>\n<\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1cda2 elementor-widget elementor-widget-shortcode\" data-id=\"5c1cda2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" data-pdfurl=\"https:\/\/cramjams.com\/resources\/compareandcontrast\/CC_Bookmarks.pdf\" class=\"g-btn ggclick-link\" ><\/a>\n      \n      <!-- Share Link -->\n      <!-- <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div> -->\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <h3>Compare and Contrast - Bookmarks<\/h3>\n            <span style=\"color: rgba(0,0,0,0.6); font-size: 15px; padding-bottom: 0px; display: block; margin-top:-10px; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">      \n      window.setTimeout(function() {\n        document.getElementsByClassName('ggclick-link')[0].href = \"javascript:void(0)'\";\n      }, 2000);\n\n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #pdf-gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var pdfurl = $(this).data('pdfurl');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'pdf_class_room_url', \n              url_type: urlType,\n              post_id: 74390,\n              pdfurl:pdfurl\n            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n\n\t <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067a573 e-con-full e-flex e-con e-child\" data-id=\"067a573\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ede1d2 elementor-widget elementor-widget-html\" data-id=\"2ede1d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"resource-link\" href=\"..\/..\/resources\/compareandcontrast\/CC_Lyric_Sheet.pdf\" target=\"_blank\">\n<div class=\"icon-Lyric-Sheet resource-icon\" style=\"text-align: center;\"><\/div>\n<div class=\"resource-name\" style=\"text-align: center;\">Lyric Sheet<\/div>\n<\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09f80cf elementor-widget elementor-widget-shortcode\" data-id=\"09f80cf\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src='https:\/\/player.vimeo.com\/api\/player.js'><\/script>\t\t<div class=\"elementor-shortcode\">    <div class=\"share-lesson-wrapper\">\n      <!-- Google Classroom -->      \n      <!-- <a href=\"javascript:void(0)\"  id='gclass-btn' data-urltype=\"gclasslink\" class=\"g-btn\" ><img decoding=\"async\" src=\"\/assets\/img\/google_classroom.png\"\/><\/a> -->\n      <a href=\"javascript:void(0)\" id='ggclick-link' data-urltype=\"gclasslink\" data-pdfurl=\"https:\/\/cramjams.com\/resources\/compareandcontrast\/CC_Lyric_Sheet.pdf\" class=\"g-btn ggclick-link\" ><\/a>\n      \n      <!-- Share Link -->\n      <!-- <div class=\"tooltip\">\n        <button id='copyclick-link' data-urltype=\"copylink\" class=\"copy-btn\"><i class=\"fa fa-link\" aria-hidden=\"true\"><\/i><\/button>\n          <button id=\"copylink-popup\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" data-model=\"couponCode\" style=\"display: none;\"><\/button>\n      <\/div> -->\n      <div class=\"loader\" id=\"loader\" style=\"display:none;\"><div class=\"loader-wrap\"><\/div><\/div>\n      <!-- Modal to Copy Link -->\n      <div id=\"myModal\" class=\"modal\">\n        <!-- Modal content -->\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <span class=\"close\">&times;<\/span>\n            <h3>Compare and Contrast - Lyric Sheet<\/h3>\n            <span style=\"color: rgba(0,0,0,0.6); font-size: 15px; padding-bottom: 0px; display: block; margin-top:-10px; line-height: 21px;\">Here is a link you can use to share this video with your students. This link will remain active for two weeks after the first visit.<\/span>\n          <\/div>\n          <div class=\"modal-body\">\n            <textarea readonly=\"readonly\" class=\"textarea-box copy-url-text\" id=\"textarea-box\"><\/textarea>\n          <\/div>\n          <div class=\"modal-footer\">\n            <div class=\"tooltip\">\n              <button class=\"modal-copy-btn copy-url-text\" onmouseout=\"outFunc()\" data-type=\"attribute\" data-attr-name=\"data-clipboard-text\" id=\"\" data-model=\"couponCode\" data-clipboard-text=\"\" >\n                  <span class=\"tooltiptext\" id=\"myTooltip\">Copy to Clipboard<\/span>Copy Link\n              <\/button>\n          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\">      \n      window.setTimeout(function() {\n        document.getElementsByClassName('ggclick-link')[0].href = \"javascript:void(0)'\";\n      }, 2000);\n\n      var modal = document.getElementById(\"myModal\");\n      var btn = document.getElementById(\"copylink-popup\");\n      var span = document.getElementsByClassName(\"close\")[0];\n\n      btn.onclick = function() {\n        modal.style.display = \"block\";\n      };\n\n      span.onclick = function() {\n        modal.style.display = \"none\";\n      };\n\n      window.onclick = function(event) {\n        if (event.target == modal) {\n          modal.style.display = \"none\";\n        }\n      };\n\n      function outFunc() {\n        var tooltip = document.getElementById(\"myTooltip\");\n        tooltip.innerHTML = \"Copy to Clipboard\";\n      }\n\n      jQuery(document).ready(function($){\n      \n      $(\"#ggclick-link, #copyclick-link\").click( function(e) {      \n        e.preventDefault();\n        elementorProFrontend.modules.popup.showPopup( { id: 72451 } );\n      });\n\n\n        $('.modal-copy-btn').on(\"click\", function() {\n          value = jQuery(this).data('clipboard-text');\n          var $temp = jQuery(\"<input>\");\n          jQuery(\"body\").append($temp);\n          $temp.val(value).select();\n          document.execCommand(\"copy\");\n          $temp.remove();\n          var tooltip = document.getElementById(\"myTooltip\");\n          tooltip.innerHTML = \"Copied!\";\n          setTimeout(function() {\n            modal.style.display = \"none\";\n          }, 2000);\n        });\n\n        $('#copylink-btn, #pdf-gclass-btn').click(function(event) {\n          var urlType = $(this).data('urltype');\n          var pdfurl = $(this).data('pdfurl');\n          var loader = $('#loader');\n          $(loader).css('display','flex');\n          $.ajax({\n            method: \"POST\",\n            datatype : 'application\/json',\n            url: \"https:\/\/cramjams.com\/wp-admin\/admin-ajax.php\",\n            data: {\n              action:'pdf_class_room_url', \n              url_type: urlType,\n              post_id: 74390,\n              pdfurl:pdfurl\n            },\n            success: function (response) {\n                $(loader).css('display','none');\n                response = JSON.parse(response);\n                if(response.type == 'gclasslink') {\n                  window.open(response.url,'popUpWindow','height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');\n                }\n                if(response.type == 'copylink') {\n                  $(\"#copylink-popup\").trigger('click');\n                  $(\"#textarea-box\").val(response.url);\n                  $('.copy-url-text').data('clipboard-text',response.url);\n                }\n            },\n            error: function(error){\n              console.log(error);\n            }\n          });\n        });\n\n      });\n     <\/script>\n     <style type=\"text\/css\">\n\n\t <\/style>\n     <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This video lesson teaches how to use Venn diagrams to compare and contrast two things. Additional resources include Compare-and-Contrast bookmarks, posters, a graphic organizer, and a lyric sheet.<\/p>\n","protected":false},"author":1,"featured_media":2862,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-74390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lessons"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Compare and Contrast - Cram Jams<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compare and Contrast - Cram Jams\" \/>\n<meta property=\"og:description\" content=\"This video lesson teaches how to use Venn diagrams to compare and contrast two things. Additional resources include Compare-and-Contrast bookmarks, posters, a graphic organizer, and a lyric sheet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cramjams.com\/compare-and-contrast\/\" \/>\n<meta property=\"og:site_name\" content=\"Cram Jams\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/therealcramjams\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-19T14:05:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-29T14:25:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cramjams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cramjamstweets\" \/>\n<meta name=\"twitter:site\" content=\"@cramjamstweets\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cramjams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/\"},\"author\":{\"name\":\"cramjams\",\"@id\":\"https:\/\/cramjams.com\/#\/schema\/person\/894205062b04458972900a6e4b576dae\"},\"headline\":\"Compare and Contrast\",\"datePublished\":\"2023-02-19T14:05:54+00:00\",\"dateModified\":\"2024-07-29T14:25:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/\"},\"wordCount\":168,\"publisher\":{\"@id\":\"https:\/\/cramjams.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg\",\"articleSection\":[\"Lessons\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/\",\"url\":\"https:\/\/cramjams.com\/compare-and-contrast\/\",\"name\":\"Compare and Contrast - Cram Jams\",\"isPartOf\":{\"@id\":\"https:\/\/cramjams.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg\",\"datePublished\":\"2023-02-19T14:05:54+00:00\",\"dateModified\":\"2024-07-29T14:25:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cramjams.com\/compare-and-contrast\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage\",\"url\":\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg\",\"contentUrl\":\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cramjams.com\/compare-and-contrast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cramjams.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compare and Contrast\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cramjams.com\/#website\",\"url\":\"https:\/\/cramjams.com\/\",\"name\":\"Cram Jams\",\"description\":\"Learning Rocks\",\"publisher\":{\"@id\":\"https:\/\/cramjams.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cramjams.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cramjams.com\/#organization\",\"name\":\"Cram Jams\",\"url\":\"https:\/\/cramjams.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cramjams.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/03\/Thumbnail.png\",\"contentUrl\":\"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/03\/Thumbnail.png\",\"width\":1200,\"height\":630,\"caption\":\"Cram Jams\"},\"image\":{\"@id\":\"https:\/\/cramjams.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/therealcramjams\",\"https:\/\/x.com\/cramjamstweets\",\"http:\/\/instagram.com\/cramjams\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cramjams.com\/#\/schema\/person\/894205062b04458972900a6e4b576dae\",\"name\":\"cramjams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cramjams.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f1bc3c65cc11f8bcfb89755808874fee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f1bc3c65cc11f8bcfb89755808874fee?s=96&d=mm&r=g\",\"caption\":\"cramjams\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Compare and Contrast - Cram Jams","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Compare and Contrast - Cram Jams","og_description":"This video lesson teaches how to use Venn diagrams to compare and contrast two things. Additional resources include Compare-and-Contrast bookmarks, posters, a graphic organizer, and a lyric sheet.","og_url":"https:\/\/cramjams.com\/compare-and-contrast\/","og_site_name":"Cram Jams","article_publisher":"http:\/\/facebook.com\/therealcramjams","article_published_time":"2023-02-19T14:05:54+00:00","article_modified_time":"2024-07-29T14:25:22+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg","type":"image\/jpeg"}],"author":"cramjams","twitter_card":"summary_large_image","twitter_creator":"@cramjamstweets","twitter_site":"@cramjamstweets","twitter_misc":{"Written by":"cramjams","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cramjams.com\/compare-and-contrast\/#article","isPartOf":{"@id":"https:\/\/cramjams.com\/compare-and-contrast\/"},"author":{"name":"cramjams","@id":"https:\/\/cramjams.com\/#\/schema\/person\/894205062b04458972900a6e4b576dae"},"headline":"Compare and Contrast","datePublished":"2023-02-19T14:05:54+00:00","dateModified":"2024-07-29T14:25:22+00:00","mainEntityOfPage":{"@id":"https:\/\/cramjams.com\/compare-and-contrast\/"},"wordCount":168,"publisher":{"@id":"https:\/\/cramjams.com\/#organization"},"image":{"@id":"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg","articleSection":["Lessons"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/cramjams.com\/compare-and-contrast\/","url":"https:\/\/cramjams.com\/compare-and-contrast\/","name":"Compare and Contrast - Cram Jams","isPartOf":{"@id":"https:\/\/cramjams.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage"},"image":{"@id":"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg","datePublished":"2023-02-19T14:05:54+00:00","dateModified":"2024-07-29T14:25:22+00:00","breadcrumb":{"@id":"https:\/\/cramjams.com\/compare-and-contrast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cramjams.com\/compare-and-contrast\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cramjams.com\/compare-and-contrast\/#primaryimage","url":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg","contentUrl":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/11\/Compare-and-Contrast.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/cramjams.com\/compare-and-contrast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cramjams.com\/"},{"@type":"ListItem","position":2,"name":"Compare and Contrast"}]},{"@type":"WebSite","@id":"https:\/\/cramjams.com\/#website","url":"https:\/\/cramjams.com\/","name":"Cram Jams","description":"Learning Rocks","publisher":{"@id":"https:\/\/cramjams.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cramjams.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cramjams.com\/#organization","name":"Cram Jams","url":"https:\/\/cramjams.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cramjams.com\/#\/schema\/logo\/image\/","url":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/03\/Thumbnail.png","contentUrl":"https:\/\/cramjams.com\/wp-content\/uploads\/2019\/03\/Thumbnail.png","width":1200,"height":630,"caption":"Cram Jams"},"image":{"@id":"https:\/\/cramjams.com\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/therealcramjams","https:\/\/x.com\/cramjamstweets","http:\/\/instagram.com\/cramjams"]},{"@type":"Person","@id":"https:\/\/cramjams.com\/#\/schema\/person\/894205062b04458972900a6e4b576dae","name":"cramjams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cramjams.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f1bc3c65cc11f8bcfb89755808874fee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f1bc3c65cc11f8bcfb89755808874fee?s=96&d=mm&r=g","caption":"cramjams"}}]}},"_links":{"self":[{"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/posts\/74390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/comments?post=74390"}],"version-history":[{"count":15,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/posts\/74390\/revisions"}],"predecessor-version":[{"id":76655,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/posts\/74390\/revisions\/76655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/media\/2862"}],"wp:attachment":[{"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/media?parent=74390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/categories?post=74390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cramjams.com\/wp-json\/wp\/v2\/tags?post=74390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}