Image Sample

<h3>Drop Caps</h3><span class="first-character">T</span>Et posse meliore definitiones (strong) his, vim tritani vulputate (italic) pertinacia at. Augue quaerendum (Acronym) te sea, ex sed sint invenire erroribus. Cu vel ceteros scripserit, te usu modus fabellas mediocritatem. In legere regione instructior eos. Ea repudiandae suscipiantur vim, vel partem labores ponderum in blogger templates (link).<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VZQj1YAgA6uu-Hn-M5-XNHRTx6ODSoMAEKZdFX6s3W5d08dfH5T_-P_p4cFktFovX_2OBgLGdLjXgLNxi4TUJmSvnP5IBLuxiLA8RGvmMHqEAW3diVzmuN5I8vciI1lCEKZLpqdM6GA/s1600/8932506.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VZQj1YAgA6uu-Hn-M5-XNHRTx6ODSoMAEKZdFX6s3W5d08dfH5T_-P_p4cFktFovX_2OBgLGdLjXgLNxi4TUJmSvnP5IBLuxiLA8RGvmMHqEAW3diVzmuN5I8vciI1lCEKZLpqdM6GA/s640/8932506.jpg" width="640" /></a></div><br /> <h3>Compare Image Square Diamond</h3><div class="sliderx sliderx-active"><div class="sliderx-handle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="diamond" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><br /> <rect id="diamond-background" x="0" y="0" transform="matrix(0.5 0.5 -0.5 0.5 50 0)" width="100" height="100"></rect><br /> <g style="opacity: 1;" class="diamond-text"><br /> <br /> <path class="diamond-text-s fill-white" d="M40.086,27.69c0-0.301-0.105-0.542-0.314-0.725c-0.21-0.183-0.578-0.354-1.104-0.516 c-0.902-0.272-1.588-0.593-2.055-0.961c-0.468-0.369-0.701-0.872-0.701-1.509c0-0.641,0.264-1.165,0.789-1.571 c0.527-0.407,1.198-0.61,2.015-0.61c0.866,0,1.563,0.218,2.092,0.655s0.783,1.01,0.766,1.719l-0.011,0.032h-1.52 c0-0.39-0.119-0.69-0.355-0.9c-0.236-0.209-0.567-0.314-0.993-0.314c-0.387,0-0.686,0.093-0.897,0.279 c-0.211,0.186-0.316,0.424-0.316,0.714c0,0.265,0.114,0.482,0.344,0.652c0.229,0.17,0.625,0.35,1.188,0.54 c0.859,0.244,1.514,0.562,1.965,0.953c0.451,0.393,0.678,0.909,0.678,1.55c0,0.669-0.262,1.198-0.785,1.584 c-0.522,0.387-1.213,0.58-2.072,0.58c-0.842,0-1.564-0.209-2.168-0.628s-0.896-1.044-0.878-1.875l0.011-0.032h1.52 c0,0.462,0.137,0.802,0.408,1.021c0.272,0.218,0.642,0.328,1.107,0.328c0.418,0,0.738-0.088,0.958-0.263 C39.976,28.218,40.086,27.983,40.086,27.69z"></path><br /> <path class="diamond-text-l fill-white" d="M44.377,28.528h3.502v1.203h-5.07v-7.82h1.568V28.528z"></path><br /> <path class="diamond-text-i fill-white" d="M50.598,29.731h-1.569v-7.82h1.569V29.731z"></path><br /> <path class="diamond-text-d fill-white" d="M52.15,29.731v-7.82h2.729c0.955,0,1.744,0.305,2.363,0.916 c0.619,0.61,0.928,1.394,0.928,2.35v1.294c0,0.959-0.309,1.743-0.928,2.35c-0.619,0.606-1.408,0.91-2.363,0.91H52.15z M53.719,23.119v5.409h1.16c0.516,0,0.93-0.192,1.246-0.577c0.314-0.385,0.473-0.878,0.473-1.48v-1.305 c0-0.598-0.158-1.088-0.473-1.472c-0.316-0.383-0.73-0.575-1.246-0.575H53.719z"></path><br /> <path class="diamond-text-e fill-white" d="M63.896,26.293h-2.9v2.234h3.447v1.203h-5.016v-7.82h5.006v1.208h-3.438v1.966h2.9V26.293 z"></path> <br /> </g><br /> <g data-svg-origin="50.1015625 42.55078125" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);" class="diamond-icon"><br /> <path class="diamond-hand fill-white" d="M70.2,52.1c-0.3,0-0.5,0-0.8,0.1c-0.1-0.5-0.3-0.9-0.5-1.2c-0.4-0.5-1-0.7-1.6-0.7c-0.4,0-0.8,0.1-1.2,0.4c-0.1-0.2-0.3-0.4-0.4-0.5c-0.4-0.4-1-0.7-1.6-0.7c-0.3,0-0.7,0.1-1,0.2v-4.4c0-1-0.4-1.6-0.7-1.9c-0.4-0.4-1-0.7-1.6-0.7c-1.2,0-2.5,0.9-2.5,2.6v6.3c-.3,0.4-3,1.6-3,3.8v4.5v0c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0l2.9,3.1v5.7c0,0.4,0.3,0.7,0.7,0.7h11.3c0.4,0,0.7-0.3,0.7-0.7v-5.8l1.3-2.8c0-0.1,0.1-0.2,0.1-0.3v-5.9C72.5,52.9,71.3,52.1,70.2,52.1z M71,60.2L69.7,63c0,0.1-0.1,0.2-0.1,0.3v5.2h-9.8v-1.9h7.6c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7h-7.6v-1.9c0-0.2-0.1-0.4-0.2-0.5l-2.9-3.1v-4.2c0-1.2,0.8-1.8,1.5-2.2v4.2c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7v-5.3l0,0v-6.8c0-1.2,1.1-1.4,1.6-0.9c0.2,0.2,0.3,0.5,0.3,0.9V54c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7v-1.8l0,0c0-1.2,1.1-1.4,1.6-0.9c0.2,0.2,0.3,0.5,0.3,0.9v2c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7V53c0-0.8,0.4-1.2,0.8-1.2c0.1,0,0.3,0,0.4,0.2c0.2,0.2,0.3,0.5,0.3,1v1.5c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7l0,0c0-0.7,0.4-0.9,0.8-0.9c0.4,0,0.8,0.3,0.8,0.9L71,60.2L71,60.2z"></path><br /> <path style="transform: matrix(1, 0, 0, 1, 0, 0);" data-svg-origin="50.1015625 42.55078125" class="diamond-arrow fill-white" d="M56.5,44.1h-4.3l0.4-0.5c0.2-0.3,0.2-0.7,0-0.9c-0.3-0.2-0.7-0.2-0.9,0l-1.5,1.6c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0,0,0.1-0.1,0.1c0,0,0,0,0,0c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0,0,0.1,0,0.1l1.4,1.5c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.3-0.1,0.4-0.2c0.3-0.2,0.3-0.6,0.1-0.9l-0.4-0.5h4.3c0.4,0,0.6-0.3,0.6-0.6C57.2,44.4,56.9,44.1,56.5,44.1z"></path> <br /> </g><br /> </svg><br /> </div><div class="sliderx-b"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGyFvL9mrW97ap4IgpwlokHqW1V9q0E5VthVy9XBUbNtSjH-2q67jtD6Yo_nMA5dQoYmqcozWwr0ScqdZix_1omWFiw-gvDOaecV2nLQlgbgzKyRlJ6-wRx3t7pI_mO_o5SYI7vzcv2o/"><br /> </div><div style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUrzfhmQK-WbabndAoHf7vGKYyFq4cUBeEuyqoun8c-OmzXiQaLDI17Ou2jLZMGNSCQ2Ii3Hf4IF6oIW5YnyJ8-0EBMj_0SthXRrEqRgWMBEMplUiWTvstDoQC1t19ItUlG8QIRkkjWfw/");" class="sliderx-a"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUrzfhmQK-WbabndAoHf7vGKYyFq4cUBeEuyqoun8c-OmzXiQaLDI17Ou2jLZMGNSCQ2Ii3Hf4IF6oIW5YnyJ8-0EBMj_0SthXRrEqRgWMBEMplUiWTvstDoQC1t19ItUlG8QIRkkjWfw/"><br /> </div></div>

Drop Caps

TEt posse meliore definitiones (strong) his, vim tritani vulputate (italic) pertinacia at. Augue quaerendum (Acronym) te sea, ex sed sint invenire erroribus. Cu vel ceteros scripserit, te usu modus fabellas mediocritatem. In legere regione instructior eos. Ea repudiandae suscipiantur vim, vel partem labores ponderum in blogger templates (link).

Compare Image Square Diamond