{"id":9749,"date":"2024-01-10T18:07:00","date_gmt":"2024-01-10T18:07:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9749"},"modified":"2024-01-22T16:09:30","modified_gmt":"2024-01-22T11:09:30","slug":"contact-us-page-design-in-html-code","status":"publish","type":"post","link":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/","title":{"rendered":"Contact Us Page Design in HTML Code"},"content":{"rendered":"

This HTML & CSS code snippet helps you to create a simple and responsive Contact Us page design. It uses CSS flex property<\/a> to create a layout with a contact for<\/a>m and contact information. The contact form is styled to match the overall design of the page, and it includes validation to ensure that visitors enter all of the required information.<\/p>\n

The contact form includes fields for the visitor’s name, email address, and message. The form also includes validation to ensure that the visitor enters all of the required information.<\/p>\n

How to Create Contact Us Page Design In HTML and CSS<\/h2>\n

1. First of all, add the Font Awesome script<\/a> to your HTML file’s head section to enable icons.<\/p>\n

<script src=\"https:\/\/kit.fontawesome.com\/c32adfdcda.js\" crossorigin=\"anonymous\"><\/script><\/pre>\n
2. Copy the following HTML code and paste it into your HTML file where you want the contact page. Modify the content within the HTML code to reflect your organization’s details (e.g., company name, address, phone number, and email).<\/p>\n
<section>\r\n    \r\n    <div class=\"section-header\">\r\n      <div class=\"container\">\r\n        <h2>Contact Us<\/h2>\r\n        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        \r\n        <div class=\"contact-info\">\r\n          <div class=\"contact-info-item\">\r\n            <div class=\"contact-info-icon\">\r\n              <i class=\"fas fa-home\"><\/i>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-info-content\">\r\n              <h4>Address<\/h4>\r\n              <p>4671 Sugar Camp Road,<br\/> Owatonna, Minnesota, <br\/>55060<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"contact-info-item\">\r\n            <div class=\"contact-info-icon\">\r\n              <i class=\"fas fa-phone\"><\/i>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-info-content\">\r\n              <h4>Phone<\/h4>\r\n              <p>571-457-2321<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"contact-info-item\">\r\n            <div class=\"contact-info-icon\">\r\n              <i class=\"fas fa-envelope\"><\/i>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-info-content\">\r\n              <h4>Email<\/h4>\r\n             <p>ntamerrwael@mfano.ga<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"contact-form\">\r\n          <form action=\"\" id=\"contact-form\">\r\n            <h2>Send Message<\/h2>\r\n            <div class=\"input-box\">\r\n              <input type=\"text\" required=\"true\" name=\"\">\r\n              <span>Full Name<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"input-box\">\r\n              <input type=\"email\" required=\"true\" name=\"\">\r\n              <span>Email<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"input-box\">\r\n              <textarea required=\"true\" name=\"\"><\/textarea>\r\n              <span>Type your Message...<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"input-box\">\r\n              <input type=\"submit\" value=\"Send\" name=\"\">\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section><\/pre>\n
3. Now, copy the CSS code and add it to your website’s CSS file or within a <style><\/code> tag in the HTML file. Replace the background image URL in the CSS code with an image of your choice, maintaining the “background-size” and “background-position” properties for optimal display.<\/p>\n
@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n\r\n* {\r\n  padding: 0;\r\n  margin: 0;\r\n  box-sizing: border-box;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\nbody {\r\n  min-height: 100vh;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-image: url(https:\/\/images.pexels.com\/photos\/325185\/pexels-photo-325185.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940) !important;\r\n  background-size: cover;\r\n  background-position: center;\r\n  position: relative;\r\n}\r\n\r\nbody::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  background-color: rgba(0,0,0,0.8);\r\n}\r\n\r\nsection {\r\n  position: relative;\r\n  z-index: 3;\r\n  padding-top: 50px;\r\n  padding-bottom: 50px;\r\n}\r\n\r\n.container {\r\n  max-width: 1080px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n}\r\n\r\n.section-header {\r\n  margin-bottom: 50px;\r\n  text-align: center;\r\n}\r\n\r\n.section-header h2 {\r\n  color: #FFF;\r\n  font-weight: bold;\r\n  font-size: 3em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-header p {\r\n  color: #FFF;\r\n}\r\n\r\n.row  {\r\n  display: flex;\r\n  flwx-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.contact-info {\r\n  width: 50%;\r\n}\r\n\r\n.contact-info-item {\r\n  display: flex;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.contact-info-icon {\r\n  height: 70px;\r\n  width: 70px;\r\n  background-color: #fff;\r\n  text-align: center;\r\n  border-radius: 50%;\r\n}\r\n\r\n.contact-info-icon i {\r\n  font-size: 30px;\r\n  line-height: 70px;\r\n}\r\n\r\n.contact-info-content {\r\n  margin-left: 20px;\r\n}\r\n\r\n.contact-info-content h4 {\r\n  color: #1da9c0;\r\n  font-size: 1.4em;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.contact-info-content p {\r\n  color: #FFF;\r\n  font-size: 1em;\r\n}\r\n\r\n.contact-form {\r\n  background-color: #fff;\r\n  padding: 40px;\r\n  width: 45%;\r\n  padding-bottom: 20px;\r\n  padding-top: 20px;\r\n}\r\n\r\n.contact-form h2 {\r\n  font-weight: bold;\r\n  font-size: 2em;\r\n  margin-bottom: 10px;\r\n  color: #333;\r\n}\r\n\r\n.contact-form .input-box {\r\n  position: relative;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n}\r\n\r\n.contact-form .input-box input,\r\n.contact-form .input-box textarea{\r\n  width: 100%;\r\n  padding: 5px 0;\r\n  font-size: 16px;\r\n  margin: 10px 0;\r\n  border: none;\r\n  border-bottom: 2px solid #333;\r\n  outline: none;\r\n  resize: none;\r\n}\r\n\r\n.contact-form .input-box span {\r\n  position: absolute;\r\n  left: 0;\r\n  padding: 5px 0;\r\n  font-size: 16px;\r\n  margin: 10px 0;\r\n  pointer-events: none;\r\n  transition: 0.5s;\r\n  color: #666;\r\n}\r\n\r\n.contact-form .input-box input:focus ~ span,\r\n.contact-form .input-box textarea:focus ~ span{\r\n  color: #e91e63;\r\n  font-size: 12px;\r\n  transform: translateY(-20px);\r\n}\r\n\r\n.contact-form .input-box input[type=\"submit\"]\r\n{\r\n  width: 100%;\r\n  background: #00bcd4;\r\n  color: #FFF;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 10px;\r\n  font-size: 18px;\r\n  border: 1px solid #00bcd4;\r\n  transition: 0.5s;\r\n}\r\n\r\n.contact-form .input-box input[type=\"submit\"]:hover\r\n{\r\n  background: #FFF;\r\n  color: #00bcd4;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  section {\r\n    padding-top: 50px;\r\n    padding-bottom: 50px;\r\n  }\r\n  \r\n  .row {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .contact-info {\r\n    margin-bottom: 40px;\r\n    width: 100%;\r\n  }\r\n  \r\n  .contact-form {\r\n    width: 100%;\r\n  }\r\n}<\/pre>\n
Customize the design further by adjusting colors, fonts, or layout styles in the CSS code to align with your website’s theme.<\/p>\n
That’s all! hopefully, you have successfully created the Contact Us Page design using this HTML and CSS code. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
This HTML & CSS code snippet helps you to create a simple and responsive Contact Us page design. It uses…<\/p>\n","protected":false},"author":1,"featured_media":9764,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[63],"tags":[239],"class_list":["post-9749","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3","tag-contact-us-forms"],"acf":[],"yoast_head":"\nContact Us Page Design in HTML Code — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a Contact Us Page Design in HTML Code. 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\/contact-us-page-design-in-html-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Us Page Design in HTML Code — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a Contact Us Page Design in HTML Code. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/\" \/>\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-10T18:07:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:09:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.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\/contact-us-page-design-in-html-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Contact Us Page Design in HTML Code\",\"datePublished\":\"2024-01-10T18:07:00+00:00\",\"dateModified\":\"2024-01-22T11:09:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/\"},\"wordCount\":266,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png\",\"keywords\":[\"Contact Us Forms\"],\"articleSection\":[\"HTML5 & CSS3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/\",\"url\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/\",\"name\":\"Contact Us Page Design in HTML Code — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png\",\"datePublished\":\"2024-01-10T18:07:00+00:00\",\"dateModified\":\"2024-01-22T11:09:30+00:00\",\"description\":\"Here is a free code snippet to create a Contact Us Page Design in HTML Code. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png\",\"width\":1280,\"height\":960,\"caption\":\"Contact Us Page Design in HTML Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 & CSS3\",\"item\":\"https:\/\/codehim.com\/category\/html5-css3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Contact Us Page Design in HTML Code\"}]},{\"@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":"Contact Us Page Design in HTML Code — CodeHim","description":"Here is a free code snippet to create a Contact Us Page Design in HTML Code. 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\/contact-us-page-design-in-html-code\/","og_locale":"en_US","og_type":"article","og_title":"Contact Us Page Design in HTML Code — CodeHim","og_description":"Here is a free code snippet to create a Contact Us Page Design in HTML Code. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-10T18:07:00+00:00","article_modified_time":"2024-01-22T11:09:30+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.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\/contact-us-page-design-in-html-code\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Contact Us Page Design in HTML Code","datePublished":"2024-01-10T18:07:00+00:00","dateModified":"2024-01-22T11:09:30+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/"},"wordCount":266,"commentCount":1,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png","keywords":["Contact Us Forms"],"articleSection":["HTML5 & CSS3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/","url":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/","name":"Contact Us Page Design in HTML Code — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png","datePublished":"2024-01-10T18:07:00+00:00","dateModified":"2024-01-22T11:09:30+00:00","description":"Here is a free code snippet to create a Contact Us Page Design in HTML Code. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/Contact-Us-Page-Design-in-HTML-Code.png","width":1280,"height":960,"caption":"Contact Us Page Design in HTML Code"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/html5-css3\/contact-us-page-design-in-html-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"HTML5 & CSS3","item":"https:\/\/codehim.com\/category\/html5-css3\/"},{"@type":"ListItem","position":3,"name":"Contact Us Page Design in HTML Code"}]},{"@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":12003,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9749","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=9749"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9749\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9764"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}