{"id":9113,"date":"2024-01-19T17:59:00","date_gmt":"2024-01-19T17:59:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9113"},"modified":"2024-01-22T15:59:31","modified_gmt":"2024-01-22T10:59:31","slug":"customer-testimonials-html-css","status":"publish","type":"post","link":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/","title":{"rendered":"Customer Testimonials in HTML CSS"},"content":{"rendered":"<p>This HTML and CSS code is designed for creating a &#8220;Customer Testimonials&#8221; section on a website. The HTML code structures the content, including testimonials, and the CSS code defines the visual styling.<\/p>\n<p>The main purpose of this code is to showcase <a href=\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-testimonial-carousel\/\" target=\"_blank\" rel=\"noopener\">customer testimonials<\/a> on a web page. It arranges the testimonials in a visually appealing manner, with proper formatting and styling. It uses CSS to create a clean and attractive design for the testimonials section, making it helpful for presenting positive feedback from customers in an organized and engaging way.<\/p>\n<h2>How to Create Customer Testimonials Section Using HTML and CSS<\/h2>\n<p>1. First, load the <a href=\"https:\/\/necolas.github.io\/normalize.css\/\" target=\"_blank\" rel=\"noopener\">Normalize CSS<\/a> by adding the following CDN links into the head tag of your website.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/5.0.0\/normalize.min.css\"&gt;<\/pre>\n<p>2. Copy the HTML code provided into the <code>&lt;body&gt;<\/code> section of your webpage. Make sure to place it where you want the testimonials section to appear.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;main&gt;\r\n   &lt;h1&gt;Customer Testimonials&lt;\/h1&gt;\r\n   &lt;div class=\"blurb\"&gt;\r\n\r\n      &lt;h3&gt;What people are saying about us&lt;\/h3&gt;\r\n      &lt;hr \/&gt;\r\n      &lt;p&gt;\r\n         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sem nulla, pretium ut convallis non, mollis vel erat. Proin vel nibh arcu. Vivamus a augue at quam lacinia maximus.\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n         &lt;strong&gt;Vestibulum dapibus ex dictum felis facilisis, id fermentum magna semper.&lt;\/strong&gt; Phasellus ac eleifend lectus, nec tristique mi. In suscipit dolor quis neque ultricies efficitur ut quis eros. Nullam hendrerit arcu et nisl hendrerit finibus. Vivamus a dolor suscipit, interdum sapien non, posuere lorem. Maecenas id nulla ut turpis faucibus feugiat accumsan sit amet neque.\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n         In hac habitasse platea dictumst. Praesent finibus cursus ipsum vel commodo. Pellentesque bibendum dictum nulla, quis vehicula arcu convallis quis. Etiam mi ex, aliquam ut ante sit amet, convallis luctus augue. Quisque sodales, sapien congue aliquam volutpat, urna erat volutpat nisi, vitae tempus tellus odio id arcu. &lt;strong&gt;Cras sollicitudin eget neque dictum blandit.&lt;\/strong&gt;\r\n      &lt;\/p&gt;\r\n   &lt;\/div&gt;\r\n   &lt;ul class=\"testimonials clearfix\"&gt;\r\n      &lt;li&gt;\r\n         &lt;figure&gt;\r\n            &lt;blockquote&gt;\r\n               &lt;p&gt;\r\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sem nulla, pretium ut convallis non, mollis vel erat. Proin vel nibh arcu. Vivamus a augue at quam lacinia maximus.\r\n               &lt;\/p&gt;\r\n            &lt;\/blockquote&gt;\r\n            &lt;figcaption&gt;\r\n               &lt;span&gt;John D.&lt;\/span&gt;&lt;span&gt;ACME INC&lt;\/span&gt;\r\n            &lt;\/figcaption&gt;\r\n         &lt;\/figure&gt;\r\n      &lt;\/li&gt;\r\n      &lt;li&gt;\r\n         &lt;figure&gt;\r\n            &lt;blockquote&gt;\r\n               &lt;p&gt;\r\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sem nulla, pretium ut convallis non, mollis vel erat. Proin vel nibh arcu. Vivamus a augue at quam lacinia maximus.\r\n               &lt;\/p&gt;\r\n            &lt;\/blockquote&gt;\r\n            &lt;figcaption&gt;\r\n               &lt;span&gt;John D.&lt;\/span&gt;&lt;span&gt;ACME INC&lt;\/span&gt;\r\n            &lt;\/figcaption&gt;\r\n         &lt;\/figure&gt;\r\n      &lt;\/li&gt;\r\n      &lt;li&gt;\r\n         &lt;figure&gt;\r\n            &lt;blockquote&gt;\r\n               &lt;p&gt;\r\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sem nulla, pretium ut convallis non, mollis vel erat. Proin vel nibh arcu. Vivamus a augue at quam lacinia maximus.\r\n               &lt;\/p&gt;\r\n            &lt;\/blockquote&gt;\r\n            &lt;figcaption&gt;\r\n               &lt;span&gt;John D.&lt;\/span&gt;&lt;span&gt;ACME INC&lt;\/span&gt;\r\n            &lt;\/figcaption&gt;\r\n         &lt;\/figure&gt;\r\n      &lt;\/li&gt;\r\n   &lt;\/ul&gt;\r\n&lt;\/main&gt;\r\n<\/pre>\n<p>3. Finally, copy the following CSS code and place it within a <code>&lt;style&gt;<\/code> block in the <code>&lt;head&gt;<\/code> section of your webpage.<\/p>\n<pre class=\"prettyprint linenums lang-css\">@charset \"UTF-8\";\r\n* {\r\n  color: #333;\r\n}\r\n\r\n.clearfix::after {\r\n  content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n\r\nheader {\r\n  background-color: #ff6600;\r\n  height: 80px;\r\n}\r\n\r\nfooter {\r\n  background: #333;\r\n  height: 300px;\r\n}\r\n\r\nmain {\r\n  max-width: 64em;\r\n  margin: 0 auto;\r\n  padding: 0 2%;\r\n}\r\nmain h1 {\r\n  margin-bottom: 10px;\r\n}\r\nmain h3 {\r\n  margin-top: 0;\r\n}\r\nmain .blurb {\r\n  margin-bottom: 25px;\r\n}\r\nmain ul.testimonials {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 35px 0;\r\n}\r\nmain ul.testimonials figure,\r\nmain ul.testimonials blockquote {\r\n  margin: 0;\r\n}\r\nmain ul.testimonials blockquote,\r\nmain ul.testimonials figcaption {\r\n  border-radius: 8px;\r\n  padding: 10px;\r\n}\r\nmain ul.testimonials blockquote {\r\n  background: #a3c8db;\r\n  position: relative;\r\n}\r\nmain ul.testimonials blockquote::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -15px;\r\n  right: 25px;\r\n  border-width: 15px 15px 0;\r\n  border-style: solid;\r\n  border-color: #a3c8db transparent;\r\n  display: block;\r\n  width: 0;\r\n}\r\nmain ul.testimonials blockquote p {\r\n  margin: 0;\r\n  padding: 10px 20px;\r\n}\r\nmain ul.testimonials blockquote p::before, main ul.testimonials blockquote p::after {\r\n  font-size: 3em;\r\n  display: block;\r\n  height: 0.5em;\r\n  color: whitesmoke;\r\n  position: absolute;\r\n}\r\nmain ul.testimonials blockquote p::before {\r\n  content: \"\u201c\ufe0e\";\r\n  top: 0;\r\n  left: 10px;\r\n}\r\nmain ul.testimonials blockquote p::after {\r\n  content: \"\u201d\ufe0e\";\r\n  bottom: 10px;\r\n  right: 10px;\r\n}\r\nmain ul.testimonials figcaption {\r\n  float: right;\r\n  background: #d9d9d9;\r\n  margin-top: 20px;\r\n  width: max-content;\r\n  min-width: 150px;\r\n  text-align: center;\r\n}\r\nmain ul.testimonials figcaption span {\r\n  display: block;\r\n}\r\nmain ul.testimonials figcaption span:first-child {\r\n  font-weight: bold;\r\n}\r\nmain ul.testimonials li {\r\n  max-width: 80%;\r\n  margin: 10px 0;\r\n  float: right;\r\n}\r\nmain ul.testimonials li:nth-child(odd) {\r\n  float: left;\r\n}\r\nmain ul.testimonials li:nth-child(odd) blockquote {\r\n  background: #c8dee9;\r\n}\r\nmain ul.testimonials li:nth-child(odd) blockquote::after {\r\n  border-color: #c8dee9 transparent;\r\n  right: unset;\r\n  left: 25px;\r\n}\r\nmain ul.testimonials li:nth-child(odd) figcaption {\r\n  float: left;\r\n}<\/pre>\n<p>Now that you have added the code to your webpage, it&#8217;s time to customize the content to match your business or website. You can replace the placeholder text with actual customer testimonials, company names, and other relevant information.<\/p>\n<p>That&#8217;s all! hopefully, you have successfully created a Customer Testimonials section on your website using HTML and CSS. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This HTML and CSS code is designed for creating a &#8220;Customer Testimonials&#8221; section on a website. The HTML code structures&#8230;<\/p>\n","protected":false},"author":1,"featured_media":9126,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[63],"tags":[],"class_list":["post-9113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Customer Testimonials in HTML CSS &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a Customer Testimonials in HTML CSS. You can view demo and download the source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customer Testimonials in HTML CSS &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a Customer Testimonials in HTML CSS. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-19T17:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T10:59:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Customer Testimonials in HTML CSS\",\"datePublished\":\"2024-01-19T17:59:00+00:00\",\"dateModified\":\"2024-01-22T10:59:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\"},\"wordCount\":235,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png\",\"articleSection\":[\"HTML5 &amp; CSS3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\",\"url\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\",\"name\":\"Customer Testimonials in HTML CSS &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png\",\"datePublished\":\"2024-01-19T17:59:00+00:00\",\"dateModified\":\"2024-01-22T10:59:31+00:00\",\"description\":\"Here is a free code snippet to create a Customer Testimonials in HTML CSS. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png\",\"width\":1280,\"height\":960,\"caption\":\"Customer Testimonials HTML CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 &amp; CSS3\",\"item\":\"https:\/\/codehim.com\/category\/html5-css3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customer Testimonials in HTML CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customer Testimonials in HTML CSS &#8212; CodeHim","description":"Here is a free code snippet to create a Customer Testimonials in HTML CSS. You can view demo and download the source code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Customer Testimonials in HTML CSS &#8212; CodeHim","og_description":"Here is a free code snippet to create a Customer Testimonials in HTML CSS. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-19T17:59:00+00:00","article_modified_time":"2024-01-22T10:59:31+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Customer Testimonials in HTML CSS","datePublished":"2024-01-19T17:59:00+00:00","dateModified":"2024-01-22T10:59:31+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/"},"wordCount":235,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png","articleSection":["HTML5 &amp; CSS3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/","url":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/","name":"Customer Testimonials in HTML CSS &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png","datePublished":"2024-01-19T17:59:00+00:00","dateModified":"2024-01-22T10:59:31+00:00","description":"Here is a free code snippet to create a Customer Testimonials in HTML CSS. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Customer-Testimonials-HTML-CSS.png","width":1280,"height":960,"caption":"Customer Testimonials HTML CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/html5-css3\/customer-testimonials-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"HTML5 &amp; CSS3","item":"https:\/\/codehim.com\/category\/html5-css3\/"},{"@type":"ListItem","position":3,"name":"Customer Testimonials in HTML CSS"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":1215,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=9113"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9113\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9126"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}