{"html_contact_form": "\n          \n          <form class=\"ui form js-contact-form\" method=\"post\" action=\"/contact_us/\">\n            <h4>Contact Us</h4>\n            <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"qP5qvFM9fgbA76r3EQ5GNO3yPM6OJjCTQ30An57S3JylOXJaRRKKMD0K2OQormWH\">\n            <div class=\"ui two column stackable grid\">\n              <div class=\"column\">\n            <div class=\"two fields\">\n              <div class=\"field\">\n                <label>Name</label>\n                <input type=\"text\" name=\"name\" placeholder=\"Type here\" required id=\"id_name\">\n              </div>\n              <div class=\"field\">\n                <label>Surname</label>\n                <input type=\"text\" name=\"surname\" placeholder=\"Type here\" required id=\"id_surname\">\n              </div>\n            </div>\n            <div class=\"two fields\">\n              <div class=\"field\">\n                <label>Email</label>\n                <input type=\"text\" name=\"email\" placeholder=\"Email Address\" maxlength=\"320\" required id=\"id_email\">\n              </div>\n              <div class=\"field\">\n                <label>Phone</label>\n                <input type=\"text\" name=\"phone\" placeholder=\"Phone Number\" required id=\"id_phone\">\n              </div>\n            </div>\n            <div class=\"two fields\">\n              <div class=\"field\">\n                <label>Type</label>\n                <select name=\"contact_type\" class=\"ui fluid selection dropdown\" id=\"id_contact_type\">\n  <option value=\"G\">General</option>\n\n  <option value=\"F\">Finance</option>\n\n  <option value=\"S\">Service</option>\n\n</select>\n              </div>\n              \n            </div>\n            \n              <div class=\"field\">\n                <textarea name=\"message\" cols=\"40\" rows=\"10\" placeholder=\"Message\" required id=\"id_message\">\n</textarea>\n              </div>\n            \n            <div class=\"ui divider\"></div>\n            <div class=\"actions\">\n              <button type=\"submit\" class=\"ui aiblue button\">Submit</button>\n            </div>\n          </form>\n          <div class=\"ui header\">Our contact details:</div>\n            \n              <a href=\"tel:012 653 6462\"><i class=\"phone icon\"></i><strong style=\"margin-left: 10px;\">012 653 6462</strong></a>\n              <a href=\"mail:hanko@autoi.co.za\"><i class=\"envelope icon\"></i><strong style=\"margin-left: 10px;\">hanko@autoi.co.za</strong></a>\n              <a href=\"https://maps.app.goo.gl/pVvD4Uz3ewp8pTLr6\" target=\"_blank\"><i class=\"map marked alternate icon\"></i><strong style=\"margin-left: 10px;\">146 Ivan Avenue, Hennopspark, Centurion, Gauteng, 0172, South Africa</strong></a>\n              <br>\n          </div>\n          <div class=\"column\">\n            <img class=\"ui fluid image\" src=\"/static/core/images/contact_us.7a555fd5fa04.png\">\n          </div>\n          </div>\n          <h3>Our Location</h3>\n          <div id=\"map-container\" class=\"ui center aligned\" style=\"padding-bottom: 20px;\">\n              <iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3590.233316354738!2d28.166907!3d-25.8617973!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1e956451144c3675%3A0x5bb150d03805cd6e!2sAuto%20Investments%20Centurion!5e0!3m2!1sen!2sza!4v1724089856801!5m2!1sen!2sza\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"></iframe>\n          </div>\n\n\n<script>\n  $(document).ready(function () {\n    $('.selection.dropdown')\n            .dropdown();\n  });\n\n  </script>        \n            \n\n        "}